23 lines
691 B
TypeScript
23 lines
691 B
TypeScript
import { useNavigate, useRouteError } from 'react-router';
|
||
|
||
import InfoError from '@/components/info/InfoError';
|
||
import Button from '@/components/ui/Button';
|
||
|
||
function ErrorFallback() {
|
||
const error = useRouteError();
|
||
const router = useNavigate();
|
||
|
||
function resetErrorBoundary() {
|
||
Promise.resolve(router('/')).catch(console.log);
|
||
}
|
||
return (
|
||
<div className='flex flex-col gap-3 my-3 items-center antialiased' role='alert'>
|
||
<h1 className='my-2'>Что-то пошло не так!</h1>
|
||
<Button onClick={resetErrorBoundary} text='Вернуться на главную' />
|
||
<InfoError error={error as Error} />
|
||
</div>
|
||
);
|
||
}
|
||
|
||
export default ErrorFallback;
|