'use client'; import { useEffect } from 'react'; // global-error.tsx catches errors in the root layout.tsx itself. // It MUST include its own and tags per Next.js spec. export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { useEffect(() => { console.error('[Global Error Boundary]', error); }, [error]); return (

Application Error

{error.message || 'A critical error occurred. Please refresh the page.'}

{error.digest && (

Error ID: {error.digest}

)}
); }