Correção de componente ser chamado após desmontado

rtenorioh · Oct 23, 2024 · 26c1da7 · 26c1da7
1 parent 62fd321
commit 26c1da7
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/frontend/src/components/TagsFilter/index.js b/frontend/src/components/TagsFilter/index.js
@@ -10,20 +10,27 @@ const TagsFilter = ({ onFiltered }) => {
     const [selecteds, setSelecteds] = useState([]);
 
     useEffect(() => {
+        let isMounted = true;
+
         async function fetchData() {
-            await loadTags();
+            try {
+                const { data } = await api.get(`/tags/list`);
+                if (isMounted) {
+                    setTags(data);
+                }
+            } catch (err) {
+                if (isMounted) {
+                    toastError(err);
+                }
+            }
         }
+
         fetchData();
-    }, []);
 
-    const loadTags = async () => {
-        try {
-            const { data } = await api.get(`/tags/list`);
-            setTags(data);
-        } catch (err) {
-            toastError(err);
-        }
-    }
+        return () => {
+            isMounted = false;
+        };
+    }, []);
 
     const onChange = async (value) => {
         setSelecteds(value);