Tabs: Use index instead of random number for keys

react-backoffice · Dec 3, 2020 · 6251214 · 6251214
1 parent 49adbc8
commit 6251214
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/src/Tabs/index.tsx b/src/Tabs/index.tsx
@@ -85,21 +85,16 @@ class Tabs extends React.Component<TabsProps, TabsState> {
             variant={isScrollable ? "scrollable" : undefined}
             scrollButtons="auto"
           >
-            {data.map((item) => (
-              <Tab
-                key={`tab-${(Math.random() * 10000).toFixed(4)}`}
-                label={item.title}
-              />
+            {data.map((item, index) => (
+              <Tab key={`tab-${index}`} label={item.title} />
             ))}
           </MaterialTabs>
         </AppBar>
 
         {data.map((item, index) => {
           if (value === index) {
             return (
-              <TabContainer
-                key={`tabcontainer-${(Math.random() * 10000).toFixed(4)}`}
-              >
+              <TabContainer key={`tabcontainer-${index}`}>
                 {item.content}
               </TabContainer>
             );