twotalesanimation
33 lines
830 B
TypeScript
33 lines
830 B
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
|
|
// Root-level error boundary — must include its own <html>/<body>
|
|
export default function GlobalError({
|
|
error,
|
|
}: {
|
|
error: Error & { digest?: string };
|
|
reset: () => void;
|
|
}) {
|
|
useEffect(() => {
|
|
if (error?.name === "ChunkLoadError") {
|
|
window.location.reload();
|
|
}
|
|
}, [error]);
|
|
|
|
return (
|
|
<html>
|
|
<body className="flex items-center justify-center min-h-screen bg-zinc-950 text-zinc-200">
|
|
{error?.name === "ChunkLoadError" ? null : (
|
|
<div className="text-center space-y-2">
|
|
<p className="text-lg font-medium">Application error</p>
|
|
{error?.digest && (
|
|
<p className="text-sm text-zinc-500">Digest: {error.digest}</p>
|
|
)}
|
|
</div>
|
|
)}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|