Configure typescript to use react-jsx for jsx (#219)

foxglove · Mar 11, 2021 · c398748 · c398748
1 parent f6e05b9
commit c398748
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/.eslintrc.yaml b/.eslintrc.yaml
@@ -46,6 +46,7 @@ rules:
   "@typescript-eslint/no-inferrable-types": off
   "@typescript-eslint/no-empty-function": off
   "@typescript-eslint/prefer-nullish-coalescing": warn
+  react/jsx-uses-react: off
   react/react-in-jsx-scope: off
   react/prop-types: warn
   react-hooks/rules-of-hooks: error

diff --git a/app/tsconfig.dev.json b/app/tsconfig.dev.json
@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsxdev"
+  }
+}
diff --git a/app/tsconfig.json b/app/tsconfig.json
@@ -2,7 +2,7 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
-    "jsx": "react",
+    "jsx": "react-jsx",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "paths": {
       "@foxglove-studio/app/*": ["*"]

diff --git a/webpack.renderer.config.ts b/webpack.renderer.config.ts
@@ -111,6 +111,7 @@ export function makeConfig(_: unknown, argv: WebpackArgv): Configuration {
                 // https://github.com/TypeStrong/ts-loader#onlycompilebundledfiles
                 // avoid looking at files which are not part of the bundle
                 onlyCompileBundledFiles: true,
+                configFile: isDev ? "tsconfig.dev.json" : "tsconfig.json",
               },
             },
           ],