feat!: transform jsx with esbuild instead of babel

package.json

@@ -61,7 +61,7 @@
     "@typescript-eslint/eslint-plugin": "^5.39.0",
     "@typescript-eslint/parser": "^5.39.0",
     "conventional-changelog-cli": "^2.2.2",
-    "esbuild": "^0.14.47",
+    "esbuild": "^0.15.9",
     "eslint": "^8.25.0",
     "eslint-define-config": "^1.7.0",
     "eslint-plugin-import": "^2.26.0",

packages/plugin-react/src/index.ts

@@ -40,11 +40,6 @@ export interface Options {
    * @default true
    */
   jsxPure?: boolean
-  /**
-   * Toggles whether or not to throw an error if an XML namespaced tag name is used.
-   * @default true
-   */
-  jsxThrowIfNamespace?: boolean
   /**
    * Babel configuration applied in both dev and prod.
    */
@@ -127,13 +122,30 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
   const viteBabel: Plugin = {
     name: 'vite:react-babel',
     enforce: 'pre',
-    config() {
+    config(_, { mode }) {
+      // Copied from https://github.com/vitejs/vite/blob/4e9bdd4fb3654a9d43917e1cb682d3d2bad25115/packages/vite/src/node/config.ts#L488-L490
+      const isProduction =
+        (process.env.NODE_ENV || process.env.VITE_USER_NODE_ENV || mode) ===
+        'production'
+
       if (opts.jsxRuntime === 'classic') {
         return {
           esbuild: {
             logOverride: {
               'this-is-undefined-in-esm': 'silent'
-            }
+            },
+            jsx: 'transform',
+            jsxImportSource: opts.jsxImportSource,
+            jsxSideEffects: opts.jsxPure === false
+          }
+        }
+      } else {
+        return {
+          esbuild: {
+            jsxDev: !isProduction,
+            jsx: 'automatic',
+            jsxImportSource: opts.jsxImportSource,
+            jsxSideEffects: opts.jsxPure === false
           }
         }
       }
@@ -245,19 +257,6 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
                 : [null, false]
 
             if (isJSX || (ast = restoredAst)) {
-              plugins.push([
-                await loadPlugin(
-                  '@babel/plugin-transform-react-jsx' +
-                    (isProduction ? '' : '-development')
-                ),
-                {
-                  runtime: 'automatic',
-                  importSource: opts.jsxImportSource,
-                  pure: opts.jsxPure !== false,
-                  throwIfNamespace: opts.jsxThrowIfNamespace
-                }
-              ])
-
               // Avoid inserting `import` statements into CJS modules.
               if (isCommonJS) {
                 plugins.push(babelImportToRequire)