Files
TaxHacker_s23/app/global-error.tsx
2025-04-21 13:50:45 +02:00

35 lines
1.1 KiB
TypeScript

"use client"
import { Button } from "@/components/ui/button"
import * as Sentry from "@sentry/nextjs"
import { Angry } from "lucide-react"
import Link from "next/link"
import { useEffect } from "react"
export default function GlobalError({ error }: { error: Error }) {
useEffect(() => {
Sentry.captureException(error)
}, [error])
return (
<html>
<body>
<div className="min-h-screen flex flex-col items-center justify-center bg-background p-4">
<div className="text-center space-y-4">
<Angry className="w-24 h-24 text-destructive mx-auto" />
<h1 className="text-4xl font-bold text-foreground">Oops! Something went wrong</h1>
<p className="text-muted-foreground max-w-md mx-auto">
We apologize for the inconvenience. Our team has been notified and is working to fix the issue.
</p>
<div className="pt-4">
<Button asChild>
<Link href="/">Go Home</Link>
</Button>
</div>
</div>
</div>
</body>
</html>
)
}