"use client"; import { useEffect } from "react"; import { content } from "@/lib/content"; /** * Global error boundary (engineering.md F8). Next.js renders this when a route * or layout throws. Must be a client component (`'use client'`) and render a * ``/`` shell when used as `app/global-error.tsx`; this segment * error boundary renders inside the existing root layout, so it only needs the * error UI + a `reset` button. */ export default function Error({ error, reset, }: { error: Error & { digest?: string }; reset: () => void; }) { useEffect(() => { console.error("[hydrogen-example-nextjs] Route error:", error); }, [error]); return (

Something went wrong

{error.message}

{error.digest ? (

Error digest: {error.digest}

) : null}
); }