# gt: General Translation CLI tool: Auto JSX Injection
URL: https://generaltranslation.com/en-US/docs/cli/features/auto-jsx-injection.mdx
---
title: Auto JSX Injection
description: Automatically wrap JSX text in translation components at build time
---

## Overview

With auto JSX injection enabled, the compiler automatically wraps translatable JSX text in `<T>` translation components at build time — so you don't need to add them manually.

Auto JSX injection is **disabled by default**.

<Callout type="warning">
Auto JSX injection currently only works with the i18n-context system and SPA React apps.
</Callout>

## Configuration

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

## Example

Without auto JSX injection:

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

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

With auto JSX injection enabled:

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

The compiler detects the translatable text and wraps it automatically at build time. User-written `<T>` components and other GT components like `<Var>`, `<Branch>`, `<Plural>`, and `<Derive>` are left untouched.

## Related

- [Autoderive](/docs/cli/features/autoderive)
- [Release notes: compiler@1.3.0](/devlog/compiler_v1_3_0)