react-boundaries
Example
import { ErrorFallbackComponentProps, ErrorHandler } from 'react-boundaries';
const CustomErrorHandler = ({ error }: ErrorFallbackComponentProps) => {
useLayoutEffect(() => {
console.log(error);
}, [error]);
return <ErrorFallback>{/* ErrorFallback Component */}</ErrorFallback>;
};
export default {
fallback: CustomErrorHandler,
condition: (error) => true,
} as ErrorHandler;
<Boundary
pendingFallback={<div>Loading...</div>}
rejectedHandler={[CustomErrorHandler]}
>
<Component />
</Boundary>