'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); /* TODO: Remove before prod */ }, [error]); return (

Application Error

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

{error.digest &&

Error ID: {error.digest}

}
); }