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

title: Tx
description: Traduce JSX en componentes de servidor del App Router de Next.js en tiempo de solicitud con General Translation. Referencia de la API de Tx.

---

El componente `<Tx>` traduce JSX en tiempo de solicitud mediante la API de General Translation. Úsalo para contenido dinámico que no se conoce en tiempo de compilación; usa [`<T>`](/docs/react/reference/components/t) para contenido fuente estático.

`<Tx>` es solo para el servidor y no funciona con Pages Router.

## Descripción general [#overview]

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

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

## Props [#props]

| Prop         | Descripción                                              | Type        | Opcional | Predeterminado                                |
| ------------ | -------------------------------------------------------- | ----------- | -------- | --------------------------------------------- |
| `children`   | Contenido JSX que se va a traducir.                      | `ReactNode` | No       | —                                             |
| `context`    | Contexto que orienta la traducción.                      | `string`    | Sí       | —                                             |
| `maxChars`   | Longitud máxima del contenido traducido.                 | `number`    | Sí       | —                                             |
| `locale`     | Sobrescribe la configuración regional de destino.        | `string`    | Sí       | Configuración regional actual de la solicitud |
| `[variable]` | Variable con nombre insertada en el contenido traducido. | `ReactNode` | Sí       | —                                             |

## Devuelve [#returns]

**Tipo** `Promise<ReactNode>`

## Ejemplo [#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>;
}
```