Set default variable query

Author: marcusolsson

src/VariableQueryEditor.tsx

@@ -1,5 +1,7 @@
+import defaults from 'lodash/defaults';
+
 import React, { useState } from 'react';
-import { JsonApiVariableQuery } from './types';
+import { JsonApiVariableQuery, defaultVariableQuery } from './types';
 import { InlineFormLabel } from '@grafana/ui';
 import { JsonPathQueryField } from './JsonPathQueryField';
 
@@ -9,7 +11,9 @@ interface VariableQueryProps {
 }
 
 export const VariableQueryEditor: React.FC<VariableQueryProps> = ({ onChange, query }) => {
-  const [state, setState] = useState<JsonApiVariableQuery>(query);
+  const init = defaults(query, defaultVariableQuery);
+
+  const [state, setState] = useState<JsonApiVariableQuery>(init);
 
   const saveQuery = () => {
     onChange(state, state.jsonPath);

src/img/variable.png

@@ -22,6 +22,11 @@ export const defaultQuery: Partial<JsonApiQuery> = {
   queryParams: '',
 };
 
+export const defaultVariableQuery: Partial<JsonApiVariableQuery> = {
+  jsonPath: '',
+  queryParams: '',
+};
+
 export interface JsonApiDataSourceOptions extends DataSourceJsonData {
   queryParams?: string;
 }