# Linting Rules for gt-next: Lint de gt-next
URL: https://generaltranslation.com/es/docs/next-lint.mdx
---
title: Lint de gt-next
description: plugin de ESLint para componentes de gt-next.
---

<Callout type="warn">
  Está en fase alfa. Sujeto a cambios.
</Callout>

plugin de ESLint que detecta errores de traducción comunes en los componentes de gt-next.

## Instalación

```bash
npm install --save-dev @generaltranslation/gt-next-lint
```


## Configuración

Agrega lo siguiente a tu `eslint.config.mjs`:

```javascript
import gtNext from "@generaltranslation/gt-next-lint";

export default [
  {
    plugins: { 'gt-next': gtNext },
    rules: {
      'gt-next/no-dynamic-jsx': 'warn',
      'gt-next/no-dynamic-string': 'warn',
    },
  },
];
```


## Reglas

### `no-dynamic-jsx`

Envuelve el contenido dinámico en componentes `<T>` mediante componentes Variable.

```jsx
// ❌ Incorrecto
<T>Hello {userName}!</T>

// ✅ Correcto  
<T>Hello <Var>{userName}</Var>!</T>
```


### `no-dynamic-string`

Solo permite cadenas literales en las funciones de traducción.

```jsx
const gt = useGT();

// ❌ Incorrecto
gt(`Hello ${name}`)
gt('Hello ' + name)

// ✅ Correcto
gt('Hello, {name}!', { name })
```


## Componentes compatibles

* `<Var>` - Variables
* `<DateTime>` - Fechas
* `<Num>` - Números
* `<Currency>` - Moneda

## Funciones compatibles

* `useGT` - Traducciones en el cliente