@vitejs/plugin-react 5.0.0 → 5.0.1

package/README.md

@@ -38,7 +38,7 @@ export default defineConfig({
 
 ### jsxImportSource
 
-Control where the JSX factory is imported from. Default to `'react'`
+Control where the JSX factory is imported from. By default, this is inferred from `jsxImportSource` from corresponding a tsconfig file for a transformed file.
 
 ```js
 react({ jsxImportSource: '@emotion/react' })

package/dist/index.js

@@ -101,6 +101,7 @@ async function loadBabel() {
 const defaultIncludeRE = /\.[tj]sx?$/;
 const defaultExcludeRE = /\/node_modules\//;
 const tsRE = /\.tsx?$/;
+const compilerAnnotationRE = /['"]use memo['"]/;
 function viteReact(opts = {}) {
 	const include = opts.include ?? defaultIncludeRE;
 	const exclude = opts.exclude ?? defaultExcludeRE;
@@ -133,19 +134,19 @@ function viteReact(opts = {}) {
 				oxc: {
 					jsx: {
 						runtime: "automatic",
-						importSource: jsxImportSource,
+						importSource: opts.jsxImportSource,
 						refresh: command === "serve"
 					},
 					jsxRefreshInclude: include,
 					jsxRefreshExclude: exclude
 				},
-				optimizeDeps: { rollupOptions: { jsx: { mode: "automatic" } } }
+				optimizeDeps: { rollupOptions: { transform: { jsx: { runtime: "automatic" } } } }
 			};
 			if (opts.jsxRuntime === "classic") return { esbuild: { jsx: "transform" } };
 			else return {
 				esbuild: {
 					jsx: "automatic",
-					jsxImportSource
+					jsxImportSource: opts.jsxImportSource
 				},
 				optimizeDeps: { esbuildOptions: { jsx: "automatic" } }
 			};
@@ -192,9 +193,18 @@ function viteReact(opts = {}) {
 					return newBabelOptions;
 				})();
 				const plugins = [...babelOptions.plugins];
+				let reactCompilerPlugin$1 = getReactCompilerPlugin(plugins);
+				if (reactCompilerPlugin$1 && ssr) {
+					plugins.splice(plugins.indexOf(reactCompilerPlugin$1), 1);
+					reactCompilerPlugin$1 = void 0;
+				}
+				if (Array.isArray(reactCompilerPlugin$1) && reactCompilerPlugin$1[1]?.compilationMode === "annotation" && !compilerAnnotationRE.test(code)) {
+					plugins.splice(plugins.indexOf(reactCompilerPlugin$1), 1);
+					reactCompilerPlugin$1 = void 0;
+				}
 				const isJSX = filepath.endsWith("x");
-				const useFastRefresh = !skipFastRefresh && !ssr && (isJSX || (opts.jsxRuntime === "classic" ? importReactRE.test(code) : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)));
-				if (useFastRefresh && !isRolldownVite) plugins.push([await loadPlugin("react-refresh/babel"), { skipEnvCheck: true }]);
+				const useFastRefresh = !isRolldownVite && !skipFastRefresh && !ssr && (isJSX || (opts.jsxRuntime === "classic" ? importReactRE.test(code) : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)));
+				if (useFastRefresh) plugins.push([await loadPlugin("react-refresh/babel"), { skipEnvCheck: true }]);
 				if (opts.jsxRuntime === "classic" && isJSX) {
 					if (!isProduction) plugins.push(await loadPlugin("@babel/plugin-transform-react-jsx-self"), await loadPlugin("@babel/plugin-transform-react-jsx-source"));
 				}
@@ -208,7 +218,7 @@ function viteReact(opts = {}) {
 					root: projectRoot,
 					filename: id,
 					sourceFileName: filepath,
-					retainLines: getReactCompilerPlugin(plugins) != null ? false : !isProduction && isJSX && opts.jsxRuntime !== "classic",
+					retainLines: reactCompilerPlugin$1 ? false : !isProduction && isJSX && opts.jsxRuntime !== "classic",
 					parserOpts: {
 						...babelOptions.parserOpts,
 						sourceType: "module",
@@ -236,7 +246,7 @@ function viteReact(opts = {}) {
 	const viteRefreshWrapper = {
 		name: "vite:react:refresh-wrapper",
 		apply: "serve",
-		transform: isRolldownVite ? {
+		transform: {
 			filter: { id: {
 				include: makeIdFiltersToMatchWithQuery(include),
 				exclude: makeIdFiltersToMatchWithQuery(exclude)
@@ -247,13 +257,13 @@ function viteReact(opts = {}) {
 				const isJSX = filepath.endsWith("x");
 				const useFastRefresh = !skipFastRefresh && !ssr && (isJSX || code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime));
 				if (!useFastRefresh) return;
-				const { code: newCode } = addRefreshWrapper(code, avoidSourceMapOption, "@vitejs/plugin-react", id);
+				const { code: newCode } = addRefreshWrapper(code, avoidSourceMapOption, "@vitejs/plugin-react", id, opts.reactRefreshHost);
 				return {
 					code: newCode,
 					map: null
 				};
 			}
-		} : void 0
+		}
 	};
 	const viteConfigPost = {
 		name: "vite:react:config-post",
@@ -303,8 +313,7 @@ function viteReact(opts = {}) {
 	};
 	return [
 		viteBabel,
-		viteRefreshWrapper,
-		viteConfigPost,
+		...isRolldownVite ? [viteRefreshWrapper, viteConfigPost] : [],
 		viteReactRefresh
 	];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "license": "MIT",
   "author": "Evan You",
   "description": "The default Vite plugin for React projects",
@@ -40,10 +40,10 @@
   },
   "homepage": "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme",
   "dependencies": {
-    "@babel/core": "^7.28.0",
+    "@babel/core": "^7.28.3",
     "@babel/plugin-transform-react-jsx-self": "^7.27.1",
     "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-    "@rolldown/pluginutils": "1.0.0-beta.30",
+    "@rolldown/pluginutils": "1.0.0-beta.32",
     "@types/babel__core": "^7.20.5",
     "react-refresh": "^0.17.0"
   },
@@ -55,8 +55,8 @@
     "babel-plugin-react-compiler": "19.1.0-rc.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "rolldown": "1.0.0-beta.30",
-    "tsdown": "^0.13.2",
+    "rolldown": "1.0.0-beta.32",
+    "tsdown": "^0.14.1",
     "vitest": "^3.2.4"
   }
 }