fix(Cloud UI): duplicate render keys (#8460)

teambit · Jan 26, 2024 · e6b813f · e6b813f
1 parent 0a5c3c2
commit e6b813f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/scopes/cloud/cloud/cloud.ui.runtime.tsx b/scopes/cloud/cloud/cloud.ui.runtime.tsx
@@ -156,7 +156,7 @@ export class CloudUI {
     workspace.registerMenuWidget([CloudUserBar]);
     if (workspace) {
       lanes.registerMenuWidget(CloudUserBar);
-      component.registerRightSideMenuItem({ item: <CloudUserBar />, order: 100 });
+      component.registerRightSideMenuItem({ item: <CloudUserBar key={'cloud-user-bar-comp-menu'} />, order: 100 });
     }
     return cloudUI;
   }

diff --git a/scopes/cloud/ui/user-bar/user-bar.tsx b/scopes/cloud/ui/user-bar/user-bar.tsx
@@ -44,7 +44,7 @@ export function UserBar({ sections = [], items = [] }: UserBarProps) {
       return {
         ...rest,
         link: href,
-        component: Component ? <Component key={index} user={currentUser} /> : undefined,
+        component: Component ? <Component key={`user-bar-item-${index}`} user={currentUser} /> : undefined,
       };
     });