# react-core-linter: static-jsx
URL: https://generaltranslation.com/en-US/docs/react-core-linter/rules/static-jsx.mdx
---
title: static-jsx
description: The <T> component must only have static children
---

## Overview

Ensures that dynamic content inside [`<T>`](/docs/react/api/components/t) components is wrapped in variable components.

This rule flags dynamic content that appears directly inside [`<T>`](/docs/react/api/components/t) components without being wrapped in appropriate variable components like [`<Var>`](/docs/react/api/components/var) or [`<Branch>`](/docs/react/api/components/branch).

## Auto-fix

Running `eslint --fix` will automatically wrap dynamic content:

- **Ternaries / logical AND** → [`<Branch>`](/docs/react/api/components/branch)
- **Other expressions** → [`<Var>`](/docs/react/api/components/var)
- **Missing imports** are added automatically

```jsx
// Before fix
<T>Hello {userName}!</T>
<T>{role === "admin" ? "Administrator" : role === "editor" ? "Editor" : "Viewer"}</T>
<T>{isOnline && "Online"}</T>

// After fix
<T>Hello <Var>{userName}</Var>!</T>
<T><Branch branch={role} admin="Administrator" editor="Editor">Viewer</Branch></T>
<T><Branch branch={!!isOnline} true="Online" /></T>
```

## Reference

### Options

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| `libs` | `string[]` | `["gt-react", "gt-next", "gt-react-native", "gt-i18n", "@generaltranslation/react-core"]` | Array of library modules to check for translation components |

---

## Configuration

```json
{
  "@generaltranslation/react-core-linter/static-jsx": ["error", {
    "libs": ["gt-react", "gt-next", "gt-react-native"]
  }]
}
```