feat: add error boundary to the app root

2023-06-08 13:50:45 +08:00
parent f9a68e8b23
commit 6a9745171e
2 changed files with 16 additions and 7 deletions
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -11,6 +11,7 @@ import React from "react";
 import { createRoot } from "react-dom/client";
 import { RecoilRoot } from "recoil";
 import { BrowserRouter } from "react-router-dom";
+import { BaseErrorBoundary } from "./components/base";
 import Layout from "./pages/_layout";
 import "./services/i18n";

@@ -26,9 +27,11 @@ if (!container) {
 createRoot(container).render(
  <React.StrictMode>
    <RecoilRoot>
-      <BrowserRouter>
-        <Layout />
-      </BrowserRouter>
+      <BaseErrorBoundary>
+        <BrowserRouter>
+          <Layout />
+        </BrowserRouter>
+      </BaseErrorBoundary>
    </RecoilRoot>
  </React.StrictMode>
 );