feat: error page

src/components/ErrorBoundary.tsx

@@ -0,0 +1,36 @@
+import React from "react"
+
+import ErrorPage from "../pages/ErrorPage"
+
+interface Props {
+  children: React.ReactNode
+}
+
+interface State {
+  hasError: boolean
+  error?: Error
+}
+
+class ErrorBoundary extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props)
+    this.state = { hasError: false }
+  }
+
+  static getDerivedStateFromError(error: Error): State {
+    return {
+      hasError: true,
+      error,
+    }
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return <ErrorPage code={500} message={this.state.error?.message || "应用程序发生错误"} />
+    }
+
+    return this.props.children
+  }
+}
+
+export default ErrorBoundary