MMT-3907: Added a useEffect to properly update available collections …

…when providerId changes.
nasa · Sep 27, 2024 · bed1349 · bed1349
1 parent 5b96ace
commit bed1349
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/static/src/js/components/CollectionSelector/CollectionSelector.jsx b/static/src/js/components/CollectionSelector/CollectionSelector.jsx
@@ -75,11 +75,17 @@ const CollectionSelector = ({ onChange, formData, providerId }) => {
   }), {})
 
   const [selectedItems, setSelectedItems] = useState({})
-  const [availableItems, setAvailableItems] = useState(availableCollections)
+  const [availableItems, setAvailableItems] = useState([])
+
+  useEffect(() => {
+    setAvailableItems(availableCollections)
+  }, [providerId])
 
   useEffect(() => {
     if (!isEmpty(formData)) {
       setSelectedItems(formData)
+    } else {
+      setSelectedItems({})
     }
   }, [formData])