fix: error boundary with key

2023-06-30 09:17:59 +08:00 · 2023-06-30 09:17:59 +08:00 · 3557a77645
commit 3557a77645
parent 97be28638b
1 changed files with 13 additions and 7 deletions
--- 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>