@ncds/ui-admin-icon 0.0.15 → 0.0.17

package/dist/esm/index.js

@@ -1,21 +1,30 @@
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useRef } from 'react';
 import { getIcon } from './map';
 const Icon = ({ name, ...props }) => {
-    const iconRef = useRef(null);
-    const [isLoading, setIsLoading] = useState(true);
+    const IconComponentRef = useRef(null);
+    const [, forceUpdate] = React.useState({});
     useEffect(() => {
-        setIsLoading(true);
-        getIcon(name)
-            ?.then((module) => {
-            iconRef.current = module.default;
-            setIsLoading(false);
-        })
-            .catch((error) => {
-            setIsLoading(false);
-        });
+        IconComponentRef.current = null;
+        let isMounted = true;
+        const iconImport = getIcon(name);
+        if (iconImport) {
+            iconImport()
+                .then((iconModule) => {
+                if (isMounted && iconModule?.default) {
+                    IconComponentRef.current = iconModule.default;
+                    forceUpdate({});
+                }
+            })
+                .catch((error) => {
+                console.error(`Error loading icon: ${name}`, error);
+            });
+        }
+        return () => {
+            isMounted = false;
+        };
     }, [name]);
-    const IconComponent = iconRef.current;
-    if (isLoading || !IconComponent)
+    const IconComponent = IconComponentRef.current;
+    if (!IconComponent)
         return null;
     return React.createElement(IconComponent, { ...props });
 };