feat!: transform jsx with esbuild instead of babel

package.json

@@ -61,7 +61,7 @@
     "@typescript-eslint/parser": "^5.33.0",
     "conventional-changelog-cli": "^2.2.2",
     "cross-env": "^7.0.3",
-    "esbuild": "^0.14.47",
+    "esbuild": "^0.14.53",
     "eslint": "^8.21.0",
     "eslint-define-config": "^1.6.0",
     "eslint-plugin-import": "^2.26.0",

packages/plugin-react/src/index.ts

@@ -34,12 +34,6 @@ export interface Options {
    * @default "react"
    */
   jsxImportSource?: string
-  /**
-   * Set this to `true` to annotate the JSX factory with `\/* @__PURE__ *\/`.
-   * This option is ignored when `jsxRuntime` is not `"automatic"`.
-   * @default true
-   */
-  jsxPure?: boolean
   /**
    * Babel configuration applied in both dev and prod.
    */
@@ -122,13 +116,28 @@ 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
+          }
+        }
+      } else {
+        return {
+          esbuild: {
+            jsxDev: !isProduction,
+            jsx: 'automatic',
+            jsxImportSource: opts.jsxImportSource
           }
         }
       }
@@ -240,18 +249,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
-                }
-              ])
-
               // Avoid inserting `import` statements into CJS modules.
               if (isCommonJS) {
                 plugins.push(babelImportToRequire)