Fix Storybook React runtime

Author: koesie10

extensions/ql-vscode/.eslintrc.js

@@ -182,5 +182,17 @@ module.exports = {
         "@typescript-eslint/no-var-requires": "off",
       },
     },
+    {
+      files: [".storybook/**/*.tsx"],
+      parserOptions: {
+        project: resolve(__dirname, ".storybook/tsconfig.json"),
+      },
+      rules: {
+        ...baseConfig.rules,
+        // Storybook doesn't use the automatic JSX runtime in the addon yet, so we need to allow
+        // `React` to be imported.
+        "import/no-namespace": ["error", { ignore: ["react"] }],
+      },
+    },
   ],
 };

extensions/ql-vscode/.storybook/tsconfig.json

@@ -5,7 +5,7 @@
     "target": "es6",
     "outDir": "out",
     "lib": ["ES2021", "dom"],
-    "jsx": "react-jsx",
+    "jsx": "react",
     "sourceMap": true,
     "rootDir": "..",
     "strict": true,

extensions/ql-vscode/.storybook/vscode-theme-addon/ThemeSelector.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { FunctionComponent, useCallback } from "react";
 
 import { useGlobals } from "@storybook/manager-api";

extensions/ql-vscode/.storybook/vscode-theme-addon/manager.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { addons, types } from "@storybook/manager-api";
 import { ThemeSelector } from "./ThemeSelector";