refactor: sink React packages from root to individual packages (#3907)

Author: ScriptedAlchemy

.changeset/refactor-sink-react-packages.md

@@ -0,0 +1,16 @@
+---
+"@module-federation/bridge-shared": patch
+"@module-federation/bridge-react": patch
+"@module-federation/nextjs-mf": patch
+"@module-federation/modern-js": patch
+"@module-federation/vue3-bridge": patch
+"@module-federation/third-party-dts-extractor": patch
+"@module-federation/rsbuild-plugin": patch
+---
+
+refactor: sink React packages from root to individual packages
+
+- Removed React dependencies from root package.json and moved them to packages that actually need them
+- Fixed rsbuild-plugin configuration to match workspace patterns
+- Updated tests to handle platform-specific files
+- This change improves dependency management by ensuring packages only have the dependencies they actually use

apps/3000-home/package.json

@@ -13,7 +13,8 @@
   "devDependencies": {
     "@module-federation/nextjs-mf": "workspace:*",
     "@module-federation/runtime": "workspace:*",
-    "@module-federation/utilities": "workspace:*",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0",
     "webpack": "5.98.0"
   },
   "scripts": {

apps/3001-shop/package.json

@@ -14,7 +14,8 @@
     "@module-federation/nextjs-mf": "workspace:*",
     "@module-federation/runtime": "workspace:*",
     "@module-federation/sdk": "workspace:*",
-    "@module-federation/utilities": "workspace:*",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0",
     "webpack": "5.98.0"
   },
   "scripts": {

apps/3002-checkout/package.json

@@ -14,7 +14,8 @@
     "@module-federation/nextjs-mf": "workspace:*",
     "@module-federation/runtime": "workspace:*",
     "@module-federation/sdk": "workspace:*",
-    "@module-federation/utilities": "workspace:*",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0",
     "webpack": "5.98.0"
   },
   "scripts": {

apps/bundle-size/package.json

@@ -9,9 +9,13 @@
     "@module-federation/enhanced": "workspace:*",
     "@module-federation/dts-plugin": "workspace:*",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "react-refresh": "0.14.2"
+    "react-refresh": "0.14.2",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
-    "antd": "4.24.15"
+    "antd": "4.24.15",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

apps/manifest-demo/3009-webpack-provider/package.json

@@ -7,9 +7,13 @@
     "@module-federation/enhanced": "workspace:*",
     "@module-federation/typescript": "workspace:*",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "react-refresh": "0.14.2"
+    "react-refresh": "0.14.2",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
-    "antd": "4.24.14"
+    "antd": "4.24.14",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

apps/manifest-demo/3010-rspack-provider/package.json

@@ -7,10 +7,14 @@
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "react-refresh": "0.14.2",
     "@rspack/plugin-react-refresh": "^0.7.5",
-    "@rspack/core": "^1.0.2"
+    "@rspack/core": "^1.0.2",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
     "antd": "4.24.15",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-router-dom": "^6.23.1"
   }
 }

apps/manifest-demo/3011-rspack-manifest-provider/package.json

@@ -6,10 +6,14 @@
     "@module-federation/enhanced": "workspace:*",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "react-refresh": "0.14.2",
-    "@rspack/plugin-react-refresh": "^0.7.5"
+    "@rspack/plugin-react-refresh": "^0.7.5",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
     "lodash": "4.17.21",
-    "antd": "4.24.15"
+    "antd": "4.24.15",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

apps/manifest-demo/3012-rspack-js-entry-provider/package.json

@@ -6,10 +6,14 @@
     "@module-federation/enhanced": "workspace:*",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
     "react-refresh": "0.14.2",
-    "@rspack/plugin-react-refresh": "^0.7.5"
+    "@rspack/plugin-react-refresh": "^0.7.5",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
     "lodash": "4.17.21",
-    "antd": "4.24.15"
+    "antd": "4.24.15",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   }
 }

apps/manifest-demo/webpack-host/package.json

@@ -7,9 +7,14 @@
     "@module-federation/typescript": "workspace:*",
     "@module-federation/enhanced": "workspace:*",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "react-refresh": "0.14.2"
+    "react-refresh": "0.14.2",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0"
   },
   "dependencies": {
-    "antd": "4.24.15"
+    "antd": "4.24.15",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "^6.23.1"
   }
 }