fix: error boundary with key

libnyanpasu · Jun 30, 2023 · 3557a77 · 3557a77
1 parent 97be286
commit 3557a77
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx
@@ -125,13 +125,19 @@ const Layout = () => {
             )}
 
             <div className="the-content">
-              <BaseErrorBoundary>
-                <Routes>
-                  {routers.map(({ label, link, ele: Ele }) => (
-                    <Route key={label} path={link} element={<Ele />} />
-                  ))}
-                </Routes>
-              </BaseErrorBoundary>
+              <Routes>
+                {routers.map(({ label, link, ele: Ele }) => (
+                  <Route
+                    key={label}
+                    path={link}
+                    element={
+                      <BaseErrorBoundary key={label}>
+                        <Ele />
+                      </BaseErrorBoundary>
+                    }
+                  />
+                ))}
+              </Routes>
             </div>
           </div>
         </Paper>