perf: add ErrorBoundary for routes

client/web/src/App.tsx

@@ -25,6 +25,7 @@ import isElectron from 'is-electron';
 import { AppRouterApi } from './components/AppRouterApi';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
+import { ErrorBoundary } from './components/ErrorBoundary';
 
 const AppRouter: any = isElectron() ? HashRouter : BrowserRouter;
 
@@ -114,6 +115,7 @@ export const App: React.FC = React.memo(() => {
       <AppHeader />
       <AppContainer>
         <AppRouterApi />
+        <ErrorBoundary>
           <Routes>
             <Route
               path="/entry/*"
@@ -134,7 +136,9 @@ export const App: React.FC = React.memo(() => {
                     // NOTICE: Switch里不能出现动态路由
                     <Route
                       key={r.name}
-                    path={r.path ? `/plugin${r.path}` : `/plugin/fallback${i}`}
+                      path={
+                        r.path ? `/plugin${r.path}` : `/plugin/fallback${i}`
+                      }
                       element={React.createElement(r.component)}
                     />
                   ))}
@@ -142,8 +146,12 @@ export const App: React.FC = React.memo(() => {
               }
             />
 
-          <Route path="/*" element={<Navigate to="/entry" replace={true} />} />
+            <Route
+              path="/*"
+              element={<Navigate to="/entry" replace={true} />}
+            />
           </Routes>
+        </ErrorBoundary>
       </AppContainer>
     </AppProvider>
   );