@@ -73,9 +73,9 @@ const App = () => (
-
+
+
@@ -89,9 +89,9 @@ const App = () => (
-
+
+
diff --git a/apps/manifest-demo/webpack-host/src/Preload.tsx b/apps/manifest-demo/webpack-host/src/Preload.tsx
index cb218169cbf..a5dff5cd369 100644
--- a/apps/manifest-demo/webpack-host/src/Preload.tsx
+++ b/apps/manifest-demo/webpack-host/src/Preload.tsx
@@ -1,4 +1,4 @@
-import React, { Suspense, lazy, useEffect, useState } from 'react';
+import React from 'react';
import { preloadRemote } from '@module-federation/runtime';
preloadRemote([
@@ -9,10 +9,10 @@ preloadRemote([
]);
const Preload: React.FC = () => {
- const [manifestTime, setManifestTime] = useState(0);
- const [pureEntryTime, setPureEntryTime] = useState(0);
- const [manifestRemote, setManifestRemote] = useState(null);
- const [jsEntryRemote, setPureEntryRemote] = useState(null);
+ const [manifestTime, setManifestTime] = React.useState(0);
+ const [pureEntryTime, setPureEntryTime] = React.useState(0);
+ const [manifestRemote, setManifestRemote] = React.useState(null);
+ const [jsEntryRemote, setPureEntryRemote] = React.useState(null);
// useEffect(() => {
@@ -83,14 +83,14 @@ const Preload: React.FC = () => {
Component
-
+
{ManifestRemote &&
+
-
+
{JSEntryRemote &&
+
diff --git a/apps/manifest-demo/webpack-host/src/Root.tsx b/apps/manifest-demo/webpack-host/src/Root.tsx
index 3165426eaea..b8a8260b4ff 100644
--- a/apps/manifest-demo/webpack-host/src/Root.tsx
+++ b/apps/manifest-demo/webpack-host/src/Root.tsx
@@ -1,4 +1,4 @@
-import React, { Suspense, lazy, useEffect, useState } from 'react';
+import React from 'react';
import { Outlet } from 'react-router-dom';
const Root = () => {
diff --git a/apps/manifest-demo/webpack-host/src/index.tsx b/apps/manifest-demo/webpack-host/src/index.tsx
index 29dcae9d86a..e1c23a520f9 100644
--- a/apps/manifest-demo/webpack-host/src/index.tsx
+++ b/apps/manifest-demo/webpack-host/src/index.tsx
@@ -1,5 +1,5 @@
// import('./bootstrap');
-import React, { StrictMode, lazy } from 'react';
+import React from 'react';
import { init } from '@module-federation/runtime';
import * as ReactDOM from 'react-dom/client';
import {
@@ -23,7 +23,7 @@ const router = createBrowserRouter([
},
{
path: 'preload',
- Component: lazy(() => import('./Preload')),
+ Component: React.lazy(() => import('./Preload')),
},
],
},
@@ -45,7 +45,7 @@ const root = ReactDOM.createRoot(
document.getElementById('root') as HTMLElement,
);
root.render(
-
+
,
+ ,
);
diff --git a/apps/manifest-demo/webpack-host/webpack.config.js b/apps/manifest-demo/webpack-host/webpack.config.js
index 649312727ea..5bc2b8ca139 100644
--- a/apps/manifest-demo/webpack-host/webpack.config.js
+++ b/apps/manifest-demo/webpack-host/webpack.config.js
@@ -41,19 +41,23 @@ module.exports = composePlugins(withNx(), withReact(), (config, context) => {
antd: {},
'react/': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
react: {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
'react-dom': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
'react-dom/': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
},
dataPrefetch: true,
diff --git a/apps/modernjs/modern.config.ts b/apps/modernjs/modern.config.ts
index 66aaf2d73a3..2ad2211e4f3 100644
--- a/apps/modernjs/modern.config.ts
+++ b/apps/modernjs/modern.config.ts
@@ -49,19 +49,23 @@ export default defineConfig({
shared: {
'react/': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
react: {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
'react-dom': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
'react-dom/': {
singleton: true,
- requiredVersion: '^18.3.1',
+ requiredVersion: '18.3.1',
+ version: '18.3.1',
},
},
dataPrefetch: true,
diff --git a/apps/next-app-router/next-app-router-4000/app/context/context-click-counter.tsx b/apps/next-app-router/next-app-router-4000/app/context/context-click-counter.tsx
index a59be8aeb2f..cd15bc1bd10 100644
--- a/apps/next-app-router/next-app-router-4000/app/context/context-click-counter.tsx
+++ b/apps/next-app-router/next-app-router-4000/app/context/context-click-counter.tsx
@@ -3,8 +3,8 @@
import { useCounter } from './counter-context';
import React from 'react';
import { Boundary } from '#/ui/boundary';
-import dynamic from 'next/dynamic';
-const Button = dynamic(() => import('remote_4001/Button'), { ssr: true });
+// import dynamic from 'next/dynamic';
+// const Button = dynamic(() => import('remote_4001/Button'), { ssr: true });
const ContextClickCounter = () => {
const [count, setCount] = useCounter();
@@ -16,7 +16,10 @@ const ContextClickCounter = () => {
size="small"
animateRerendering={false}
>
-
+ {/* */}
+