1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
import type { FC, PropsWithChildren } from "react";import { Component, createElement } from "react";
type ErrorBoundaryProps = PropsWithChildren<{ Handler: FC<{ error: Error }> }>;
export class ErrorBoundary extends Component<ErrorBoundaryProps, { error: Error | null }> {  constructor(props: ErrorBoundaryProps) {    super(props);    this.state = { error: null };  }
  static getDerivedStateFromError(error: Error) {    return { error };  }
  render() {    if (this.state.error instanceof Error) {      return createElement(this.props.Handler, { error: this.state.error });    }
    return this.props.children;  }}
export function Err({  error: { status, message },  fullscreen,}: {  error: { status?: number; message: string };  fullscreen?: boolean;}) {  return createElement(    "div",    {      style: fullscreen        ? {          display: "flex",          alignItems: "center",          justifyContent: "center",          width: "100vw",          height: "100vh",          fontSize: 18,        }        : {          margin: "0",          padding: "1.5rem 2rem",          color: "red",          fontSize: 18,        },    },    status && createElement("strong", { style: { fontWeight: "600" } }, status),    status && createElement("small", { style: { opacity: 0.5, padding: "0 6px" } }, "-"),    message,  );}