Merge pull request #1057 from alleyinteractive/issue-1055

Issue 1055
alleyinteractive · Jan 30, 2024 · 2fec435 · 2fec435
2 parents 057a6c3 + 0df4315
commit 2fec435
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/assets/js/components/term-selector/index.jsx b/assets/js/components/term-selector/index.jsx
@@ -24,13 +24,17 @@ export default function TermSelector({
 
   // If the debounced search term changes, search for results from the API.
   useEffect(() => {
-    if (debouncedSearchTerm) {
-      (async () => {
-        const newSearchResults = await apiFetch({ path: `/${taxonomies[taxonomy].rest_namespace}/${taxonomies[taxonomy].rest_base}?search=${debouncedSearchTerm}` });
+    const fetchTermData = async () => {
+      if (debouncedSearchTerm) {
+        const newSearchResults = await apiFetch({
+          path: `/${taxonomies[taxonomy].rest_namespace}/${taxonomies[taxonomy].rest_base}?search=${debouncedSearchTerm}`,
+        });
         newSearchResults.forEach((result) => termCache.set(result));
         setSearchResults(newSearchResults);
-      })();
-    }
+      }
+    };
+
+    fetchTermData();
   }, [debouncedSearchTerm]); // eslint-disable-line react-hooks/exhaustive-deps
 
   return (

diff --git a/assets/js/services/hooks/use-taxonomies/index.js b/assets/js/services/hooks/use-taxonomies/index.js
@@ -9,9 +9,14 @@ import { useEffect, useState } from 'react';
 export default function useTaxonomies() {
   const [taxonomies, setTaxonomies] = useState({});
 
-  useEffect(() => (async () => {
-    setTaxonomies(await apiFetch({ path: '/wp/v2/taxonomies' }));
-  })(), []);
+  useEffect(() => {
+    const fetchTaxonomies = async () => {
+      const response = await apiFetch({ path: '/wp/v2/taxonomies' });
+      setTaxonomies(response);
+    };
+
+    fetchTaxonomies();
+  }, []);
 
   return taxonomies;
 }