Conceptos clave
Que atrapan los boundaries y como elevar errores async.
Conceptos clave
1) Error boundaries solo atrapan errores de render
- Atrapan errores que ocurren durante render, lifecycle y constructors en el arbol hijo.
- No atrapan errores de handlers/eventos o async por defecto.
- Para errores async/eventos, usa
useErrorBoundary()
useErrorBoundary()- Este hook permite "elevar" un error al boundary mas cercano llamando
showBoundary(error).
- Cuando un boundary atrapa un error, crea un
ErrorContext
ErrorContextErrorContext es el objeto que se pasa a fallbacks y al callback onError.
4) Reset y recovery
resetError()resetea el boundary.resetKeysresetea automaticamente cuando cambia el array.recoveryhabilita reintentos con limite y delay/backoff.
Errores async no se capturan solos
Si un error ocurre en un handler o una promesa, usa useErrorBoundary() para
elevarlo al boundary mas cercano.
