Global error page redirect

This commit is contained in:
Stan Wohlwend 2024-05-21 10:09:07 +02:00
parent 221341a732
commit adcdd8ca2c

View File

@ -1,20 +1,37 @@
"use client";
import { Spinner } from "@/components/ui/spinner";
import * as Sentry from "@sentry/nextjs";
import Error from "next/error";
import { useRouter } from "next/navigation";
import { useEffect } from "react";
export default function GlobalError({ error }: any) {
const router = useRouter();
const isProdLike = process.env.NODE_ENV.includes("production");
useEffect(() => {
Sentry.captureException(error);
}, [error]);
useEffect(() => {
setTimeout(() => {
if (isProdLike) {
router.push("/");
}
}, 3000);
}, [router, isProdLike]);
return (
<html>
<body suppressHydrationWarning>
<Error
statusCode={500}
/>
{isProdLike ? (
<Spinner />
) : (
<Error
statusCode={500}
/>
)}
</body>
</html>
);