<ServerError />

Minimal branded main layout shipped as ServerError from manicjs. It does not accept props — it always renders copy inviting the user to reload and check the console.

import { ServerError } from 'manicjs';

// Mostly used indirectly via Router boundaries — manual usage:
export default function FatalDemo() {
  return <ServerError />;
}

vs app/routes/~500.tsx

The Router wires window.__MANIC_ERROR_PAGES__.error to a lazy errorPage loader — implement export default function Page({ error }) there when you need props (Errors overview).

Styling hooks

Uses CSS variables such as --theme-background, --theme-accent, --theme-foreground — align with your theme tokens.

See also

• ErrorOverlay
• Framework advanced · Error handling