fix(tabs): missing key error in storybook (#16119)

carbon-design-system · Apr 2, 2024 · a91b84d · a91b84d
1 parent e3851e8
commit a91b84d
Showing 1 changed file with 8 additions and 8 deletions.
diff --git 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,
     },
   ];