Update react dependencies (#91)

Author: iwysiu

package.json

@@ -27,14 +27,14 @@
   "author": "Grafana Labs <[email protected]> (https://grafana.com)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@grafana/async-query-data": "0.1.4",
-    "@grafana/experimental": "1.7.0"
+    "@grafana/async-query-data": "0.2.0",
+    "@grafana/experimental": "1.7.12"
   },
   "devDependencies": {
-    "@grafana/data": "10.2.0",
+    "@grafana/data": "10.3.6",
     "@grafana/eslint-config": "^6.0.1",
-    "@grafana/runtime": "10.2.0",
-    "@grafana/ui": "10.2.0",
+    "@grafana/runtime": "10.3.6",
+    "@grafana/ui": "10.3.6",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@swc/core": "^1.3.93",
     "@swc/jest": "^0.2.29",
@@ -44,8 +44,8 @@
     "@types/jest": "27.4.1",
     "@types/lodash": "4.14.191",
     "@types/node": "16.18.6",
-    "@types/react": "17.0.42",
-    "@types/react-dom": "17.0.14",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@typescript-eslint/eslint-plugin": "^5.48.0",
     "cspell": "6.13.3",
     "esbuild": "^0.16.2",
@@ -55,8 +55,8 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "27.5.1",
     "node-notifier": "^10.0.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-select-event": "^5.5.1",
     "rimraf": "^3.0.2",
     "rollup": "2.79.1",

src/sql/ConfigEditor/InlineInput.tsx

@@ -1,8 +1,7 @@
-import React from 'react';
+import React, { FormEvent } from 'react';
 import { DataSourcePluginOptionsEditorProps } from '@grafana/data';
 import { AwsAuthDataSourceSecureJsonData } from '../../types';
 import { InlineField, Input } from '@grafana/ui';
-import { FormEvent } from 'react-dom/node_modules/@types/react';
 import { DEFAULT_LABEL_WIDTH } from '../../components/ConnectionConfig';
 
 export interface InlineInputProps extends DataSourcePluginOptionsEditorProps<{}, AwsAuthDataSourceSecureJsonData> {

src/sql/QueryEditor/QueryEditorHeader.tsx

@@ -41,7 +41,9 @@ export function QueryEditorHeader<
           onRunQuery={onRunQuery}
           enableRun={enableRunButton}
           query={query}
-          onCancelQuery={cancel}
+          onCancelQuery={(target: TQuery) => {
+            cancel?.(target);
+          }}
           state={data?.state}
         />
       ) : (