# gt: General Translation CLI tool: Using automatic JSX injection
URL: https://generaltranslation.com/en-GB/docs/cli/guides/using-auto-jsx.mdx
---
title: Using automatic JSX injection
description: How to wrap translatable JSX text in General Translation components at build time using automatic JSX injection.
related:
  links:
    - /docs/cli/guides/using-autoderive
    - /docs/cli/guides/generating-translations
    - /docs/cli/guides/configuring
    - /docs/cli/guides/managing-translations

---

Automatic JSX injection makes the compiler wrap translatable JSX text in [`<T>`](/docs/react/reference/components/t) components at build time, so you do not have to add them by hand.

Automatic JSX injection is disabled by default.

*Note: Automatic JSX injection currently works only with the i18n-context system and single-page React apps.*

## Enable automatic JSX injection [#enable]

Set `enableAutoJsxInjection` under `files.gt.parsingFlags` in `gt.config.json`.

```json title="gt.config.json"
{
  "files": {
    "gt": {
      "parsingFlags": {
        "enableAutoJsxInjection": true
      }
    }
  }
}
```

## How it works [#how]

Without injection, you wrap translatable text yourself.

```jsx
import { T } from 'gt-next';

function Welcome() {
  return (
    <T>
      <h1>Welcome to our app</h1>
    </T>
  );
}
```

With injection enabled, the compiler detects the translatable text and wraps it automatically at build time.

```jsx
function Welcome() {
  return <h1>Welcome to our app</h1>;
}
```

Text you have already wrapped in `<T>`, along with other General Translation components such as [`<Var>`](/docs/react/reference/components/var), [`<Branch>`](/docs/react/reference/components/branch), [`<Plural>`](/docs/react/reference/components/plural), and [`<Derive>`](/docs/react/reference/components/derive), is left untouched.
## Next steps

- /docs/cli/guides/using-autoderive
- /docs/cli/guides/generating-translations
- /docs/cli/guides/configuring
- /docs/cli/guides/managing-translations