# `Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.`

**Dónde aparece:** Navegador

**Qué significa:** Un componente actualiza su propio estado cada vez que se dibuja, creando un bucle sin fin que React detiene.

## Causas probables

- Escribir `onClick={setCount(count + 1)}` en lugar de `onClick={() => setCount(count + 1)}` en un botón.
- Llamar a una función de cambio de estado directamente en el cuerpo del componente en vez de dentro de un evento.

## Mensaje para tu agente

```text
React se detuvo con `Too many re-renders`. Busca qué actualización de estado se ejecuta durante el render en lugar de en un evento y corrígela.
```

**Cómo evitarlo:** Dispara los cambios de estado desde acciones del usuario (clics y envíos de formulario), no mientras se dibuja la pantalla.

---
Fuente: [Agentic Makers](https://agenticmakers.app/es/ayuda/errores/demasiados-re-renders-bucle-infinito) · Licencia: CC BY 4.0