Skip to content

Commit

Permalink
Refactor hot-reloader client for app (#41598)
Browse files Browse the repository at this point in the history 
Co-authored-by: JJ Kasper <jj@jjsweb.site>
  • Loading branch information
@timneutkens @ijjk
timneutkens and ijjk committed Oct 22, 2022
1 parent c204552 commit b6cfeeb
Show file tree
Hide file tree
Showing 24 changed files with 3,272 additions and 362 deletions.
26 changes: 18 additions & 8 deletions packages/next/client/app-index.tsx
View file
Expand Up @@ -8,7 +8,8 @@ import { createFromReadableStream } from 'next/dist/compiled/react-server-dom-we

import measureWebVitals from './performance-relayer'
import { HeadManagerContext } from '../shared/lib/head-manager-context'
import HotReload from './components/react-dev-overlay/hot-reloader'
import HotReload from './components/react-dev-overlay/hot-reloader-client'
import { GlobalLayoutRouterContext } from '../shared/lib/app-router-context'

/// <reference types="react-dom/experimental" />

Expand Down Expand Up @@ -186,15 +187,24 @@ export function hydrate() {
const reactRoot = (ReactDOMClient as any).createRoot(reactRootElement)

reactRoot.render(
<HotReload
assetPrefix={rootLayoutMissingTagsError.assetPrefix}
initialState={{
rootLayoutMissingTagsError: {
missingTags: rootLayoutMissingTagsError.missingTags,
<GlobalLayoutRouterContext.Provider
value={{
tree: rootLayoutMissingTagsError.tree,
changeByServerResponse: () => {},
focusAndScrollRef: {
apply: false,
},
}}
initialTree={rootLayoutMissingTagsError.tree}
/>
>
<HotReload
assetPrefix={rootLayoutMissingTagsError.assetPrefix}
// initialState={{
// rootLayoutMissingTagsError: {
// missingTags: rootLayoutMissingTagsError.missingTags,
// },
// }}
/>
</GlobalLayoutRouterContext.Provider>
)

return
Expand Down
6 changes: 3 additions & 3 deletions packages/next/client/components/app-router.tsx
View file
Expand Up @@ -37,12 +37,12 @@ function urlToUrlWithoutFlightMarker(url: string): URL {
}

const HotReloader:
| typeof import('./react-dev-overlay/hot-reloader').default
| typeof import('./react-dev-overlay/hot-reloader-client').default
| null =
process.env.NODE_ENV === 'production'
? null
: (require('./react-dev-overlay/hot-reloader')
.default as typeof import('./react-dev-overlay/hot-reloader').default)
: (require('./react-dev-overlay/hot-reloader-client')
.default as typeof import('./react-dev-overlay/hot-reloader-client').default)

/**
* Fetch the flight data for the provided url. Takes in the current router state to decide what to render server-side.
Expand Down
71 changes: 0 additions & 71 deletions packages/next/client/components/react-dev-overlay/client.ts
View file

This file was deleted.

1 comment on commit b6cfeeb

@ijjk
Copy link
Member

@ijjk ijjk commented on b6cfeeb Oct 22, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stats from current release

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
buildDuration 23.5s 22.1s -1.4s
buildDurationCached 8.5s 10.2s ⚠️ +1.7s
nodeModulesSize 81.9 MB 94.4 MB ⚠️ +12.5 MB
nextStartRea..uration (ms) 312ms 285ms -27ms
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
719.HASH.js gzip 179 B N/A N/A
app-internal..HASH.js gzip 213 B 182 B -31 B
framework-HASH.js gzip 48.7 kB 48.9 kB ⚠️ +163 B
main-app-HASH.js gzip 14.9 kB 96.5 kB ⚠️ +81.7 kB
main-HASH.js gzip 31 kB 25.7 kB -5.27 kB
webpack-HASH.js gzip 1.54 kB 1.83 kB ⚠️ +293 B
258.HASH.js gzip N/A 185 B N/A
321-HASH.js gzip N/A 11.7 kB N/A
Overall change 96.5 kB 185 kB ⚠️ +88.5 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
polyfills-HASH.js gzip 31 kB 31 kB ✓
Overall change 31 kB 31 kB ✓
Client Pages Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_app-HASH.js gzip 202 B 196 B -6 B
_error-HASH.js gzip 194 B 180 B -14 B
amp-HASH.js gzip 494 B 486 B -8 B
css-HASH.js gzip 327 B 327 B ✓
dynamic-HASH.js gzip 2.03 kB 1.86 kB -175 B
edge-ssr-HASH.js gzip 271 B 263 B -8 B
head-HASH.js gzip 356 B 355 B -1 B
hooks-HASH.js gzip 800 B 370 B -430 B
image-HASH.js gzip 4.89 kB 3.67 kB -1.22 kB
index-HASH.js gzip 263 B 256 B -7 B
link-HASH.js gzip 2.37 kB 2.28 kB -89 B
routerDirect..HASH.js gzip 322 B 312 B -10 B
script-HASH.js gzip 390 B 390 B ✓
withRouter-HASH.js gzip 320 B 307 B -13 B
85e02e95b279..7e3.css gzip 107 B 107 B ✓
Overall change 13.3 kB 11.4 kB -1.98 kB
Client Build Manifests Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_buildManifest.js gzip 480 B 481 B ⚠️ +1 B
Overall change 480 B 481 B ⚠️ +1 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
index.html gzip 512 B 513 B ⚠️ +1 B
link.html gzip 526 B 527 B ⚠️ +1 B
withRouter.html gzip 506 B 507 B ⚠️ +1 B
Overall change 1.54 kB 1.55 kB ⚠️ +3 B
Edge SSR bundle Size Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
edge-ssr.js gzip 123 kB 58.4 kB -64.4 kB
page.js gzip 156 kB 136 kB -19.5 kB
Overall change 278 kB 194 kB -83.9 kB
Middleware size Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
middleware-b..fest.js gzip 589 B 591 B ⚠️ +2 B
middleware-r..fest.js gzip 145 B 144 B -1 B
middleware.js gzip 19.3 kB 25.4 kB ⚠️ +6.18 kB
edge-runtime..pack.js gzip 2.21 kB 2.21 kB ✓
Overall change 22.2 kB 28.4 kB ⚠️ +6.18 kB

Diffs

Diff for page.js 
failed to diff
Diff for middleware-b..-manifest.js 
@@ -7,95 +7,94 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-a9f026eee389fef1.js",
-    "static/chunks/framework-b11e50df1bb3c9a6.js",
-    "static/chunks/main-app-b7f60c69a157495e.js"
+    "static/chunks/webpack-bbfa9c50d211b145.js",
+    "static/chunks/main-app-f039dfd98a7c3c64.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/index-5eb0c6dd1b07f92f.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/index-8699047b8716cc71.js"
     ],
     "/_app": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/_app-b9787d582c30d45b.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/_app-4d8e9e8280752ee5.js"
     ],
     "/_error": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/_error-e21edc8f3b0da91c.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/_error-1745c8c5bc23de24.js"
     ],
     "/amp": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/amp-32e961200afb4fa3.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/amp-33759193aa1391f5.js"
     ],
     "/css": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
+      "static/chunks/main-6335a88f3447dcaf.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-1a704b23b3813bc6.js"
+      "static/chunks/pages/css-2d2e13f499421e24.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/dynamic-e40a9b434c47923f.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/dynamic-11d7b3452a40a445.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/edge-ssr-947047b398cb06f5.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/edge-ssr-fdfde59473c71167.js"
     ],
     "/head": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/head-d5e73c8366eb85bd.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/head-436d7972951dcb96.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/hooks-e02e15e6cecf7921.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/hooks-0516bad346d1dddd.js"
     ],
     "/image": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/image-348e3e58ad846af0.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/image-d2edea71f947c18e.js"
     ],
     "/link": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/link-f6e392ae6222b635.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/link-f506bba9c92649e7.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/routerDirect-016d5dc573ac31d4.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/routerDirect-bc50b8a519ed553d.js"
     ],
     "/script": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/script-0f4565e53ec39c3d.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/script-5de3fe4928328eb7.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-a9f026eee389fef1.js",
+      "static/chunks/webpack-bbfa9c50d211b145.js",
       "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-023b1a7aa5e9c70c.js",
-      "static/chunks/pages/withRouter-4bec812943e988d1.js"
+      "static/chunks/main-6335a88f3447dcaf.js",
+      "static/chunks/pages/withRouter-e2665105678e51dc.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js 
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 8719,
-    files: ["static/chunks/719.af92bec8d88a7c71.js"]
+    id: 3258,
+    files: ["static/chunks/258.a99cc5432aadf4b3.js"]
   }
 };
Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js 
@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-5eb0c6dd1b07f92f.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-e21edc8f3b0da91c.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-32e961200afb4fa3.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-8699047b8716cc71.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-1745c8c5bc23de24.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-33759193aa1391f5.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-1a704b23b3813bc6.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-2d2e13f499421e24.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-e40a9b434c47923f.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-11d7b3452a40a445.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-947047b398cb06f5.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-fdfde59473c71167.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d5e73c8366eb85bd.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-e02e15e6cecf7921.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-348e3e58ad846af0.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f6e392ae6222b635.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-436d7972951dcb96.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-0516bad346d1dddd.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-d2edea71f947c18e.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f506bba9c92649e7.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-016d5dc573ac31d4.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-bc50b8a519ed553d.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-0f4565e53ec39c3d.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-5de3fe4928328eb7.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-4bec812943e988d1.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-e2665105678e51dc.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 8351: /***/ function(
+    /***/ 7006: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(4105);
+          return __webpack_require__(2728);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(8351), __webpack_exec__(2383);
+      return __webpack_exec__(7006), __webpack_exec__(7523);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for _error-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [820],
   {
-    /***/ 9548: /***/ function(
+    /***/ 3020: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(7437);
+          return __webpack_require__(28);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(9548);
+      return __webpack_exec__(3020);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for amp-HASH.js 
@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 3485: /***/ function(
+    /***/ 7481: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2930);
+      module.exports = __webpack_require__(6286);
 
       /***/
     },
 
-    /***/ 6530: /***/ function(
+    /***/ 2880: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(7249);
+          return __webpack_require__(2331);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 2930: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6286: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -38,8 +38,8 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _ampContext = __webpack_require__(4602);
-      var _ampMode = __webpack_require__(4841);
+      var _ampContext = __webpack_require__(3494);
+      var _ampMode = __webpack_require__(1422);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 7249: /***/ function(
+    /***/ 2331: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,13 +78,13 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3485
+        7481
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
       );
 
-      var config = {
+      const config = {
         amp: "hybrid"
       };
       function Amp(props) {
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(6530);
+      return __webpack_exec__(2880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for css-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 631: /***/ function(
+    /***/ 1737: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(1293);
+          return __webpack_require__(7649);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1293: /***/ function(
+    /***/ 7649: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,26 +29,27 @@
         1760
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        2555
+        1656
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
       );
 
-      var Page = function() {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
-          className: _css_module_css__WEBPACK_IMPORTED_MODULE_1___default()
-            .helloWorld,
-          children: "Hello world \uD83D\uDC4B"
-        });
-      };
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+          "div",
+          {
+            className: _css_module_css__WEBPACK_IMPORTED_MODULE_1___default()
+              .helloWorld,
+            children: "Hello world \uD83D\uDC4B"
+          }
+        );
       /* harmony default export */ __webpack_exports__["default"] = Page;
 
       /***/
     },
 
-    /***/ 2555: /***/ function(module) {
+    /***/ 1656: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
@@ -61,7 +62,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(631);
+      return __webpack_exec__(1737);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for dynamic-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 8963: /***/ function(
+    /***/ 9051: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(7522);
+          return __webpack_require__(1698);
         }
       ]);
       if (false) {
@@ -18,13 +18,9 @@
       /***/
     },
 
-    /***/ 6242: /***/ function(module, exports, __webpack_require__) {
+    /***/ 14: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      var _instanceof = __webpack_require__(1470) /* ["default"] */.Z;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -34,19 +30,17 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadable = _interop_require_default(__webpack_require__(894));
+      var _loadable = _interop_require_default(__webpack_require__(1038));
       function dynamic(dynamicOptions, options) {
-        var loadableFn = _loadable.default;
-        var loadableOptions = (options == null
+        let loadableFn = _loadable.default;
+        let loadableOptions = (options == null
         ? void 0
         : options.suspense)
           ? {}
           : {
               // A loading component is not required, so we default it
-              loading: function(param) {
-                var error = param.error,
-                  isLoading = param.isLoading,
-                  pastDelay = param.pastDelay;
+              loading: param => {
+                let { error, isLoading, pastDelay } = param;
                 if (!pastDelay) return null;
                 if (false) {
                 }
@@ -57,10 +51,8 @@
         // Note that this is only kept for the edge case where someone is passing in a promise as first argument
         // The react-loadable babel plugin will turn dynamic(import('../hello-world')) into dynamic(() => import('../hello-world'))
         // To make sure we don't execute the import without rendering first
-        if (_instanceof(dynamicOptions, Promise)) {
-          loadableOptions.loader = function() {
-            return dynamicOptions;
-          };
+        if (dynamicOptions instanceof Promise) {
+          loadableOptions.loader = () => dynamicOptions;
           // Support for having import as a function, eg: dynamic(() => import('../hello-world'))
         } else if (typeof dynamicOptions === "function") {
           loadableOptions.loader = dynamicOptions;
@@ -102,8 +94,7 @@
         }
         return loadableFn(loadableOptions);
       }
-      ("client");
-      var isServerSide = "object" === "undefined";
+      const isServerSide = "object" === "undefined";
       function noSSR(LoadableInitializer, loadableOptions) {
         // Removing webpack and modules means react-loadable won't try preloading
         delete loadableOptions.webpack;
@@ -112,16 +103,15 @@
         if (!isServerSide) {
           return LoadableInitializer(loadableOptions);
         }
-        var Loading = loadableOptions.loading;
+        const Loading = loadableOptions.loading;
         // This will only be rendered on the server side
-        return function() {
-          return /*#__PURE__*/ _react.default.createElement(Loading, {
+        return () =>
+          /*#__PURE__*/ _react.default.createElement(Loading, {
             error: null,
             isLoading: true,
             pastDelay: false,
             timedOut: false
           });
-        };
       }
       if (
         (typeof exports.default === "function" ||
@@ -138,7 +128,7 @@
       /***/
     },
 
-    /***/ 6010: /***/ function(
+    /***/ 5401: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -152,7 +142,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var LoadableContext = _react.default.createContext(null);
+      const LoadableContext = _react.default.createContext(null);
       exports.LoadableContext = LoadableContext;
       if (false) {
       } //# sourceMappingURL=loadable-context.js.map
@@ -160,18 +150,13 @@
       /***/
     },
 
-    /***/ 894: /***/ function(
+    /***/ 1038: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
     ) {
       "use strict";
 
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      var _classCallCheck = __webpack_require__(1358) /* ["default"] */.Z;
-      var _createClass = __webpack_require__(6993) /* ["default"] */.Z;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -180,26 +165,25 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadableContext = __webpack_require__(6010);
-      var useSyncExternalStore = (true ? __webpack_require__(6273) : 0)
-        .useSyncExternalStore;
-      var ALL_INITIALIZERS = [];
-      var READY_INITIALIZERS = [];
-      var initialized = false;
+      var _loadableContext = __webpack_require__(5401);
+      const { useSyncExternalStore } = true ? __webpack_require__(6273) : 0;
+      const ALL_INITIALIZERS = [];
+      const READY_INITIALIZERS = [];
+      let initialized = false;
       function load(loader) {
-        var promise = loader();
-        var state = {
+        let promise = loader();
+        let state = {
           loading: true,
           loaded: null,
           error: null
         };
         state.promise = promise
-          .then(function(loaded) {
+          .then(loaded => {
             state.loading = false;
             state.loaded = loaded;
             return loaded;
           })
-          .catch(function(err) {
+          .catch(err => {
             state.loading = false;
             state.error = err;
             throw err;
@@ -210,9 +194,25 @@
         return obj && obj.__esModule ? obj.default : obj;
       }
       function createLoadableComponent(loadFn, options) {
-        var init = function init() {
+        let opts = Object.assign(
+          {
+            loader: null,
+            loading: null,
+            delay: 200,
+            timeout: null,
+            webpack: null,
+            modules: null,
+            suspense: false
+          },
+          options
+        );
+        if (opts.suspense) {
+          opts.lazy = _react.default.lazy(opts.loader);
+        }
+        /** @type LoadableSubscription */ let subscription = null;
+        function init() {
           if (!subscription) {
-            var sub = new LoadableSubscription(loadFn, opts);
+            const sub = new LoadableSubscription(loadFn, opts);
             subscription = {
               getCurrentValue: sub.getCurrentValue.bind(sub),
               subscribe: sub.subscribe.bind(sub),
@@ -221,135 +221,152 @@
             };
           }
           return subscription.promise();
-        };
-        var useLoadableModule = function useLoadableModule() {
+        }
+        // Server only
+        if (false) {
+        }
+        // Client only
+        if (!initialized && "object" !== "undefined") {
+          // require.resolveWeak check is needed for environments that don't have it available like Jest
+          const moduleIds =
+            opts.webpack && "function" === "function"
+              ? opts.webpack()
+              : opts.modules;
+          if (moduleIds) {
+            READY_INITIALIZERS.push(ids => {
+              for (const moduleId of moduleIds) {
+                if (ids.indexOf(moduleId) !== -1) {
+                  return init();
+                }
+              }
+            });
+          }
+        }
+        function useLoadableModule() {
           init();
-          var context = _react.default.useContext(
+          const context = _react.default.useContext(
             _loadableContext.LoadableContext
           );
           if (context && Array.isArray(opts.modules)) {
-            opts.modules.forEach(function(moduleName) {
+            opts.modules.forEach(moduleName => {
               context(moduleName);
             });
           }
-        };
-        var LoadableImpl = function LoadableImpl(props, ref) {
+        }
+        function LoadableImpl(props, ref) {
           useLoadableModule();
-          var state = useSyncExternalStore(
+          const state = useSyncExternalStore(
             subscription.subscribe,
             subscription.getCurrentValue,
             subscription.getCurrentValue
           );
           _react.default.useImperativeHandle(
             ref,
-            function() {
-              return {
-                retry: subscription.retry
-              };
-            },
+            () => ({
+              retry: subscription.retry
+            }),
             []
           );
-          return _react.default.useMemo(
-            function() {
-              if (state.loading || state.error) {
-                return _react.default.createElement(opts.loading, {
-                  isLoading: state.loading,
-                  pastDelay: state.pastDelay,
-                  timedOut: state.timedOut,
-                  error: state.error,
-                  retry: subscription.retry
-                });
-              } else if (state.loaded) {
-                return _react.default.createElement(
-                  resolve(state.loaded),
-                  props
-                );
-              } else {
-                return null;
-              }
-            },
-            [props, state]
-          );
-        };
-        var LazyImpl = function LazyImpl(props, ref) {
+          return _react.default.useMemo(() => {
+            if (state.loading || state.error) {
+              return _react.default.createElement(opts.loading, {
+                isLoading: state.loading,
+                pastDelay: state.pastDelay,
+                timedOut: state.timedOut,
+                error: state.error,
+                retry: subscription.retry
+              });
+            } else if (state.loaded) {
+              return _react.default.createElement(resolve(state.loaded), props);
+            } else {
+              return null;
+            }
+          }, [props, state]);
+        }
+        function LazyImpl(props, ref) {
           useLoadableModule();
           return _react.default.createElement(
             opts.lazy,
             _extends({}, props, {
-              ref: ref
+              ref
             })
           );
-        };
-        var opts = Object.assign(
-          {
-            loader: null,
-            loading: null,
-            delay: 200,
-            timeout: null,
-            webpack: null,
-            modules: null,
-            suspense: false
-          },
-          options
-        );
-        if (opts.suspense) {
-          opts.lazy = _react.default.lazy(opts.loader);
         }
-        /** @type LoadableSubscription */ var subscription = null;
-        // Server only
-        if (false) {
+        const LoadableComponent = opts.suspense ? LazyImpl : LoadableImpl;
+        LoadableComponent.preload = () => init();
+        LoadableComponent.displayName = "LoadableComponent";
+        return _react.default.forwardRef(LoadableComponent);
+      }
+      class LoadableSubscription {
+        promise() {
+          return this._res.promise;
         }
-        // Client only
-        if (!initialized && "object" !== "undefined") {
-          // require.resolveWeak check is needed for environments that don't have it available like Jest
-          var moduleIds =
-            opts.webpack && "function" === "function"
-              ? opts.webpack()
-              : opts.modules;
-          if (moduleIds) {
-            READY_INITIALIZERS.push(function(ids) {
-              var _iteratorNormalCompletion = true,
-                _didIteratorError = false,
-                _iteratorError = undefined;
-              try {
-                for (
-                  var _iterator = moduleIds[Symbol.iterator](), _step;
-                  !(_iteratorNormalCompletion = (_step = _iterator.next())
-                    .done);
-                  _iteratorNormalCompletion = true
-                ) {
-                  var moduleId = _step.value;
-                  if (ids.indexOf(moduleId) !== -1) {
-                    return init();
-                  }
-                }
-              } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-              } finally {
-                try {
-                  if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                  }
-                } finally {
-                  if (_didIteratorError) {
-                    throw _iteratorError;
-                  }
-                }
+        retry() {
+          this._clearTimeouts();
+          this._res = this._loadFn(this._opts.loader);
+          this._state = {
+            pastDelay: false,
+            timedOut: false
+          };
+          const { _res: res, _opts: opts } = this;
+          if (res.loading) {
+            if (typeof opts.delay === "number") {
+              if (opts.delay === 0) {
+                this._state.pastDelay = true;
+              } else {
+                this._delay = setTimeout(() => {
+                  this._update({
+                    pastDelay: true
+                  });
+                }, opts.delay);
               }
-            });
+            }
+            if (typeof opts.timeout === "number") {
+              this._timeout = setTimeout(() => {
+                this._update({
+                  timedOut: true
+                });
+              }, opts.timeout);
+            }
           }
+          this._res.promise
+            .then(() => {
+              this._update({});
+              this._clearTimeouts();
+            })
+            .catch(_err => {
+              this._update({});
+              this._clearTimeouts();
+            });
+          this._update({});
         }
-        var LoadableComponent = opts.suspense ? LazyImpl : LoadableImpl;
-        LoadableComponent.preload = function() {
-          return init();
-        };
-        LoadableComponent.displayName = "LoadableComponent";
-        return _react.default.forwardRef(LoadableComponent);
-      }
-      var LoadableSubscription = /*#__PURE__*/ (function() {
-        function LoadableSubscription(loadFn, opts) {
-          _classCallCheck(this, LoadableSubscription);
+        _update(partial) {
+          this._state = _extends(
+            {},
+            this._state,
+            {
+              error: this._res.error,
+              loaded: this._res.loaded,
+              loading: this._res.loading
+            },
+            partial
+          );
+          this._callbacks.forEach(callback => callback());
+        }
+        _clearTimeouts() {
+          clearTimeout(this._delay);
+          clearTimeout(this._timeout);
+        }
+        getCurrentValue() {
+          return this._state;
+        }
+        subscribe(callback) {
+          this._callbacks.add(callback);
+          return () => {
+            this._callbacks.delete(callback);
+          };
+        }
+        constructor(loadFn, opts) {
           this._loadFn = loadFn;
           this._opts = opts;
           this._callbacks = new Set();
@@ -357,127 +374,32 @@
           this._timeout = null;
           this.retry();
         }
-        _createClass(LoadableSubscription, [
-          {
-            key: "promise",
-            value: function promise() {
-              return this._res.promise;
-            }
-          },
-          {
-            key: "retry",
-            value: function retry() {
-              var _this = this;
-              this._clearTimeouts();
-              this._res = this._loadFn(this._opts.loader);
-              this._state = {
-                pastDelay: false,
-                timedOut: false
-              };
-              var ref = this,
-                res = ref._res,
-                opts = ref._opts;
-              if (res.loading) {
-                if (typeof opts.delay === "number") {
-                  if (opts.delay === 0) {
-                    this._state.pastDelay = true;
-                  } else {
-                    this._delay = setTimeout(function() {
-                      _this._update({
-                        pastDelay: true
-                      });
-                    }, opts.delay);
-                  }
-                }
-                if (typeof opts.timeout === "number") {
-                  this._timeout = setTimeout(function() {
-                    _this._update({
-                      timedOut: true
-                    });
-                  }, opts.timeout);
-                }
-              }
-              this._res.promise
-                .then(function() {
-                  _this._update({});
-                  _this._clearTimeouts();
-                })
-                .catch(function(_err) {
-                  _this._update({});
-                  _this._clearTimeouts();
-                });
-              this._update({});
-            }
-          },
-          {
-            key: "_update",
-            value: function _update(partial) {
-              this._state = _extends(
-                {},
-                this._state,
-                {
-                  error: this._res.error,
-                  loaded: this._res.loaded,
-                  loading: this._res.loading
-                },
-                partial
-              );
-              this._callbacks.forEach(function(callback) {
-                return callback();
-              });
-            }
-          },
-          {
-            key: "_clearTimeouts",
-            value: function _clearTimeouts() {
-              clearTimeout(this._delay);
-              clearTimeout(this._timeout);
-            }
-          },
-          {
-            key: "getCurrentValue",
-            value: function getCurrentValue() {
-              return this._state;
-            }
-          },
-          {
-            key: "subscribe",
-            value: function subscribe(callback) {
-              var _this = this;
-              this._callbacks.add(callback);
-              return function() {
-                _this._callbacks.delete(callback);
-              };
-            }
-          }
-        ]);
-        return LoadableSubscription;
-      })();
+      }
       function Loadable(opts) {
         return createLoadableComponent(load, opts);
       }
       function flushInitializers(initializers, ids) {
-        var promises = [];
+        let promises = [];
         while (initializers.length) {
-          var init = initializers.pop();
+          let init = initializers.pop();
           promises.push(init(ids));
         }
-        return Promise.all(promises).then(function() {
+        return Promise.all(promises).then(() => {
           if (initializers.length) {
             return flushInitializers(initializers, ids);
           }
         });
       }
-      Loadable.preloadAll = function() {
-        return new Promise(function(resolveInitializers, reject) {
+      Loadable.preloadAll = () => {
+        return new Promise((resolveInitializers, reject) => {
           flushInitializers(ALL_INITIALIZERS).then(resolveInitializers, reject);
         });
       };
       Loadable.preloadReady = function() {
-        var ids =
+        let ids =
           arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-        return new Promise(function(resolvePreload) {
-          var res = function() {
+        return new Promise(resolvePreload => {
+          const res = () => {
             initialized = true;
             return resolvePreload();
           };
@@ -494,7 +416,7 @@
       /***/
     },
 
-    /***/ 7522: /***/ function(
+    /***/ 1698: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -511,29 +433,25 @@
         1760
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6706
+        9477
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
       );
 
-      var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
-        function() {
-          return __webpack_require__
-            .e(/* import() */ 719)
-            .then(__webpack_require__.bind(__webpack_require__, 8719));
-        },
+      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+        () =>
+          __webpack_require__
+            .e(/* import() */ 258)
+            .then(__webpack_require__.bind(__webpack_require__, 3258)),
         {
           loadableGenerated: {
-            webpack: function() {
-              return [/*require.resolve*/ 8719];
-            }
+            webpack: () => [/*require.resolve*/ 3258]
           }
         }
       );
-      var Page = function() {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
           react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
           {
             children: [
@@ -549,19 +467,18 @@
             ]
           }
         );
-      };
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = Page;
 
       /***/
     },
 
-    /***/ 6706: /***/ function(
+    /***/ 9477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6242);
+      module.exports = __webpack_require__(14);
 
       /***/
     }
@@ -572,7 +489,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8963);
+      return __webpack_exec__(9051);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for edge-ssr-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [800],
   {
-    /***/ 529: /***/ function(
+    /***/ 3839: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function() {
-          return __webpack_require__(8259);
+          return __webpack_require__(6726);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8259: /***/ function(
+    /***/ 6726: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -37,7 +37,7 @@
       function page() {
         return "edge-ssr";
       }
-      var config = {
+      const config = {
         runtime: "experimental-edge"
       };
 
@@ -50,7 +50,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(529);
+      return __webpack_exec__(3839);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for head-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 8780: /***/ function(
+    /***/ 2116: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(4169);
+          return __webpack_require__(8231);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4169: /***/ function(
+    /***/ 8231: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,15 +35,14 @@
         1760
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8722
+        8631
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
       );
 
-      var Page = function() {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
           react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
           {
             children: [
@@ -64,19 +63,18 @@
             ]
           }
         );
-      };
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = Page;
 
       /***/
     },
 
-    /***/ 8722: /***/ function(
+    /***/ 8631: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4380);
+      module.exports = __webpack_require__(3488);
 
       /***/
     }
@@ -87,7 +85,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8780);
+      return __webpack_exec__(2116);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for hooks-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 4076: /***/ function(
+    /***/ 1042: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(9029);
+          return __webpack_require__(7568);
         }
       ]);
       if (false) {
@@ -18,110 +18,61 @@
       /***/
     },
 
-    /***/ 9029: /***/ function(
+    /***/ 7568: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
     ) {
       "use strict";
-      // ESM COMPAT FLAG
       __webpack_require__.r(__webpack_exports__);
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
+        1760
+      );
+      /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
+        6273
+      );
 
-      // EXPORTS
-      __webpack_require__.d(__webpack_exports__, {
-        default: function() {
-          return /* binding */ hooks;
-        }
-      }); // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_array_with_holes.mjs
-
-      function _arrayWithHoles(arr) {
-        if (Array.isArray(arr)) return arr;
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_iterable_to_array.mjs
-
-      function _iterableToArray(iter) {
-        if (
-          (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null) ||
-          iter["@@iterator"] != null
-        )
-          return Array.from(iter);
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_non_iterable_rest.mjs
-
-      function _nonIterableRest() {
-        throw new TypeError(
-          "Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."
+      /* harmony default export */ __webpack_exports__["default"] = () => {
+        const [
+          clicks1,
+          setClicks1
+        ] = react__WEBPACK_IMPORTED_MODULE_1__.useState(0);
+        const [clicks2, setClicks2] = (0,
+        react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
+        const doClick1 = react__WEBPACK_IMPORTED_MODULE_1__.useCallback(() => {
+          setClicks1(clicks1 + 1);
+        }, [clicks1]);
+        const doClick2 = (0,
+        react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(() => {
+          setClicks2(clicks2 + 1);
+        }, [clicks2]);
+        return /*#__PURE__*/ (0,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+          {
+            children: [
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h3", {
+                children: ["Clicks ", clicks1]
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
+                onClick: doClick1,
+                children: "Click me"
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h3", {
+                children: ["Clicks ", clicks2]
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
+                onClick: doClick2,
+                children: "Click me"
+              })
+            ]
+          }
         );
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_array_like_to_array.mjs
-
-      function _arrayLikeToArray(arr, len) {
-        if (len == null || len > arr.length) len = arr.length;
-        for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-        return arr2;
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_unsupported_iterable_to_array.mjs
-
-      function _unsupportedIterableToArray(o, minLen) {
-        if (!o) return;
-        if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-        var n = Object.prototype.toString.call(o).slice(8, -1);
-        if (n === "Object" && o.constructor) n = o.constructor.name;
-        if (n === "Map" || n === "Set") return Array.from(n);
-        if (
-          n === "Arguments" ||
-          /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)
-        )
-          return _arrayLikeToArray(o, minLen);
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/@swc+helpers@0.4.11/node_modules/@swc/helpers/src/_sliced_to_array.mjs
-
-      function _slicedToArray(arr, i) {
-        return (
-          _arrayWithHoles(arr) ||
-          _iterableToArray(arr, i) ||
-          _unsupportedIterableToArray(arr, i) ||
-          _nonIterableRest()
-        );
-      }
-
-      // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-cb5084d1c-20220924/node_modules/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(1760);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-cb5084d1c-20220924/node_modules/react/index.js
-      var react = __webpack_require__(6273); // CONCATENATED MODULE: ./pages/hooks.js
-      /* harmony default export */ function hooks() {
-        var ref = _slicedToArray(react.useState(0), 2),
-          clicks1 = ref[0],
-          setClicks1 = ref[1];
-        var ref1 = (0, react.useState)(0),
-          clicks2 = ref1[0],
-          setClicks2 = ref1[1];
-        var doClick1 = react.useCallback(
-          function() {
-            setClicks1(clicks1 + 1);
-          },
-          [clicks1]
-        );
-        var doClick2 = (0, react.useCallback)(
-          function() {
-            setClicks2(clicks2 + 1);
-          },
-          [clicks2]
-        );
-        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-          children: [
-            /*#__PURE__*/ (0, jsx_runtime.jsxs)("h3", {
-              children: ["Clicks ", clicks1]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)("button", {
-              onClick: doClick1,
-              children: "Click me"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsxs)("h3", {
-              children: ["Clicks ", clicks2]
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)("button", {
-              onClick: doClick2,
-              children: "Click me"
-            })
-          ]
-        });
-      }
+      };
 
       /***/
     }
@@ -132,7 +83,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4076);
+      return __webpack_exec__(1042);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js

Diff too large to display

Diff for index-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 2047: /***/ function(
+    /***/ 1239: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(1593);
+          return __webpack_require__(1871);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1593: /***/ function(
+    /***/ 1871: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -31,9 +31,7 @@
         }
         /* harmony export */
       });
-      var Page = function() {
-        return "Hello world \uD83D\uDC4B";
-      };
+      const Page = () => "Hello world \uD83D\uDC4B";
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = Page;
 
@@ -46,7 +44,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(2047);
+      return __webpack_exec__(1239);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for link-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   {
-    /***/ 9279: /***/ function(
+    /***/ 485: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(8220);
+          return __webpack_require__(809);
         }
       ]);
       if (false) {
@@ -18,23 +18,17 @@
       /***/
     },
 
-    /***/ 5030: /***/ function(module, exports) {
+    /***/ 6647: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.getDomainLocale = getDomainLocale;
-      var basePath =
+      const basePath =
         /* unused pure expression or super */ null && (false || "");
       function getDomainLocale(path, locale, locales, domainLocales) {
         if (false) {
-          var finalLocale,
-            proto,
-            domain,
-            target,
-            detectDomainLocale,
-            normalizeLocalePath;
         } else {
           return false;
         }
@@ -54,14 +48,9 @@
       /***/
     },
 
-    /***/ 8399: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1917: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      var _slicedToArray = __webpack_require__(553) /* ["default"] */.Z;
-      var _typeOf = __webpack_require__(2359)["default"];
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -72,15 +61,15 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _router = __webpack_require__(775);
-      var _addLocale = __webpack_require__(1138);
-      var _routerContext = __webpack_require__(463);
-      var _appRouterContext = __webpack_require__(6456);
-      var _useIntersection = __webpack_require__(2754);
-      var _getDomainLocale = __webpack_require__(5030);
-      var _addBasePath = __webpack_require__(8569);
-      ("client");
-      var prefetched = {};
+      var _router = __webpack_require__(8939);
+      var _addLocale = __webpack_require__(1349);
+      var _routerContext = __webpack_require__(4992);
+      var _appRouterContext = __webpack_require__(9005);
+      var _useIntersection = __webpack_require__(6441);
+      var _getDomainLocale = __webpack_require__(6647);
+      var _addBasePath = __webpack_require__(2193);
+      ("use client");
+      const prefetched = {};
       function prefetch(router, href, as, options) {
         if (false || !router) return;
         if (!(0, _router).isLocalURL(href)) return;
@@ -88,13 +77,11 @@
         // We need to handle a prefetch error here since we may be
         // loading with priority which can reject but we don't
         // want to force navigation since this is only a prefetch
-        Promise.resolve(router.prefetch(href, as, options)).catch(function(
-          err
-        ) {
+        Promise.resolve(router.prefetch(href, as, options)).catch(err => {
           if (false) {
           }
         });
-        var curLocale =
+        const curLocale =
           options && typeof options.locale !== "undefined"
             ? options.locale
             : router && router.locale;
@@ -102,7 +89,7 @@
         prefetched[href + "%" + as + (curLocale ? "%" + curLocale : "")] = true;
       }
       function isModifiedEvent(event) {
-        var target = event.currentTarget.target;
+        const { target } = event.currentTarget;
         return (
           (target && target !== "_self") ||
           event.metaKey ||
@@ -124,9 +111,9 @@
         isAppRouter,
         prefetchEnabled
       ) {
-        var nodeName = e.currentTarget.nodeName;
+        const { nodeName } = e.currentTarget;
         // anchors inside an svg have a lowercase nodeName
-        var isAnchorNodeName = nodeName.toUpperCase() === "A";
+        const isAnchorNodeName = nodeName.toUpperCase() === "A";
         if (
           isAnchorNodeName &&
           (isModifiedEvent(e) || !(0, _router).isLocalURL(href))
@@ -135,18 +122,19 @@
           return;
         }
         e.preventDefault();
-        var navigate = function() {
+        const navigate = () => {
           // If the router is an NextRouter instance it will have `beforePopState`
           if ("beforePopState" in router) {
             router[replace ? "replace" : "push"](href, as, {
-              shallow: shallow,
-              locale: locale,
-              scroll: scroll
+              shallow,
+              locale,
+              scroll
             });
           } else {
             // If `beforePopState` doesn't exist on the router it's the AppRouter.
-            var method = replace ? "replace" : "push";
-            router[method](href, {
+            const method = replace ? "replace" : "push";
+            // Apply `as` if it's provided.
+            router[method](as || href, {
               forceOptimisticNavigation: !prefetchEnabled
             });
           }
@@ -158,255 +146,234 @@
           navigate();
         }
       }
-      var Link = /*#__PURE__*/ _react.default.forwardRef(function LinkComponent(
-        props,
-        forwardedRef
-      ) {
-        if (false) {
-          var hasWarned,
-            optionalProps,
-            optionalPropsGuard,
-            requiredProps,
-            requiredPropsGuard,
-            createPropError;
-        }
-        var children;
-        var hrefProp = props.href,
-          asProp = props.as,
-          childrenProp = props.children,
-          prefetchProp = props.prefetch,
-          passHref = props.passHref,
-          replace = props.replace,
-          shallow = props.shallow,
-          scroll = props.scroll,
-          locale = props.locale,
-          onClick = props.onClick,
-          onMouseEnter = props.onMouseEnter,
-          onTouchStart = props.onTouchStart,
-          _legacyBehavior = props.legacyBehavior,
-          legacyBehavior =
-            _legacyBehavior === void 0
-              ? Boolean(false) !== true
-              : _legacyBehavior,
-          restProps = _object_without_properties_loose(props, [
-            "href",
-            "as",
-            "children",
-            "prefetch",
-            "passHref",
-            "replace",
-            "shallow",
-            "scroll",
-            "locale",
-            "onClick",
-            "onMouseEnter",
-            "onTouchStart",
-            "legacyBehavior"
-          ]);
-        children = childrenProp;
-        if (
-          legacyBehavior &&
-          (typeof children === "string" || typeof children === "number")
-        ) {
-          children = /*#__PURE__*/ _react.default.createElement(
-            "a",
-            null,
-            children
-          );
-        }
-        var p = prefetchProp !== false;
-        var router = _react.default.useContext(_routerContext.RouterContext);
-        // TODO-APP: type error. Remove `as any`
-        var appRouter = _react.default.useContext(
-          _appRouterContext.AppRouterContext
-        );
-        if (appRouter) {
-          router = appRouter;
-        }
-        var ref = _react.default.useMemo(
-            function() {
-              var ref = _slicedToArray(
-                  (0, _router).resolveHref(router, hrefProp, true),
-                  2
-                ),
-                resolvedHref = ref[0],
-                resolvedAs = ref[1];
-              return {
-                href: resolvedHref,
-                as: asProp
-                  ? (0, _router).resolveHref(router, asProp)
-                  : resolvedAs || resolvedHref
-              };
-            },
-            [router, hrefProp, asProp]
-          ),
-          href = ref.href,
-          as = ref.as;
-        var previousHref = _react.default.useRef(href);
-        var previousAs = _react.default.useRef(as);
-        // This will return the first child, if multiple are provided it will throw an error
-        var child;
-        if (legacyBehavior) {
+      /**
+       * React Component that enables client-side transitions between routes.
+       */ const Link = /*#__PURE__*/ _react.default.forwardRef(
+        function LinkComponent(props, forwardedRef) {
           if (false) {
-          } else {
-            child = _react.default.Children.only(children);
           }
-        }
-        var childRef = legacyBehavior
-          ? child && typeof child === "object" && child.ref
-          : forwardedRef;
-        var ref1 = _slicedToArray(
-            (0, _useIntersection).useIntersection({
-              rootMargin: "200px"
-            }),
-            3
-          ),
-          setIntersectionRef = ref1[0],
-          isVisible = ref1[1],
-          resetVisible = ref1[2];
-        var setRef = _react.default.useCallback(
-          function(el) {
-            // Before the link getting observed, check if visible state need to be reset
-            if (previousAs.current !== as || previousHref.current !== href) {
-              resetVisible();
-              previousAs.current = as;
-              previousHref.current = href;
+          let children;
+          const {
+              href: hrefProp,
+              as: asProp,
+              children: childrenProp,
+              prefetch: prefetchProp,
+              passHref,
+              replace,
+              shallow,
+              scroll,
+              locale,
+              onClick,
+              onMouseEnter,
+              onTouchStart,
+              legacyBehavior = Boolean(true) !== true
+            } = props,
+            restProps = _object_without_properties_loose(props, [
+              "href",
+              "as",
+              "children",
+              "prefetch",
+              "passHref",
+              "replace",
+              "shallow",
+              "scroll",
+              "locale",
+              "onClick",
+              "onMouseEnter",
+              "onTouchStart",
+              "legacyBehavior"
+            ]);
+          children = childrenProp;
+          if (
+            legacyBehavior &&
+            (typeof children === "string" || typeof children === "number")
+          ) {
+            children = /*#__PURE__*/ _react.default.createElement(
+              "a",
+              null,
+              children
+            );
+          }
+          const p = prefetchProp !== false;
+          let router = _react.default.useContext(_routerContext.RouterContext);
+          // TODO-APP: type error. Remove `as any`
+          const appRouter = _react.default.useContext(
+            _appRouterContext.AppRouterContext
+          );
+          if (appRouter) {
+            router = appRouter;
+          }
+          const { href, as } = _react.default.useMemo(() => {
+            const [resolvedHref, resolvedAs] = (0, _router).resolveHref(
+              router,
+              hrefProp,
+              true
+            );
+            return {
+              href: resolvedHref,
+              as: asProp
+                ? (0, _router).resolveHref(router, asProp)
+                : resolvedAs || resolvedHref
+            };
+          }, [router, hrefProp, asProp]);
+          const previousHref = _react.default.useRef(href);
+          const previousAs = _react.default.useRef(as);
+          // This will return the first child, if multiple are provided it will throw an error
+          let child;
+          if (legacyBehavior) {
+            if (false) {
+            } else {
+              child = _react.default.Children.only(children);
             }
-            setIntersectionRef(el);
-            if (childRef) {
-              if (typeof childRef === "function") childRef(el);
-              else if (typeof childRef === "object") {
-                childRef.current = el;
+          }
+          const childRef = legacyBehavior
+            ? child && typeof child === "object" && child.ref
+            : forwardedRef;
+          const [setIntersectionRef, isVisible, resetVisible] = (0,
+          _useIntersection).useIntersection({
+            rootMargin: "200px"
+          });
+          const setRef = _react.default.useCallback(
+            el => {
+              // Before the link getting observed, check if visible state need to be reset
+              if (previousAs.current !== as || previousHref.current !== href) {
+                resetVisible();
+                previousAs.current = as;
+                previousHref.current = href;
               }
-            }
-          },
-          [as, childRef, href, resetVisible, setIntersectionRef]
-        );
-        _react.default.useEffect(
-          function() {
-            var shouldPrefetch =
+              setIntersectionRef(el);
+              if (childRef) {
+                if (typeof childRef === "function") childRef(el);
+                else if (typeof childRef === "object") {
+                  childRef.current = el;
+                }
+              }
+            },
+            [as, childRef, href, resetVisible, setIntersectionRef]
+          );
+          _react.default.useEffect(() => {
+            const shouldPrefetch =
               isVisible && p && (0, _router).isLocalURL(href);
-            var curLocale =
+            const curLocale =
               typeof locale !== "undefined" ? locale : router && router.locale;
-            var isPrefetched =
+            const isPrefetched =
               prefetched[href + "%" + as + (curLocale ? "%" + curLocale : "")];
             if (shouldPrefetch && !isPrefetched) {
               prefetch(router, href, as, {
                 locale: curLocale
               });
             }
-          },
-          [as, href, isVisible, locale, p, router]
-        );
-        var childProps = {
-          ref: setRef,
-          onClick: function(e) {
-            if (false) {
-            }
-            if (!legacyBehavior && typeof onClick === "function") {
-              onClick(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onClick === "function"
-            ) {
-              child.props.onClick(e);
-            }
-            if (!e.defaultPrevented) {
-              linkClicked(
-                e,
-                router,
-                href,
-                as,
-                replace,
-                shallow,
-                scroll,
-                locale,
-                Boolean(appRouter),
-                p
-              );
-            }
-          },
-          onMouseEnter: function(e) {
-            if (!legacyBehavior && typeof onMouseEnter === "function") {
-              onMouseEnter(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onMouseEnter === "function"
-            ) {
-              child.props.onMouseEnter(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
-                prefetch(router, href, as, {
-                  priority: true
-                });
+          }, [as, href, isVisible, locale, p, router]);
+          const childProps = {
+            ref: setRef,
+            onClick: e => {
+              if (false) {
               }
-            }
-          },
-          onTouchStart: function(e) {
-            if (!legacyBehavior && typeof onTouchStart === "function") {
-              onTouchStart(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onTouchStart === "function"
-            ) {
-              child.props.onTouchStart(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
-                prefetch(router, href, as, {
-                  priority: true
-                });
+              if (!legacyBehavior && typeof onClick === "function") {
+                onClick(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onClick === "function"
+              ) {
+                child.props.onClick(e);
+              }
+              if (!e.defaultPrevented) {
+                linkClicked(
+                  e,
+                  router,
+                  href,
+                  as,
+                  replace,
+                  shallow,
+                  scroll,
+                  locale,
+                  Boolean(appRouter),
+                  p
+                );
+              }
+            },
+            onMouseEnter: e => {
+              if (!legacyBehavior && typeof onMouseEnter === "function") {
+                onMouseEnter(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onMouseEnter === "function"
+              ) {
+                child.props.onMouseEnter(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
+              }
+            },
+            onTouchStart: e => {
+              if (!legacyBehavior && typeof onTouchStart === "function") {
+                onTouchStart(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onTouchStart === "function"
+              ) {
+                child.props.onTouchStart(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
               }
             }
-          }
-        };
-        // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
-        // defined, we specify the current 'href', so that repetition is not needed by the user
-        if (
-          !legacyBehavior ||
-          passHref ||
-          (child.type === "a" && !("href" in child.props))
-        ) {
-          var curLocale =
-            typeof locale !== "undefined" ? locale : router && router.locale;
-          // we only render domain locales if we are currently on a domain locale
-          // so that locale links are still visitable in development/preview envs
-          var localeDomain =
-            router &&
-            router.isLocaleDomain &&
-            (0, _getDomainLocale).getDomainLocale(
-              as,
-              curLocale,
-              router.locales,
-              router.domainLocales
-            );
-          childProps.href =
-            localeDomain ||
-            (0, _addBasePath).addBasePath(
-              (0, _addLocale).addLocale(
+          };
+          // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
+          // defined, we specify the current 'href', so that repetition is not needed by the user
+          if (
+            !legacyBehavior ||
+            passHref ||
+            (child.type === "a" && !("href" in child.props))
+          ) {
+            const curLocale =
+              typeof locale !== "undefined" ? locale : router && router.locale;
+            // we only render domain locales if we are currently on a domain locale
+            // so that locale links are still visitable in development/preview envs
+            const localeDomain =
+              router &&
+              router.isLocaleDomain &&
+              (0, _getDomainLocale).getDomainLocale(
                 as,
                 curLocale,
-                router && router.defaultLocale
-              )
-            );
+                router.locales,
+                router.domainLocales
+              );
+            childProps.href =
+              localeDomain ||
+              (0, _addBasePath).addBasePath(
+                (0, _addLocale).addLocale(
+                  as,
+                  curLocale,
+                  router && router.defaultLocale
+                )
+              );
+          }
+          return legacyBehavior
+            ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
+            : /*#__PURE__*/ _react.default.createElement(
+                "a",
+                Object.assign({}, restProps, childProps),
+                children
+              );
         }
-        return legacyBehavior
-          ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
-          : /*#__PURE__*/ _react.default.createElement(
-              "a",
-              Object.assign({}, restProps, childProps),
-              children
-            );
-      });
+      );
       var _default = Link;
       exports["default"] = _default;
       if (
@@ -424,61 +391,56 @@
       /***/
     },
 
-    /***/ 2754: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6441: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      var _slicedToArray = __webpack_require__(553) /* ["default"] */.Z;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(2696);
-      var hasIntersectionObserver = typeof IntersectionObserver === "function";
-      var observers = new Map();
-      var idList = [];
+      var _requestIdleCallback = __webpack_require__(7185);
+      const hasIntersectionObserver =
+        typeof IntersectionObserver === "function";
+      const observers = new Map();
+      const idList = [];
       function createObserver(options) {
-        var id = {
+        const id = {
           root: options.root || null,
           margin: options.rootMargin || ""
         };
-        var existing = idList.find(function(obj) {
-          return obj.root === id.root && obj.margin === id.margin;
-        });
-        var instance;
+        const existing = idList.find(
+          obj => obj.root === id.root && obj.margin === id.margin
+        );
+        let instance;
         if (existing) {
           instance = observers.get(existing);
           if (instance) {
             return instance;
           }
         }
-        var elements = new Map();
-        var observer = new IntersectionObserver(function(entries) {
-          entries.forEach(function(entry) {
-            var callback = elements.get(entry.target);
-            var isVisible = entry.isIntersecting || entry.intersectionRatio > 0;
+        const elements = new Map();
+        const observer = new IntersectionObserver(entries => {
+          entries.forEach(entry => {
+            const callback = elements.get(entry.target);
+            const isVisible =
+              entry.isIntersecting || entry.intersectionRatio > 0;
             if (callback && isVisible) {
               callback(isVisible);
             }
           });
         }, options);
         instance = {
-          id: id,
-          observer: observer,
-          elements: elements
+          id,
+          observer,
+          elements
         };
         idList.push(id);
         observers.set(id, instance);
         return instance;
       }
       function observe(element, callback, options) {
-        var ref = createObserver(options),
-          id = ref.id,
-          observer = ref.observer,
-          elements = ref.elements;
+        const { id, observer, elements } = createObserver(options);
         elements.set(element, callback);
         observer.observe(element);
         return function unobserve() {
@@ -488,9 +450,9 @@
           if (elements.size === 0) {
             observer.disconnect();
             observers.delete(id);
-            var index = idList.findIndex(function(obj) {
-              return obj.root === id.root && obj.margin === id.margin;
-            });
+            const index = idList.findIndex(
+              obj => obj.root === id.root && obj.margin === id.margin
+            );
             if (index > -1) {
               idList.splice(index, 1);
             }
@@ -498,50 +460,34 @@
         };
       }
       function useIntersection(param) {
-        var rootRef = param.rootRef,
-          rootMargin = param.rootMargin,
-          disabled = param.disabled;
-        var isDisabled = disabled || !hasIntersectionObserver;
-        var ref = _slicedToArray((0, _react).useState(false), 2),
-          visible = ref[0],
-          setVisible = ref[1];
-        var ref1 = _slicedToArray((0, _react).useState(null), 2),
-          element = ref1[0],
-          setElement = ref1[1];
-        (0, _react).useEffect(
-          function() {
-            if (hasIntersectionObserver) {
-              if (isDisabled || visible) return;
-              if (element && element.tagName) {
-                var unobserve = observe(
-                  element,
-                  function(isVisible) {
-                    return isVisible && setVisible(isVisible);
-                  },
-                  {
-                    root: rootRef == null ? void 0 : rootRef.current,
-                    rootMargin: rootMargin
-                  }
-                );
-                return unobserve;
-              }
-            } else {
-              if (!visible) {
-                var idleCallback = (0,
-                _requestIdleCallback).requestIdleCallback(function() {
-                  return setVisible(true);
-                });
-                return function() {
-                  return (0, _requestIdleCallback).cancelIdleCallback(
-                    idleCallback
-                  );
-                };
-              }
+        let { rootRef, rootMargin, disabled } = param;
+        const isDisabled = disabled || !hasIntersectionObserver;
+        const [visible, setVisible] = (0, _react).useState(false);
+        const [element, setElement] = (0, _react).useState(null);
+        (0, _react).useEffect(() => {
+          if (hasIntersectionObserver) {
+            if (isDisabled || visible) return;
+            if (element && element.tagName) {
+              const unobserve = observe(
+                element,
+                isVisible => isVisible && setVisible(isVisible),
+                {
+                  root: rootRef == null ? void 0 : rootRef.current,
+                  rootMargin
+                }
+              );
+              return unobserve;
             }
-          },
-          [element, isDisabled, rootMargin, rootRef, visible]
-        );
-        var resetVisible = (0, _react).useCallback(function() {
+          } else {
+            if (!visible) {
+              const idleCallback = (0,
+              _requestIdleCallback).requestIdleCallback(() => setVisible(true));
+              return () =>
+                (0, _requestIdleCallback).cancelIdleCallback(idleCallback);
+            }
+          }
+        }, [element, isDisabled, rootMargin, rootRef, visible]);
+        const resetVisible = (0, _react).useCallback(() => {
           setVisible(false);
         }, []);
         return [setElement, visible, resetVisible];
@@ -561,7 +507,7 @@
       /***/
     },
 
-    /***/ 6456: /***/ function(
+    /***/ 9005: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -575,13 +521,13 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var AppRouterContext = _react.default.createContext(null);
+      const AppRouterContext = _react.default.createContext(null);
       exports.AppRouterContext = AppRouterContext;
-      var LayoutRouterContext = _react.default.createContext(null);
+      const LayoutRouterContext = _react.default.createContext(null);
       exports.LayoutRouterContext = LayoutRouterContext;
-      var GlobalLayoutRouterContext = _react.default.createContext(null);
+      const GlobalLayoutRouterContext = _react.default.createContext(null);
       exports.GlobalLayoutRouterContext = GlobalLayoutRouterContext;
-      var TemplateContext = _react.default.createContext(null);
+      const TemplateContext = _react.default.createContext(null);
       exports.TemplateContext = TemplateContext;
       if (false) {
       } //# sourceMappingURL=app-router-context.js.map
@@ -589,7 +535,7 @@
       /***/
     },
 
-    /***/ 8220: /***/ function(
+    /***/ 809: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -606,7 +552,7 @@
         1760
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        7892
+        1777
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -637,12 +583,12 @@
       /***/
     },
 
-    /***/ 7892: /***/ function(
+    /***/ 1777: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8399);
+      module.exports = __webpack_require__(1917);
 
       /***/
     }
@@ -653,7 +599,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(9279);
+      return __webpack_exec__(485);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for routerDirect-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 5847: /***/ function(
+    /***/ 4500: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(4570);
+          return __webpack_require__(6432);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4570: /***/ function(
+    /***/ 6432: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        775
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 775: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2383);
+      module.exports = __webpack_require__(7523);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5847);
+      return __webpack_exec__(4500);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for script-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [797],
   {
-    /***/ 7992: /***/ function(
+    /***/ 7140: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(1161);
+          return __webpack_require__(7839);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1161: /***/ function(
+    /***/ 7839: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,15 +35,14 @@
         1760
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3785
+        4861
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
       );
 
-      var Page = function() {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
           react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
           {
             children: [
@@ -63,19 +62,18 @@
             ]
           }
         );
-      };
       var __N_SSP = true;
       /* harmony default export */ __webpack_exports__["default"] = Page;
 
       /***/
     },
 
-    /***/ 3785: /***/ function(
+    /***/ 4861: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3921);
+      module.exports = false ? 0 : __webpack_require__(2827);
 
       /***/
     }
@@ -86,7 +84,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7992);
+      return __webpack_exec__(7140);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for withRouter-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 5996: /***/ function(
+    /***/ 3377: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        775
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 775: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2383);
+      module.exports = __webpack_require__(7523);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5996);
+      return __webpack_exec__(3377);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 321-HASH.js

Diff too large to display

Diff for 719.HASH.js 
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [719],
+  [258],
   {
-    /***/ 8719: /***/ function(
+    /***/ 3258: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -18,7 +18,7 @@
         1760
       );
 
-      var Hello = function() {
+      const Hello = () => {
         return /*#__PURE__*/ (0,
         react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
           children: "hello world"
Diff for app-internals-HASH.js 
@@ -1,29 +1,20 @@
-// runtime can't be in strict mode because a global variable is assign and maybe created.
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [532, 760],
+  [532],
   {
-    /***/ 5093: /***/ function(
+    /***/ 5226: /***/ function(
       __unused_webpack_module,
-      __webpack_exports__,
+      __unused_webpack_exports,
       __webpack_require__
     ) {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __next_rsc__: function() {
-          return /* binding */ __next_rsc__;
-        },
-        /* harmony export */ default: function() {
-          return /* binding */ RSC;
-        }
-        /* harmony export */
-      });
-
-      const __next_rsc__ = {
-        server: false,
-        __webpack_require__
-      };
-      function RSC() {}
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 2581, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 7148, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 8046, 23)
+      );
 
       /***/
     }
@@ -33,7 +24,10 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ var __webpack_exports__ = __webpack_exec__(5093);
+    /******/ __webpack_require__.O(0, [321], function() {
+      return __webpack_exec__(5226);
+    });
+    /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
   }
Diff for page-25c20a36bd5af608.js 
@@ -0,0 +1,16 @@
+(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760],{
+
+/***/ 3081:
+/***/ (function() {
+
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(3081));
+/******/ _N_E = __webpack_exports__;
+/******/ }
+]);
\ No newline at end of file
Diff for page-e0b090e870162898.js 
deleted
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js

Diff too large to display

Diff for webpack-HASH.js 
@@ -14,8 +14,8 @@
       /******/
     } // Create a new module (and put it into the cache)
     /******/ /******/ var module = (__webpack_module_cache__[moduleId] = {
-      /******/ // no module.id needed
-      /******/ // no module.loaded needed
+      /******/ id: moduleId,
+      /******/ loaded: false,
       /******/ exports: {}
       /******/
     }); // Execute the module function
@@ -33,7 +33,10 @@
     } finally {
       /******/ if (threw) delete __webpack_module_cache__[moduleId];
       /******/
-    } // Return the exports of the module
+    } // Flag the module as loaded
+    /******/
+
+    /******/ /******/ module.loaded = true; // Return the exports of the module
     /******/
 
     /******/ /******/ return module.exports;
@@ -113,6 +116,59 @@
       /******/
     };
     /******/
+  })(); /* webpack/runtime/create fake namespace object */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ var getProto = Object.getPrototypeOf
+      ? function(obj) {
+          return Object.getPrototypeOf(obj);
+        }
+      : function(obj) {
+          return obj.__proto__;
+        };
+    /******/ var leafPrototypes; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 16: return value when it's Promise-like // mode & 8|1: behave like require
+    /******/ /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
+      value,
+      mode
+    ) {
+      /******/ if (mode & 1) value = this(value);
+      /******/ if (mode & 8) return value;
+      /******/ if (typeof value === "object" && value) {
+        /******/ if (mode & 4 && value.__esModule) return value;
+        /******/ if (mode & 16 && typeof value.then === "function")
+          return value;
+        /******/
+      }
+      /******/ var ns = Object.create(null);
+      /******/ __webpack_require__.r(ns);
+      /******/ var def = {};
+      /******/ leafPrototypes = leafPrototypes || [
+        null,
+        getProto({}),
+        getProto([]),
+        getProto(getProto)
+      ];
+      /******/ for (
+        var current = mode & 2 && value;
+        typeof current == "object" && !~leafPrototypes.indexOf(current);
+        current = getProto(current)
+      ) {
+        /******/ Object.getOwnPropertyNames(current).forEach(function(key) {
+          def[key] = function() {
+            return value[key];
+          };
+        });
+        /******/
+      }
+      /******/ def["default"] = function() {
+        return value;
+      };
+      /******/ __webpack_require__.d(ns, def);
+      /******/ return ns;
+      /******/
+    };
+    /******/
   })(); /* webpack/runtime/define property getters */
   /******/
 
@@ -159,7 +215,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "af92bec8d88a7c71" + ".js"
+        "static/chunks/" + chunkId + "." + "a99cc5432aadf4b3" + ".js"
       );
       /******/
     };
@@ -175,6 +231,30 @@
       /******/
     };
     /******/
+  })(); /* webpack/runtime/getFullHash */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ __webpack_require__.h = function() {
+      return "eb52dae208edfa98";
+    };
+    /******/
+  })(); /* webpack/runtime/global */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ __webpack_require__.g = (function() {
+      /******/ if (typeof globalThis === "object") return globalThis;
+      /******/ try {
+        /******/ return this || new Function("return this")();
+        /******/
+      } catch (e) {
+        /******/ if (typeof window === "object") return window;
+        /******/
+      }
+      /******/
+    })();
+    /******/
   })(); /* webpack/runtime/hasOwnProperty shorthand */
   /******/
 
@@ -274,6 +354,17 @@
       /******/
     };
     /******/
+  })(); /* webpack/runtime/node module decorator */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ __webpack_require__.nmd = function(module) {
+      /******/ module.paths = [];
+      /******/ if (!module.children) module.children = [];
+      /******/ return module;
+      /******/
+    };
+    /******/
   })(); /* webpack/runtime/trusted types policy */
   /******/
Diff for index.html 
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-a9f026eee389fef1.js"
+      src="/_next/static/chunks/webpack-bbfa9c50d211b145.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-023b1a7aa5e9c70c.js"
+      src="/_next/static/chunks/main-6335a88f3447dcaf.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b9787d582c30d45b.js"
+      src="/_next/static/chunks/pages/_app-4d8e9e8280752ee5.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-5eb0c6dd1b07f92f.js"
+      src="/_next/static/chunks/pages/index-8699047b8716cc71.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html 
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-a9f026eee389fef1.js"
+      src="/_next/static/chunks/webpack-bbfa9c50d211b145.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-023b1a7aa5e9c70c.js"
+      src="/_next/static/chunks/main-6335a88f3447dcaf.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b9787d582c30d45b.js"
+      src="/_next/static/chunks/pages/_app-4d8e9e8280752ee5.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-f6e392ae6222b635.js"
+      src="/_next/static/chunks/pages/link-f506bba9c92649e7.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html 
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-a9f026eee389fef1.js"
+      src="/_next/static/chunks/webpack-bbfa9c50d211b145.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-023b1a7aa5e9c70c.js"
+      src="/_next/static/chunks/main-6335a88f3447dcaf.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b9787d582c30d45b.js"
+      src="/_next/static/chunks/pages/_app-4d8e9e8280752ee5.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-4bec812943e988d1.js"
+      src="/_next/static/chunks/pages/withRouter-e2665105678e51dc.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Please sign in to comment.