App router share filter (#3745)

Co-authored-by: Hanric <hanric.zhang@gmail.com>
Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: 4 people

apps/runtime-demo/3008-runtime-remote/package.json

@@ -8,9 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@module-federation/enhanced": "workspace:*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@module-federation/enhanced": "workspace:*"
   },
   "devDependencies": {
     "@rsbuild/core": "^1.3.21",

package.json

@@ -88,8 +88,6 @@
     "lodash.get": "4.4.2",
     "openai": "^4.72.0",
     "rambda": "7.5.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "react-router-dom": "6.26.2",
     "regenerator-runtime": "0.14.1",
     "sharp": "^0.33.4",
@@ -151,6 +149,8 @@
     "@swc/jest": "0.2.36",
     "@tailwindcss/forms": "0.5.9",
     "@testing-library/react": "16.1.0",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.0",
     "@types/adm-zip": "0.5.5",
     "@types/chrome": "0.0.277",
     "@types/download": "8.0.5",
@@ -163,8 +163,6 @@
     "@types/node": "18.16.9",
     "@types/node-fetch": "2.6.11",
     "@types/pidusage": "2.0.5",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
     "@types/webpack-sources": "3.2.3",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
@@ -215,6 +213,8 @@
     "prettier-eslint": "16.3.0",
     "publint": "^0.2.12",
     "qwik-nx": "^3.1.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-refresh": "0.14.2",
     "rimraf": "^6.0.1",
     "rollup-plugin-copy": "3.5.0",

packages/bridge/bridge-react/package.json

@@ -70,14 +70,10 @@
   },
   "devDependencies": {
     "@testing-library/react": "15.0.7",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
     "@vitejs/plugin-react": "^4.3.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^4.0.0",
     "jsdom": "^24.1.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "react-router-dom": "6.22.3",
     "typescript": "^5.2.2",
     "vite": "^5.4.18",

packages/chrome-devtools/package.json

@@ -59,8 +59,8 @@
     "@module-federation/sdk": "workspace:*",
     "ahooks": "^3.7.10",
     "dagre": "^0.8.5",
-    "react": "~19.0.0",
-    "react-dom": "~19.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "reactflow": "11.11.4"
   },
   "devDependencies": {
@@ -77,8 +77,8 @@
     "@types/dagre": "^0.7.52",
     "@types/jest": "~29.2.4",
     "@types/node": "~20.12.12",
-    "@types/react": "~19.0.0",
-    "@types/react-dom": "~19.0.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "lint-staged": "~13.1.0",
     "prettier": "~3.3.3",
     "rimraf": "~6.0.1",

packages/data-prefetch/package.json

@@ -79,12 +79,12 @@
     "@types/fs-extra": "9.0.6",
     "@types/jest": "^29.5.11",
     "@types/node": "^17.0.45",
-    "@types/react": "~19.0.0",
+    "@types/react": "^18.3.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "minimist": "^1.2.8",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router": "^6.21.3",
     "react-test-renderer": "^18.2.0",
     "ts-jest": "29.0.1",

packages/modernjs/package.json

@@ -138,7 +138,9 @@
     "@modern-js/server-runtime": "2.67.6",
     "@modern-js/module-tools": "2.67.6",
     "@modern-js/runtime": "2.67.6",
-    "@modern-js/tsconfig": "2.67.6"
+    "@modern-js/tsconfig": "2.67.6",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1"
   },
   "peerDependencies": {
     "react": ">=17",

packages/modernjs/src/runtime/AwaitDataFetch.tsx

@@ -85,7 +85,9 @@ export function AwaitDataFetch<T>({
 }: AwaitProps<T>) {
   const dataRef = useRef<T | undefined>(undefined);
   const data = dataRef.current || resolve;
-  const getData = isPromise(data) ? fetchData(data, dataRef) : () => data;
+  const getData = isPromise(data)
+    ? fetchData(data as Promise<T>, dataRef)
+    : () => data;
 
   return (
     <AwaitSuspense

packages/modernjs/src/runtime/createRemoteComponent.tsx

@@ -285,7 +285,7 @@ export function createRemoteComponent<T, E extends keyof T>(
       id: moduleId,
     });
 
-    const Com = m[exportName] as React.FC<ComponentType>;
+    const Com = m[exportName as string] as React.FC<ComponentType>;
     if (exportName in m && typeof Com === 'function') {
       return {
         default: (props: Omit<ComponentType, 'key'> & { mfData?: unknown }) => (

packages/modernjs/src/ssr-runtime/SSRLiveReload.tsx

@@ -1,4 +1,4 @@
-export function SSRLiveReload() {
+export function SSRLiveReload(): JSX.Element | null {
   if (process.env.NODE_ENV !== 'development') {
     return null;
   }

packages/nextjs-mf/package.json

@@ -49,7 +49,9 @@
     "@module-federation/webpack-bundler-runtime": "workspace:*"
   },
   "devDependencies": {
-    "@types/btoa": "^1.2.5"
+    "@types/btoa": "^1.2.5",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1"
   },
   "peerDependencies": {
     "next": "^15 || ^14 || ^13 || ^12",