The Node.js® Website
keii.dev
1'use client';
2
3import { ArrowRightIcon } from '@heroicons/react/24/solid';
4import { captureException } from '@sentry/nextjs';
5import type { FC } from 'react';
6
7import Button from '@/components/Common/Button';
8import BaseLayout from '@/layouts/Base';
9import CenteredLayout from '@/layouts/Centered';
10
11const GlobalErrorPage: FC<{ error: Error }> = ({ error }) => {
12 captureException(error);
13
14 return (
15 <html>
16 <body>
17 <BaseLayout>
18 <CenteredLayout>
19 <div className="glowingBackdrop" />
20
21 <main>
22 500
23 <h1 className="special -mt-4">Internal Server Error</h1>
24 <p className="-mt-4 max-w-sm text-center text-lg">
25 This page has thrown a non-recoverable error.
26 </p>
27 <Button href="/">
28 Back to Home
29 <ArrowRightIcon />
30 </Button>
31 </main>
32 </CenteredLayout>
33 </BaseLayout>
34 </body>
35 </html>
36 );
37};
38
39export default GlobalErrorPage;