"use client"; import { useEffect } from "react"; /** * Root-level error boundary. Catches failures thrown from the root layout * (e.g. a transient backend outage while fetching header/footer data) and * shows a branded "try again" screen instead of a raw 500. * * NOTE: global-error replaces the root layout, so globals.css / Tailwind are * NOT available here — styles must be inline. */ export default function GlobalError({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { useEffect(() => { console.error("[GlobalError]", error); }, [error]); return (

Something went wrong

We're having trouble loading the page right now. This is usually temporary — please try again in a moment.

{error.digest && (

Reference: {error.digest}

)}
); }