"use client"; import React, { useEffect, useState } from "react"; import Link from "next/link"; import { AlertCircle, RotateCcw, Home, ChevronDown, ChevronUp, Copy, Check } from "lucide-react"; export default function RootError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { const [showDetails, setShowDetails] = useState(false); const [copied, setCopied] = useState(false); useEffect(() => { // Log error for client observability console.error("[RootError caught]:", error); }, [error]); const copyDiagnostic = () => { const text = `Digest: ${error.digest || "none"}\nMessage: ${error.message}\nStack: ${error.stack || "none"}`; navigator.clipboard?.writeText(text); setCopied(true); setTimeout(() => setCopied(false), 2000); }; return (
{/* Background grid */} ); }