feat(Icon): wrap async IIFE with useEffect hook

aneurysmjs · Jul 7, 2019 · 0d8a2d7 · 0d8a2d7
1 parent 4b024c0
commit 0d8a2d7
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/src/app/components/base/Icon/Icon.js b/src/app/components/base/Icon/Icon.js
@@ -1,5 +1,5 @@
 // @flow strict
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 
 import './Icon.scss';
 
@@ -11,16 +11,18 @@ type PropsType = {
 
 const Icon = ({ path, size }: PropsType) => {
   const [iconPath, setIconPath] = useState('');  
-
-  (async () => {
-    try {
-      // $FlowIgnore
-      const icon = await import('@/assets/svg/' + path + '.svg');
-      setIconPath(icon.default);
-    // eslint-disable-next-line no-empty
-    } catch (err) {
-    }
-  })();
+
+  useEffect(() => {
+    (async () => {
+      try {
+        // $FlowIgnore
+        const icon = await import('@/assets/svg/' + path + '.svg');
+        setIconPath(icon.default);
+        // eslint-disable-next-line no-empty
+      } catch (err) {
+      }
+    })();
+  }, [path]);
 
   return (
     <img