Something went wrong

This is the error.tsx boundary. The sibling page.tsx threw — the PRISM runtime caught the error and rendered this component with the error as a prop.

Error: intentional — demo of error.tsx (route-aware i18n)

Reload — every fresh request throws, so the boundary always renders.

Try it liveOpen in play

A runnable project for this example, opened in the bext play editor — edit the code and the preview updates.

src/app/page.tsx2 files · runs in your browser

export function loader({ searchParams }) {
  return { ok: (searchParams && searchParams.get("ok")) === "1" };
}

export default function Page({ data }) {
  // A render-time throw is caught by the nearest error.tsx boundary.
  if (!data || !data.ok) throw new Error("Intentional failure — append ?ok=1…
  return (
    <main style={{ maxWidth: 520, margin: "0 auto", padding: "48px 20px", fo…
      <h1>Recovered ✓</h1>
      <p style={{ color: "#64748b" }}>The page rendered. Remove <code>?ok=1<…
    </main>
  );
}

Live-editable — the preview recompiles as you type.

Something went wrong

Related documentation