fix(explore): Value undefined and Unhashable type errors (#22207)

superset-frontend/src/explore/components/ControlPanelsContainer.tsx

@@ -37,6 +37,7 @@ import {
   SupersetTheme,
   useTheme,
   isDefined,
+  JsonValue,
 } from '@superset-ui/core';
 import {
   ControlPanelSectionConfig,
@@ -276,21 +277,36 @@ export const ControlPanelsContainer = (props: ControlPanelsContainerProps) => {
   >(state => state.explore.controlsTransferred);
 
   useEffect(() => {
+    const removeDatasourceWarningFromControl = (
+      value: JsonValue | undefined,
+    ) => {
+      if (
+        typeof value === 'object' &&
+        isDefined(value) &&
+        'datasourceWarning' in value
+      ) {
+        return { ...value, datasourceWarning: false };
+      }
+      return value;
+    };
     if (props.chart.chartStatus === 'success') {
       controlsTransferred?.forEach(controlName => {
-        const alteredControls = ensureIsArray(
+        if (!isDefined(props.controls[controlName])) {
-          props.controls[controlName].value,
+          return;
-        ).map(value => {
+        }
-          if (
+        if (Array.isArray(props.controls[controlName].value)) {
-            typeof value === 'object' &&
+          const alteredControls = ensureIsArray(
-            isDefined(value) &&
+            props.controls[controlName].value,
-            'datasourceWarning' in value
+          )?.map(removeDatasourceWarningFromControl);
-          ) {
+          props.actions.setControlValue(controlName, alteredControls);
-            return { ...value, datasourceWarning: false };
+        } else {
-          }
+          props.actions.setControlValue(
-          return value;
+            controlName,
-        });
+            removeDatasourceWarningFromControl(
-        props.actions.setControlValue(controlName, alteredControls);
+              props.controls[controlName].value,
+            ),
+          );
+        }
       });
     }
   }, [