search function does not work

src/features/searchBar/searchBar.js

@@ -7,13 +7,9 @@ export default function SearchBar() {
     const dispatch = useDispatch();
 
     const selectedSubs = useSelector(selectAllSubs);
-    console.log(selectedSubs);
-    
     const activeSubs = useSelector(selectActive);
-    console.log(activeSubs);
     
     const [term, setTerm] = useState('');
-    const [toDispatch, setToDispatch] = useState(null);
     const [results, setResults] = useState(null);
     const searchData = useSelector(selectSearchResults);
 
@@ -23,20 +19,15 @@ export default function SearchBar() {
     }
 
     const handleSubmit = () => {
-        let examples = ['r/cats', 'r/cattaps'];
+        if (term && activeSubs) {
-        let mapped = [];
+            let extracted = [];
-        if (term) {
+            for (let sub in activeSubs) {
-            mapped = examples.map((sub) => dispatch(searchByActive({
+                extracted.push(sub);
-                sub, term
+            }
-            })));
-        }
 
-        if (activeSubs) {
+            console.log(extracted);
-            console.log(activeSubs);
+            let mapped = extracted.map((sub) => dispatch(searchByActive({sub, term})));
-        }
+            Promise.all([...mapped]).then((data) => setResults(data));
-
-        if (term) {
-            Promise.all([...mapped]).then((results) => setResults(results));
         }
     }
 
@@ -51,7 +42,7 @@ export default function SearchBar() {
         return () => {
             active = false;
         }
-    }, [results]);
+    }, [results, activeSubs]);
 
     return (
         <>