# `Error: Hydration failed because the server rendered HTML didn't match the client.`

**Dónde aparece:** Consola del navegador

**Qué significa:** La página se veía de una forma cuando la construyó el servidor y de otra en el navegador.

## Causas probables

- Algo distinto en cada lado, como la hora actual o un número aleatorio.
- Leer datos que solo existen en el navegador (como ajustes guardados) en el primer render.

## Mensaje para tu agente

```text
La consola del navegador dice «Hydration failed». Busca qué componente se renderiza distinto en el servidor y en el cliente, arréglalo y explícame la causa en una frase.
```

**Cómo evitarlo:** Lee los datos del navegador después de que cargue la página.

---
Fuente: [Agentic Makers](https://agenticmakers.app/es/ayuda/errores/hydration-failed) · Licencia: CC BY 4.0