import { type FC } from "hono/jsx"; export const ErrorPage: FC<{ error: unknown }> = ({ error }) => { const err = error as any; return ( Error

Oops! Something went wrong

{err?.message}

Status: {err?.status || 500} ); }; export const BrokenComponent: FC<{ error: unknown }> = () => { throw new Error("Component render error"); }; export const DetailedErrorPage: FC<{ error: unknown }> = ({ error }) => { const err = error as any; const styles = ` body { font-family: Arial, sans-serif; } .error-container { max-width: 600px; margin: 0 auto; padding: 20px; } .error-code { color: red; font-weight: bold; } `; return ( Error {err?.status || 500}

Application Error

Error Code: {err?.status || 500}

Message: {err?.message || "Unknown error"}

Please contact support if this problem persists.

); };