From 6e6ae2df163c31779f89dde2d2ded3c657f344aa Mon Sep 17 00:00:00 2001
From: alt0 <wxlxinglong@outlook.com>
Date: Thu, 22 Dec 2022 15:29:48 +0800
Subject: [PATCH] fix: render key issue

---
 packages/app/src/components/header/header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/header/header.tsx b/packages/app/src/components/header/header.tsx
index 82f0558ae9..1287ff72d6 100644
--- a/packages/app/src/components/header/header.tsx
+++ b/packages/app/src/components/header/header.tsx
@@ -37,10 +37,10 @@ type HeaderRightItemNames =
   | 'syncUser';
 
 const HeaderRightItems: Record<HeaderRightItemNames, ReactNode> = {
-  editorOptionMenu: <EditorOptionMenu />,
-  trashButtonGroup: <TrashButtonGroup />,
-  themeModeSwitch: <ThemeModeSwitch />,
-  syncUser: <SyncUser />,
+  editorOptionMenu: <EditorOptionMenu key="editorOptionMenu" />,
+  trashButtonGroup: <TrashButtonGroup key="trashButtonGroup" />,
+  themeModeSwitch: <ThemeModeSwitch key="themeModeSwitch" />,
+  syncUser: <SyncUser key="syncUser" />,
 };
 
 export const Header = ({