Ejemplos en tiempo real

Sandbox inline para simular errores y resets.

Ejemplos en tiempo real

Esta sección es un sandbox interactivo: simula errores y mira cómo el ErrorBoundary captura, muestra fallback y resetea.

Ejemplo 1 · fallback + resetKeys

fallback es un nodo fijo. No recibe error ni funciones; para recuperar, cambia resetKeys.

Render correcto.

Ejemplo 2 · fallbackRender

`fallbackRender` recibe `error`, `errorContext`, `resetError` y `retryCount`.

Render correcto.

Ejemplo 3useErrorBoundary · async handlers

Sin showBoundary()

Los errores de handlers async no los captura el ErrorBoundary.

Con useErrorBoundary()

showBoundary(error) eleva el error al boundary mas cercano.

Los errores async se elevan con `showBoundary(error)`.

Log

→Listo: busca pokemon o activa modo fail

Ejemplo 4recovery + observability

recovery reintenta automáticamente con backoff exponencial. contextBuilder + onError dan acceso al contexto completo: fingerprint, breadcrumbs, sessionId.

recovery config

maxRetries: 3

retryDelay: (n) => Math.min(1000, 200 * 2 ** (n - 1))

→ intentos: 200ms · 400ms · 800ms

Render correcto.

Log

✓Listo

Notas y limitaciones