"use client"; import { useEffect, useState } from "react"; import { useRouter } from "next/navigation"; import { Button } from "@/components/ui/button"; export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { const router = useRouter(); const [retrying, setRetrying] = useState(false); useEffect(() => { console.error("Application error:", error); }, [error]); const handleRetry = () => { setRetrying(true); reset(); setTimeout(() => setRetrying(false), 3000); }; return (
💥

Something broke.

Surprise! The app crashed. We'd blame it on the intern, but we're a SaaS product — we're the intern.

{error.message || "Unknown error"}

); }