# General Translation React SDKs (gt-react, gt-next, gt-react-native): `<Tx>`
URL: https://generaltranslation.com/fr/docs/react/nextjs/reference/components/tx.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Traduisez le JSX au moment de la requête dans les composants serveur App Router de Next.js. Référence API du composant `<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`   | Maximum entier positif demandé au service de traduction ; il ne tronque pas le contenu renvoyé. | `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>;
}
```

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.