@lobehub/icons-rn 2.6.0 → 2.6.1

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { memo, useMemo } from 'react';
+import { memo, useMemo, useId } from 'react';
 import { LinearGradient } from 'expo-linear-gradient';
 import { View, Image, Text, useColorScheme } from 'react-native';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -781,7 +781,8 @@ var Avatar5 = memo((_a) => {
 });
 var Avatar_default5 = Avatar5;
 var useFillId = (namespace) => {
-  const id = `lobe-icons-${kebabCase(namespace)}-fill`;
+  const uniqueId = useId();
+  const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
   return useMemo(
     () => ({
       fill: `url(#${id})`,
@@ -791,16 +792,16 @@ var useFillId = (namespace) => {
   );
 };
 var useFillIds = (namespace, length) => {
+  const uniqueId = useId();
   return useMemo(() => {
-    const ids = Array.from({ length }, (_, i) => {
-      const id = `lobe-icons-${kebabCase(namespace)}-fill-${i}`;
+    return Array.from({ length }, (_, i) => {
+      const id = `lobe-icons-${kebabCase(namespace)}-${i}-${uniqueId}`;
       return {
         fill: `url(#${id})`,
         id
       };
     });
-    return ids;
-  }, [namespace, length]);
+  }, [namespace, length, uniqueId]);
 };
 var Icon13 = memo((_a) => {
   var _b = _a, { size = 24, style } = _b, rest = __objRest(_b, ["size", "style"]);