From a91b84d3e57496f10658acaa259da58f4b2c1a5d Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Tue, 2 Apr 2024 14:43:15 -0500
Subject: [PATCH] fix(tabs): missing key error in storybook (#16119)

---
 .../react/src/components/Tabs/Tabs.stories.js    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/react/src/components/Tabs/Tabs.stories.js b/packages/react/src/components/Tabs/Tabs.stories.js
index a5efa8f9c997..4fad05d0cff1 100644
--- a/packages/react/src/components/Tabs/Tabs.stories.js
+++ b/packages/react/src/components/Tabs/Tabs.stories.js
@@ -86,19 +86,19 @@ export const Dismissable = () => {
   const tabs = [
     {
       label: 'Dashboard',
-      panel: <TabPanel>Dashboard</TabPanel>,
+      panel: <TabPanel key={0}>Dashboard</TabPanel>,
     },
     {
       label: 'Monitoring',
-      panel: <TabPanel>Monitoring</TabPanel>,
+      panel: <TabPanel key={1}>Monitoring</TabPanel>,
     },
     {
       label: 'Activity',
-      panel: <TabPanel>Activity</TabPanel>,
+      panel: <TabPanel key={2}>Activity</TabPanel>,
     },
     {
       label: 'Settings',
-      panel: <TabPanel>Settings</TabPanel>,
+      panel: <TabPanel key={3}>Settings</TabPanel>,
       disabled: true,
     },
   ];
@@ -157,19 +157,19 @@ export const DismissableWithIcons = ({ contained }) => {
   const tabs = [
     {
       label: 'Dashboard',
-      panel: <TabPanel>Dashboard</TabPanel>,
+      panel: <TabPanel key={0}>Dashboard</TabPanel>,
     },
     {
       label: 'Monitoring',
-      panel: <TabPanel>Monitoring</TabPanel>,
+      panel: <TabPanel key={1}>Monitoring</TabPanel>,
     },
     {
       label: 'Activity',
-      panel: <TabPanel>Activity</TabPanel>,
+      panel: <TabPanel key={2}>Activity</TabPanel>,
     },
     {
       label: 'Settings',
-      panel: <TabPanel>Settings</TabPanel>,
+      panel: <TabPanel key={3}>Settings</TabPanel>,
       disabled: true,
     },
   ];