muiの警告対処

kgtkr · Jan 16, 2024 · 8953937 · 8953937
1 parent b053bc4
commit 8953937
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/client/src/components/app.tsx b/packages/client/src/components/app.tsx
@@ -176,30 +176,33 @@ export function App(): JSX.Element {
                     onClose={() => setAnchorEl(null)}
                   >
                     {user.value !== null ? (
-                      <>
+                      [
                         <MenuItem
                           to={routes.profiles.to({})}
                           component={Link}
                           onClick={() => setAnchorEl(null)}
+                          key="profile"
                         >
                           プロフ管理
-                        </MenuItem>
+                        </MenuItem>,
                         <MenuItem
                           to={routes.settings.to({})}
                           component={Link}
                           onClick={() => setAnchorEl(null)}
+                          key="settings"
                         >
                           設定
-                        </MenuItem>
+                        </MenuItem>,
                         <MenuItem
                           onClick={() => {
                             setAnchorEl(null);
                             user.update(null);
                           }}
+                          key="logout"
                         >
                           ログアウト
-                        </MenuItem>
-                      </>
+                        </MenuItem>,
+                      ]
                     ) : (
                       <MenuItem
                         onClick={() => setAnchorEl(null)}