"use client";
import { useEffect, useState } from "react";
import { reportBrowserError } from "@/lib/browser-errors";
/**
* Last-resort boundary for errors thrown in the root layout itself. It replaces
* the whole document, so it must render its own / and can't rely on
* the app shell or CSS variables from globals.css.
*/
export default function GlobalError({
error,
reset,
}: {
error: Error & { digest?: string };
reset: () => void;
}) {
const [reference, setReference] = useState(error.digest);
useEffect(() => {
setReference(error.digest ?? reportBrowserError(error, "browser.boundary"));
if (error.digest) reportBrowserError(error, "browser.boundary");
}, [error]);
return (
Error
Something went wrong
The hotel ran into an unexpected error. Please try again — if it
keeps happening, contact staff.