From 7e8a9cf80f8cbac048bbfee88bab2a6b91c99850 Mon Sep 17 00:00:00 2001
From: Kanhaiya Lal <kanhaiya5590@users.noreply.github.com>
Date: Wed, 14 May 2025 15:44:39 +0530
Subject: [PATCH] Issue with default selected tab, need to click again - Fix

https://react-spectrum.adobe.com/react-spectrum/Tabs.html#content - if the item objects contain an id property, then this is used automatically and a key prop is not required.
---
 .../commerce-backend-ui-1/web-src/src/components/MainPage.js  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/admin-ui-sdk/menu/custom-menu/src/commerce-backend-ui-1/web-src/src/components/MainPage.js b/admin-ui-sdk/menu/custom-menu/src/commerce-backend-ui-1/web-src/src/components/MainPage.js
index 1a6d0cf..2cdacc2 100644
--- a/admin-ui-sdk/menu/custom-menu/src/commerce-backend-ui-1/web-src/src/components/MainPage.js
+++ b/admin-ui-sdk/menu/custom-menu/src/commerce-backend-ui-1/web-src/src/components/MainPage.js
@@ -50,8 +50,8 @@ export const MainPage = props => {
             onSelectionChange={onSelectionTabChange}
             margin={10}
         >
-            <TabList>{item => <Item key={item.id}>{item.name}</Item>}</TabList>
-            <TabPanels>{item => <Item key={item.id}>{item.children}</Item>}</TabPanels>
+            <TabList>{item => <Item>{item.name}</Item>}</TabList>
+            <TabPanels>{item => <Item>{item.children}</Item>}</TabPanels>
         </Tabs>
     )
 }