feat: set optimizeDeps.rollupOptions.transform.jsx instead of optimizeDeps.rollupOptions.jsx

Author: sapphi-red

packages/plugin-react-oxc/src/index.ts

@@ -58,7 +58,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
             jsxImportDevRuntime,
             jsxImportRuntime,
           ],
-          rollupOptions: { jsx: { mode: 'automatic' } },
+          rollupOptions: { transform: { jsx: { runtime: 'automatic' } } },
         },
       }
     },

packages/plugin-react-swc/src/index.ts

@@ -132,7 +132,9 @@ const react = (_options?: Options): Plugin[] => {
         optimizeDeps: {
           include: [`${options.jsxImportSource}/jsx-dev-runtime`],
           ...('rolldownVersion' in vite
-            ? { rollupOptions: { jsx: { mode: 'automatic' } } }
+            ? {
+                rollupOptions: { transform: { jsx: { runtime: 'automatic' } } },
+              }
             : { esbuildOptions: { jsx: 'automatic' } }),
         },
       }),

packages/plugin-react/src/index.ts

@@ -159,7 +159,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
               jsxRefreshInclude: include,
               jsxRefreshExclude: exclude,
             },
-            optimizeDeps: { rollupOptions: { jsx: { mode: 'automatic' } } },
+            optimizeDeps: {
+              rollupOptions: { transform: { jsx: { runtime: 'automatic' } } },
+            },
           }
         }
       }