20 lines
524 B
TypeScript
20 lines
524 B
TypeScript
import { ErrorInfo, ReactNode } from 'react';
|
|
import { ErrorBoundary } from 'react-error-boundary';
|
|
|
|
import { GenericErrorFallback } from '@/error-handler/components/GenericErrorFallback';
|
|
|
|
export const AppErrorBoundary = ({ children }: { children: ReactNode }) => {
|
|
const handleError = (_error: Error, _info: ErrorInfo) => {
|
|
// TODO: log error to Sentry
|
|
};
|
|
|
|
return (
|
|
<ErrorBoundary
|
|
FallbackComponent={GenericErrorFallback}
|
|
onError={handleError}
|
|
>
|
|
{children}
|
|
</ErrorBoundary>
|
|
);
|
|
};
|