# General Translation React SDKs (gt-react, gt-next): Tx
URL: https://generaltranslation.com/fr/docs/react/nextjs/reference/components/tx.mdx
---

title: Tx
description: Traduisez le JSX au moment de la requête dans les composants serveur App Router de Next.js avec General Translation. Référence API de Tx.

---

Le composant `<Tx>` traduit le JSX au moment de la requête via l’API General Translation. Utilisez-le pour le contenu dynamique qui n’est pas connu au build ; utilisez [`<T>`](/docs/react/reference/components/t) pour le contenu source statique.

`<Tx>` est réservé au serveur et ne fonctionne pas avec le Pages Router.

## Vue d’ensemble [#overview]

```tsx
import { Tx } from 'gt-next/server';

<Tx context="Greeting loaded at request time">Welcome back</Tx>;
```

## Props [#props]

| Prop         | Description                                      | Type        | Facultatif | Par défaut                                |
| ------------ | ------------------------------------------------ | ----------- | ---------- | ----------------------------------------- |
| `children`   | Contenu JSX à traduire.                          | `ReactNode` | Non        | —                                         |
| `context`    | Contexte qui oriente la traduction.              | `string`    | Oui        | —                                         |
| `maxChars`   | Longueur maximale du contenu traduit.            | `number`    | Oui        | —                                         |
| `locale`     | Surcharge du paramètre régional cible.           | `string`    | Oui        | Paramètre régional de la requête en cours |
| `[variable]` | Variable nommée insérée dans le contenu traduit. | `ReactNode` | Oui        | —                                         |

## Renvoie [#returns]

**Type** `Promise<ReactNode>`

## Exemple [#example]

```tsx title="app/profile/page.tsx"
import { Tx } from 'gt-next/server';

export default async function ProfilePage() {
  return <Tx context="Account page heading">Welcome back</Tx>;
}
```