chore: ...

public/app/features/dashboard-scene/settings/variables/components/CustomVariableForm.tsx

@@ -137,8 +137,8 @@ function TooltipJsonFormat() {
   );
 }
 
-const validateJsonQuery = (rawQuwey: string): Error | undefined => {
-  const query = rawQuwey.trim();
+const validateJsonQuery = (rawQuery: string): Error | undefined => {
+  const query = rawQuery.trim();
   if (!query) {
     return;
   }

public/app/features/dashboard-scene/settings/variables/editors/CustomVariableEditor/CustomVariableEditor.tsx

@@ -20,15 +20,15 @@ export function CustomVariableEditor({ variable, onRunQuery }: CustomVariableEdi
   const [prevQuery, setPrevQuery] = useState('');
   const onValuesFormatChange = useCallback(
     (format: CustomVariableModel['valuesFormat']) => {
+      variable.setState({ query: prevQuery });
       variable.setState({ valuesFormat: format });
       variable.setState({ allowCustomValue: false });
       variable.setState({ allValue: undefined });
+      onRunQuery();
 
-      variable.setState({ query: prevQuery });
       if (query !== prevQuery) {
         setPrevQuery(query);
       }
-      onRunQuery();
     },
     [onRunQuery, prevQuery, query, variable]
   );