fix: downgrade the next.js module federation plugin

.github/dependabot.yml

@@ -4,6 +4,11 @@ updates:
     directory: /
     schedule:
       interval: weekly
+    ignore:
+        # Pending complete resolution of https://github.com/module-federation/universe/issues/1102
+        # This exception should be removed as part of https://github.com/nearform/the-micro-frontends-workshop/issues/32
+      - dependency-name: "@module-federation/nextjs-mf"
+        versions: ["6.x", "7.x"]
   - package-ecosystem: github-actions
     directory: /
     schedule:

src/solutions/step-02-setting-up-host/nextApp/package.json

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@module-federation/nextjs-mf": "7.0.6",
-    "next": "13.4.12",
+    "@module-federation/nextjs-mf": "5.2.1",
+    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },

src/solutions/step-03-bidirectional/nextApp/next.config.js

@@ -1,34 +1,31 @@
 const NextFederationPlugin = require('@module-federation/nextjs-mf')
 
 module.exports = {
-  webpack(config, options) {
-    if (!options.isServer) {
-      config.plugins.push(
-        new NextFederationPlugin({
-          name: 'nextApp',
-          remotes: {
-            remote: 'reactApp@http://localhost:8080/remoteEntry.js',
+  webpack(config) {
+    config.plugins.push(
+      new NextFederationPlugin({
+        name: 'nextApp',
+        remotes: {
+          remote: 'reactApp@http://localhost:8080/remoteEntry.js',
+        },
+        filename: 'static/chunks/remoteEntry.js',
+        exposes: {
+          './nextjs-layout-box': './components/nextjs-layout-box.js',
+          './nextjs-table': './components/nextjs-table.js',
+        },
+        shared: {
+          react: {
+            requiredVersion: false,
+            singleton: true,
           },
-          filename: 'static/chunks/remoteEntry.js',
-          exposes: {
-            './nextjs-layout-box':
-              './components/nextjs-layout-box.js',
-            './nextjs-table': './components/nextjs-table.js',
-          },
-          shared: {
-            react: {
-              requiredVersion: false,
-              singleton: true,
-            },
-          },
-          extraOptions: {
-            skipSharingNextInternals: true,
-          },
-        })
-      )
-    }
+        },
+        extraOptions: {
+          skipSharingNextInternals: true,
+        },
+      })
+    )
+
     return config
   },
-  // your original next.config.js export
   reactStrictMode: true,
 }

src/solutions/step-03-bidirectional/nextApp/package.json

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@module-federation/nextjs-mf": "7.0.2",
-    "next": "13.4.12",
+    "@module-federation/nextjs-mf": "5.2.1",
+    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
     "eslint": "8.14.0",
-    "eslint-config-next": "13.4.9"
+    "eslint-config-next": "12.3.4"
   }
 }

src/solutions/step-04-shared-dependencies/nextApp/package.json

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@module-federation/nextjs-mf": "7.0.2",
-    "next": "13.4.12",
+    "@module-federation/nextjs-mf": "5.2.1",
+    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
     "eslint": "8.14.0",
-    "eslint-config-next": "13.4.9"
+    "eslint-config-next": "12.3.4"
   }
 }

src/step-02-setting-up-host/nextApp/package.json

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@module-federation/nextjs-mf": "7.0.6",
-    "next": "13.4.12",
+    "@module-federation/nextjs-mf": "5.2.1",
+    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
     "eslint": "8.14.0",
-    "eslint-config-next": "13.4.9"
+    "eslint-config-next": "12.3.4"
   }
 }

src/step-04-shared-dependencies/nextApp/package.json

@@ -9,13 +9,13 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@module-federation/nextjs-mf": "7.0.2",
-    "next": "13.4.12",
+    "@module-federation/nextjs-mf": "5.2.1",
+    "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
     "eslint": "8.14.0",
-    "eslint-config-next": "13.4.9"
+    "eslint-config-next": "12.3.4"
   }
 }