21 lines
444 B
TypeScript
21 lines
444 B
TypeScript
import { ErrorBoundary, FallbackProps } from "react-error-boundary";
|
|
|
|
function ErrorFallback({ error }: FallbackProps) {
|
|
return (
|
|
<div role="alert">
|
|
<p>Something went wrong:(</p>
|
|
<pre>{error.message}</pre>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const BaseErrorBoundary: React.FC = (props) => {
|
|
return (
|
|
<ErrorBoundary FallbackComponent={ErrorFallback}>
|
|
{props.children}
|
|
</ErrorBoundary>
|
|
);
|
|
};
|
|
|
|
export default BaseErrorBoundary;
|