From 28b37e4df9cb31774cc2c3db930fafc495fac61a Mon Sep 17 00:00:00 2001
From: Kristina Durivage <kristina.durivage@grafana.com>
Date: Mon, 3 Apr 2023 11:08:46 -0500
Subject: [PATCH] Run test datasource query when mounted

---
 public/app/plugins/datasource/testdata/QueryEditor.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/testdata/QueryEditor.tsx b/public/app/plugins/datasource/testdata/QueryEditor.tsx
index 0aa6a27c558..744f5c1f107 100644
--- a/public/app/plugins/datasource/testdata/QueryEditor.tsx
+++ b/public/app/plugins/datasource/testdata/QueryEditor.tsx
@@ -1,4 +1,4 @@
-import React, { FormEvent, useMemo } from 'react';
+import React, { FormEvent, useEffect, useMemo } from 'react';
 import { useAsync } from 'react-use';
 
 import { QueryEditorProps, SelectableValue } from '@grafana/data';
@@ -64,6 +64,12 @@ export const QueryEditor = ({ query, datasource, onChange, onRunQuery }: Props)
     }));
   }, []);
 
+  // run the query once on mount using default selection
+  useEffect(() => {
+    onUpdate(query);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   const onUpdate = (query: TestData) => {
     onChange(query);
     onRunQuery();