fix: use react-id-generator (#885)

d2iq · Nov 24, 2022 · a2622c6 · a2622c6
1 parent adb0c83
commit a2622c6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/tabs/components/Tabs.tsx b/packages/tabs/components/Tabs.tsx
@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Tabs as ReactTabs, TabList, TabPanel } from "react-tabs";
 import { injectGlobal, cx } from "@emotion/css";
-import uuid from "uuid";
+import nextId from "react-id-generator";
 import { TabItemProps } from "./TabItem";
 import { TabTitle } from "..";
 import {
@@ -95,7 +95,7 @@ const Tabs = ({
           const childrenWithKeys = React.Children.toArray(children).map(
             child => {
               return React.isValidElement<typeof TabTitle>(child)
-                ? React.cloneElement(child, { key: `${key}-${uuid()}` })
+                ? React.cloneElement(child, { key: nextId("tab") })
                 : child;
             }
           );