"use client"; import { useEffect, useState } from "react"; import { AlertTriangle, RefreshCw, Home } from "lucide-react"; import { Button } from "@/components/ui/button"; import Link from "next/link"; import { useUserStore } from "@/store"; export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { const { role } = useUserStore(); const [dashboardUrl, setDashboardUrl] = useState("/dashboard"); useEffect(() => { if (role === "admin") { setDashboardUrl("/admin"); } else { setDashboardUrl("/dashboard"); } }, [role]); useEffect(() => { // Log to your error monitoring service (e.g. Sentry) here console.error("[GlobalError]", error); }, [error]); return (

Something went wrong

An unexpected error occurred. Our team has been notified.

{error.digest && (

Error ID: {error.digest}

)}
); }