diff --git a/src/components/RegionSelector/index.tsx b/src/components/RegionSelector/index.tsx
index e64e48f8..d0a0113e 100644
--- a/src/components/RegionSelector/index.tsx
+++ b/src/components/RegionSelector/index.tsx
@@ -76,8 +76,8 @@ const RegionSelector = ({
   }, [value, regions, allRegion]);
 
   useEffect(() => {
-    if (onChange && regions) {
-      onChange(name, selectedRegion?.iso_3166_1 ?? '');
+    if (onChange && regions && selectedRegion) {
+      onChange(name, selectedRegion.iso_3166_1);
     }
   }, [onChange, selectedRegion, name, regions]);
 
diff --git a/src/components/Selector/index.tsx b/src/components/Selector/index.tsx
index c49e486f..3b863fd7 100644
--- a/src/components/Selector/index.tsx
+++ b/src/components/Selector/index.tsx
@@ -307,10 +307,6 @@ export const WatchProviderSelector = ({
     onChange(watchRegion, activeProvider);
   }, [activeProvider, watchRegion, onChange]);
 
-  useEffect(() => {
-    setActiveProvider([]);
-  }, [watchRegion]);
-
   const orderedData = useMemo(() => {
     if (!data) {
       return [];
@@ -335,7 +331,12 @@ export const WatchProviderSelector = ({
       <RegionSelector
         value={watchRegion}
         name="watchRegion"
-        onChange={(_name, value) => setWatchRegion(value)}
+        onChange={(_name, value) => {
+          if (value !== watchRegion) {
+            setActiveProvider([]);
+          }
+          setWatchRegion(value);
+        }}
         disableAll
         watchProviders
       />