Guia rapida

1import { ErrorBoundary } from "react-rescuer";
2
3export function App() {
4  return (
5    <ErrorBoundary fallback={<div>Algo salio mal.</div>}>
6      <Page />
7    </ErrorBoundary>
8  );
9}

1import { ErrorBoundary } from "react-rescuer";
2import type { FallbackProps } from "react-rescuer";
3
4function Fallback({ error, resetError }: FallbackProps) {
5  return (
6    <div role="alert">
7      <div>Oops:</div>
8      <pre>{error.message}</pre>
9      <button type="button" onClick={resetError}>
10        Reintentar
11      </button>
12    </div>
13  );
14}
15
16export function App() {
17  return (
18    <ErrorBoundary FallbackComponent={Fallback}>
19      <Page />
20    </ErrorBoundary>
21  );
22}

1import { ErrorBoundary } from "react-rescuer";
2
3export function App() {
4  return (
5    <ErrorBoundary
6      onError={(error, _info, ctx) => {
7        // Envia a Sentry/Datadog/tu API
8        console.log("caught", { error, ctx });
9      }}
10      fallback={<div>Algo salio mal.</div>}
11    >
12      <Page />
13    </ErrorBoundary>
14  );
15}