23 lines
480 B
TypeScript
23 lines
480 B
TypeScript
import { useRouteError } from 'react-router-dom';
|
|
|
|
interface IRouteError {
|
|
statusText: string;
|
|
message: string;
|
|
}
|
|
|
|
export function ErrorScreen() {
|
|
const error = useRouteError() as IRouteError;
|
|
|
|
return (
|
|
<div className="flex h-full w-full items-center justify-center">
|
|
<div>
|
|
<h1>Oops!</h1>
|
|
<p>Sorry, an unexpected error has occurred.</p>
|
|
<p>
|
|
<i>{error.statusText || error.message}</i>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|