Documentacion/API/Resets

Resets

resetError, resetKeys y evento de reset.

Resets

Reset manual: resetError()

  • resetError() viene en los props del fallback.
  • Si no configuraste recovery, resetError() hace reset inmediato.
  • Si configuraste recovery, resetError() puede convertirse en "intento de recovery".

Reset automatico: resetKeys

Cuando resetKeys cambia (comparacion por elemento con Object.is), el boundary resetea con reason "resetKeys".

1import { useState } from "react";
2import { ErrorBoundary } from "react-rescuer";
3
4function Bomb({ armed }: { armed: boolean }) {
5 if (armed) throw new Error("boom");
6 return <div>OK</div>;
7}
8
9export function Demo() {
10 const [armed, setArmed] = useState(false);
11
12 return (
13 <div>
14 <button onClick={() => setArmed(true)}>Throw</button>
15 <button onClick={() => setArmed(false)}>Reset</button>
16
17 <ErrorBoundary resetKeys={[armed]} fallback={<div>Fallback</div>}>
18 <Bomb armed={armed} />
19 </ErrorBoundary>
20 </div>
21 );
22}
COPIAR

Evento de reset para integraciones: react-rescuer:reset

En cada reset (imperative, resetKeys, retry), el boundary intenta disparar un evento DOM:

  • Event name: react-rescuer:reset
  • detail: { sessionId }

Esto se usa, por ejemplo, para limpiar breadcrumbs automaticamente.

Integraciones

Si tienes un sistema de breadcrumbs propio, puedes escuchar react-rescuer:reset y limpiar tu cola cuando ocurra un reset.