From 41e214ee7a7b99cad6e41f3f429ee456e492e380 Mon Sep 17 00:00:00 2001 From: Caio Rolla Date: Mon, 6 Feb 2023 07:22:49 -0300 Subject: [PATCH] fix(nextjs-ssr): fix hydrate issue on shop page --- nextjs-ssr/checkout/package.json | 8 +- nextjs-ssr/home/package.json | 8 +- nextjs-ssr/shop/package.json | 8 +- nextjs-ssr/shop/pages/_app.js | 6 +- nextjs-ssr/shop/pages/shop.js | 2 +- nextjs-ssr/yarn.lock | 1350 ++++++++++++++++++++++++++++++ 6 files changed, 1368 insertions(+), 14 deletions(-) create mode 100644 nextjs-ssr/yarn.lock diff --git a/nextjs-ssr/checkout/package.json b/nextjs-ssr/checkout/package.json index 8f3403068d9..ba0c0c7eaaf 100644 --- a/nextjs-ssr/checkout/package.json +++ b/nextjs-ssr/checkout/package.json @@ -8,13 +8,13 @@ "start": "NODE_ENV=production next start" }, "dependencies": { - "@module-federation/nextjs-mf": "5.11.5", + "@module-federation/nextjs-mf": "6.0.7", "lodash": "4.17.21", "next": "12.2.2", - "next-compose-plugins": "^2.2.1", + "next-compose-plugins": "2.2.1", "nextjs-shared": "file:../shared", - "react": "^18.2.0", - "react-dom": "^18.2.0", + "react": "18.2.0", + "react-dom": "18.2.0", "webpack": "5.72.1", "webpack-merge": "^5.8.0" } diff --git a/nextjs-ssr/home/package.json b/nextjs-ssr/home/package.json index 4d54e694b4d..828f522dfab 100644 --- a/nextjs-ssr/home/package.json +++ b/nextjs-ssr/home/package.json @@ -8,13 +8,13 @@ "start": "NODE_ENV=production next start -p 3001" }, "dependencies": { - "@module-federation/nextjs-mf": "5.11.5", + "@module-federation/nextjs-mf": "6.0.7", "lodash": "4.17.21", "next": "12.2.2", - "next-compose-plugins": "^2.2.1", + "next-compose-plugins": "2.2.1", "nextjs-shared": "file:../shared", - "react": "^18.2.0", - "react-dom": "^18.2.0", + "react": "18.2.0", + "react-dom": "18.2.0", "webpack": "5.72.1", "webpack-merge": "^5.8.0" } diff --git a/nextjs-ssr/shop/package.json b/nextjs-ssr/shop/package.json index 9b01daa67a9..b75b894561b 100644 --- a/nextjs-ssr/shop/package.json +++ b/nextjs-ssr/shop/package.json @@ -8,13 +8,13 @@ "start": "NODE_ENV=production next start -p 3002" }, "dependencies": { - "@module-federation/nextjs-mf": "5.11.5", + "@module-federation/nextjs-mf": "6.0.7", "lodash": "4.17.21", "next": "12.2.2", - "next-compose-plugins": "^2.2.1", + "next-compose-plugins": "2.2.1", "nextjs-shared": "file:../shared", - "react": "^18.2.0", - "react-dom": "^18.2.0", + "react": "18.2.0", + "react-dom": "18.2.0", "webpack": "5.72.1", "webpack-merge": "^5.8.0" } diff --git a/nextjs-ssr/shop/pages/_app.js b/nextjs-ssr/shop/pages/_app.js index 7d959427896..37e44e893c7 100644 --- a/nextjs-ssr/shop/pages/_app.js +++ b/nextjs-ssr/shop/pages/_app.js @@ -1,15 +1,19 @@ +import { Suspense } from "react"; import App from 'next/app'; import dynamic from 'next/dynamic'; -const Nav = dynamic(() => import('home/nav')); +const Nav = dynamic(() => import('home/nav') ,{suspense:true}); function MyApp({ Component, pageProps }) { return ( <> +