chore: use new jsx transform (#1278)

Author: scnwwu

client/src/webview/DataViewer.tsx

@@ -1,6 +1,6 @@
 // Copyright © 2023, SAS Institute Inc., Cary, NC, USA.  All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { createElement, useMemo } from "react";
+import { useMemo } from "react";
 import { createRoot } from "react-dom/client";
 
 import { AgGridReact } from "ag-grid-react";

client/tsconfig.json

@@ -1,8 +1,7 @@
 {
   "compilerOptions": {
     "esModuleInterop": true,
-    "jsx": "react",
-    "jsxFactory": "createElement",
+    "jsx": "react-jsx",
     "lib": ["ES2019", "DOM"],
     "module": "commonjs",
     "outDir": "out",

eslint.config.mjs

@@ -25,6 +25,7 @@ export default [
       "plugin:@typescript-eslint/recommended",
       "plugin:react/recommended",
       "plugin:react-hooks/recommended",
+      "plugin:react/jsx-runtime",
     ),
   ),
   {
@@ -58,7 +59,6 @@ export default [
 
     settings: {
       react: {
-        pragma: "createElement",
         version: "detect",
       },
     },