Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

next/navigation Typescript support for pages/ #45919

Merged
merged 5 commits into from
Feb 15, 2023
Merged

next/navigation Typescript support for pages/ #45919

merged 5 commits into from
Feb 15, 2023

Conversation

wyattjoh
Copy link
Member

@wyattjoh wyattjoh commented Feb 14, 2023 •
edited by timneutkens
Loading

When you're trying to migrate an application from pages/ to app/, you'll need to access data like search parameters and the pathname in a way that lets you migrate safely.

This adds support for dynamic typing of some of those exported functions from next/navigation, namely useSearchParams and usePathname. Currently, searchParams can’t be known when prerendering if the page doesn’t use Server-side Rendering in the pages/ directory. pathname can’t be known during prerendering if the page is a fallback page or has been automatically statically optimized when accessed from pages/.

To make migrations easier, this adds a new feature to next dev that will automatically add the correct types for next/navigation. It does this by checking if you have both a app/ and pages/ directory. If it detects you have a app/ directory, it will also enable the suggested Typescript feature, structNullChecks which will warn developers when trying to access a value that may be null.

@ijjk ijjk added created-by: Next.js team PRs by the Next.js team. type: next labels Feb 14, 2023
@wyattjoh wyattjoh mentioned this pull request Feb 14, 2023
Closed
@ijjk
Copy link
Member

ijjk commented Feb 14, 2023 •
edited
Loading

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
buildDuration 45.2s 45.3s ⚠️ +134ms
buildDurationCached 12s 11.9s -127ms
nodeModulesSize 105 MB 105 MB ⚠️ +13 kB
nextStartRea..uration (ms) 363ms 327ms -36ms
Client Bundles (main, webpack) Overall decrease ✓
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
246.HASH.js gzip 181 B 181 B ✓
843-HASH.js gzip 65.8 kB 65.8 kB -10 B
main-app-HASH.js gzip 205 B 204 B -1 B
main-HASH.js gzip 79 kB 79 kB -3 B
webpack-HASH.js gzip 1.7 kB 1.7 kB ⚠️ +1 B
Overall change 147 kB 147 kB -13 B
Legacy Client Bundles (polyfills)
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
polyfills-HASH.js gzip 31 kB 31 kB ✓
Overall change 31 kB 31 kB ✓
Client Pages Overall decrease ✓
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
_app-HASH.js gzip 192 B 192 B ✓
_error-HASH.js gzip 179 B 178 B -1 B
amp-HASH.js gzip 482 B 483 B ⚠️ +1 B
css-HASH.js gzip 801 B 804 B ⚠️ +3 B
dynamic-HASH.js gzip 2.27 kB 2.27 kB -2 B
edge-ssr-HASH.js gzip 259 B 258 B -1 B
head-HASH.js gzip 830 B 828 B -2 B
hooks-HASH.js gzip 850 B 848 B -2 B
image-HASH.js gzip 4.33 kB 4.32 kB -2 B
index-HASH.js gzip 253 B 253 B ✓
link-HASH.js gzip 2.72 kB 2.72 kB -3 B
routerDirect..HASH.js gzip 781 B 781 B ✓
script-HASH.js gzip 859 B 856 B -3 B
withRouter-HASH.js gzip 781 B 781 B ✓
85e02e95b279..7e3.css gzip 107 B 107 B ✓
Overall change 15.7 kB 15.7 kB -12 B
Client Build Manifests Overall decrease ✓
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
_buildManifest.js gzip 484 B 483 B -1 B
Overall change 484 B 483 B -1 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
index.html gzip 489 B 490 B ⚠️ +1 B
link.html gzip 504 B 505 B ⚠️ +1 B
withRouter.html gzip 484 B 485 B ⚠️ +1 B
Overall change 1.48 kB 1.48 kB ⚠️ +3 B
Edge SSR bundle Size Overall increase ⚠️
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
edge-ssr.js gzip 114 kB 114 kB -1 B
page.js gzip 81.3 kB 81.3 kB ⚠️ +9 B
Overall change 195 kB 195 kB ⚠️ +8 B
Middleware size Overall increase ⚠️
vercel/next.js canary wyattjoh/next.js wyattjoh/null-navigation-hooks Change
middleware-b..fest.js gzip 587 B 586 B -1 B
middleware-r..fest.js gzip 145 B 144 B -1 B
middleware.js gzip 27.3 kB 27.3 kB ⚠️ +3 B
edge-runtime..pack.js gzip 1.83 kB 1.83 kB ✓
Overall change 29.9 kB 29.9 kB ⚠️ +1 B

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js 
@@ -7,81 +7,81 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-778ee737b42dbd09.js",
-    "static/chunks/843-a6ec77030253bd72.js",
-    "static/chunks/main-app-257c6964f83cc151.js"
+    "static/chunks/webpack-078d588fd47873c4.js",
+    "static/chunks/983-c31cbbbeaae1ca85.js",
+    "static/chunks/main-app-1d8c4d61faeb0d52.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/index-72f4ed6964652f6a.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/index-a1c4d9d8497dbefb.js"
     ],
     "/_app": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/_app-02fdba2e11c62c3b.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/_app-b68f71a961b48916.js"
     ],
     "/_error": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/_error-c6d6c7c386122218.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/_error-a22ef5f48ba8184b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/amp-b62e7c28809c13e0.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/amp-eaaa44ffdc03cc2c.js"
     ],
     "/css": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-b240b12762431318.js"
+      "static/chunks/pages/css-92fbf8fdda39f165.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/dynamic-dbb2ff3d32b913f9.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/dynamic-e47195a0fa3d3ead.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/edge-ssr-a57e88de1ff426bd.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/edge-ssr-18640e2c6cb99ab4.js"
     ],
     "/head": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/head-b5894c626904a778.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/head-f756eefe15b9eed2.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/hooks-874b5779f127e436.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/hooks-74323ca92508884f.js"
     ],
     "/image": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/image-4a7835c4e7d52fda.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/image-00185e15271bf249.js"
     ],
     "/link": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/link-6c0c607096fd888e.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/link-ce7425b549d600f1.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/routerDirect-0be908911bf83c00.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/routerDirect-cdbb1d3e934b20a6.js"
     ],
     "/script": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/script-fa22c9b29b4b53ec.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/script-58920c0195960d69.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-c5bbc8d78d0772e6.js",
-      "static/chunks/pages/withRouter-9bdea6c06adf2771.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-827a5dee3f8a6f93.js",
+      "static/chunks/pages/withRouter-7121e5a8488cd783.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js 
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 1246,
-    files: ["static/chunks/246.a0afad3905ddc3ff.js"]
+    id: 7363,
+    files: ["static/chunks/363.ab0825baf290f32b.js"]
   }
 };
Diff for middleware.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 222: /***/ (
+    /***/ 2724: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,7 +14,7 @@
       __webpack_require__.d(__webpack_exports__, {
         default: () =>
           /* binding */ next_middleware_loaderabsolutePagePath_private_next_root_dir_2Fmiddleware_js_page_2Fmiddleware_rootDir_2Ftmp_2Fnext_statsgEeDFH_2Fstats_app_matchers_
-      }); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/error.js
+      }); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/error.js
 
       class PageSignatureError extends Error {
         constructor({ page }) {
@@ -41,7 +41,7 @@
   Read more: https://nextjs.org/docs/messages/middleware-parse-user-agent
   `);
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/utils.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/utils.js
 
       //# sourceMappingURL=error.js.map
       function fromNodeHeaders(object) {
@@ -157,7 +157,7 @@
             }
           );
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/fetch-event.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/fetch-event.js
 
       //# sourceMappingURL=utils.js.map
       const responseSymbol = Symbol("response");
@@ -203,7 +203,7 @@
             page: this.sourcePage
           });
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/i18n/detect-domain-locale.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/i18n/detect-domain-locale.js
 
       //# sourceMappingURL=fetch-event.js.map
       function detectDomainLocale(domainItems, hostname, detectedLocale) {
@@ -232,7 +232,7 @@
           }
         }
         return domainItem;
-      } //# sourceMappingURL=detect-domain-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/remove-trailing-slash.js
+      } //# sourceMappingURL=detect-domain-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/remove-trailing-slash.js
 
       /**
        * Removes the trailing slash for a given route or page path. Preserves the
@@ -242,7 +242,7 @@
        *   - `/` -> `/`
        */ function removeTrailingSlash(route) {
         return route.replace(/\/$/, "") || "/";
-      } //# sourceMappingURL=remove-trailing-slash.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/parse-path.js
+      } //# sourceMappingURL=remove-trailing-slash.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/parse-path.js
 
       /**
        * Given a path this function will find the pathname, query and hash and return
@@ -270,7 +270,7 @@
           query: "",
           hash: ""
         };
-      } //# sourceMappingURL=parse-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-path-prefix.js
+      } //# sourceMappingURL=parse-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-path-prefix.js
 
       /**
        * Adds the provided prefix to the given path. It first ensures that the path
@@ -281,7 +281,7 @@
         }
         const { pathname, query, hash } = parsePath(path);
         return `${prefix}${pathname}${query}${hash}`;
-      } //# sourceMappingURL=add-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-path-suffix.js
+      } //# sourceMappingURL=add-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-path-suffix.js
 
       /**
        * Similarly to `addPathPrefix`, this function adds a suffix at the end on the
@@ -293,7 +293,7 @@
         }
         const { pathname, query, hash } = parsePath(path);
         return `${pathname}${suffix}${query}${hash}`;
-      } //# sourceMappingURL=add-path-suffix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/path-has-prefix.js
+      } //# sourceMappingURL=add-path-suffix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/path-has-prefix.js
 
       /**
        * Checks if a given path starts with a given prefix. It ensures it matches
@@ -307,7 +307,7 @@
         }
         const { pathname } = parsePath(path);
         return pathname === prefix || pathname.startsWith(prefix + "/");
-      } //# sourceMappingURL=path-has-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-locale.js
+      } //# sourceMappingURL=path-has-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/add-locale.js
 
       /**
        * For a given path and a locale, if the locale is given, it will prefix the
@@ -324,7 +324,7 @@
           return addPathPrefix(path, `/${locale}`);
         }
         return path;
-      } //# sourceMappingURL=add-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/format-next-pathname-info.js
+      } //# sourceMappingURL=add-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/format-next-pathname-info.js
 
       function formatNextPathnameInfo(info) {
         let pathname = addLocale(
@@ -348,7 +348,7 @@
             ? addPathSuffix(pathname, "/")
             : pathname
           : removeTrailingSlash(pathname);
-      } //# sourceMappingURL=format-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/get-hostname.js
+      } //# sourceMappingURL=format-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/get-hostname.js
 
       /**
        * Takes an object with a hostname property (like a parsed URL) and some
@@ -363,7 +363,7 @@
           parsed.hostname) == null
           ? void 0
           : ref.split(":")[0].toLowerCase();
-      } //# sourceMappingURL=get-hostname.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/i18n/normalize-locale-path.js
+      } //# sourceMappingURL=get-hostname.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/i18n/normalize-locale-path.js
 
       /**
        * For a pathname that may include a locale from a list of locales, it
@@ -393,7 +393,7 @@
           pathname,
           detectedLocale
         };
-      } //# sourceMappingURL=normalize-locale-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/remove-path-prefix.js
+      } //# sourceMappingURL=normalize-locale-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/remove-path-prefix.js
 
       /**
        * Given a path and a prefix it will remove the prefix when it exists in the
@@ -409,7 +409,7 @@
             : `/${withoutPrefix}`;
         }
         return path;
-      } //# sourceMappingURL=remove-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/get-next-pathname-info.js
+      } //# sourceMappingURL=remove-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/get-next-pathname-info.js
 
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
@@ -446,7 +446,7 @@
             info.pathname;
         }
         return info;
-      } //# sourceMappingURL=get-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/next-url.js
+      } //# sourceMappingURL=get-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/next-url.js
 
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
@@ -655,7 +655,7 @@
         clone() {
           return new NextURL(String(this), this[Internal].options);
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/serialize.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/serialize.js
 
       //# sourceMappingURL=next-url.js.map
       const SAME_SITE = ["strict", "lax", "none"];
@@ -739,7 +739,7 @@
           })
         };
         return compact(cookie);
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/request-cookies.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/request-cookies.js
 
       //# sourceMappingURL=serialize.js.map
       /**
@@ -832,7 +832,7 @@
             Object.fromEntries(this._parsed)
           )}`;
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/response-cookies.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/response-cookies.js
 
       //# sourceMappingURL=request-cookies.js.map
       function replace(bag, headers) {
@@ -927,7 +927,7 @@
             Object.fromEntries(this._parsed)
           )}`;
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/index.js // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/request.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/cookies/index.js // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/request.js
 
       //# sourceMappingURL=response-cookies.js.map
       //# sourceMappingURL=index.js.map
@@ -1002,7 +1002,7 @@
         get url() {
           return this[INTERNALS].url.toString();
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/response.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/spec-extension/response.js
 
       //# sourceMappingURL=request.js.map
       const response_INTERNALS = Symbol("internal response");
@@ -1102,7 +1102,7 @@
             headers
           });
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/relativize-url.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/relativize-url.js
 
       //# sourceMappingURL=response.js.map
       /**
@@ -1116,7 +1116,7 @@
         return `${relative.protocol}//${relative.host}` === origin
           ? relative.toString().replace(origin, "")
           : relative.toString();
-      } //# sourceMappingURL=relativize-url.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/internal-utils.js
+      } //# sourceMappingURL=relativize-url.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/internal-utils.js
 
       const INTERNAL_QUERY_NAMES = [
         "__nextFallback",
@@ -1140,7 +1140,7 @@
           }
         }
         return searchParams;
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/app-paths.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/shared/lib/router/utils/app-paths.js
 
       //# sourceMappingURL=internal-utils.js.map
       /**
@@ -1189,7 +1189,7 @@
       }
       function normalizeRscPath(pathname, enabled) {
         return enabled ? pathname.replace(/\.rsc($|\?)/, "") : pathname;
-      } //# sourceMappingURL=app-paths.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/client/components/app-router-headers.js
+      } //# sourceMappingURL=app-paths.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/client/components/app-router-headers.js
 
       const RSC = "RSC";
       const ACTION = "Action";
@@ -1202,7 +1202,7 @@
         [RSC],
         [NEXT_ROUTER_STATE_TREE],
         [NEXT_ROUTER_PREFETCH]
-      ]; //# sourceMappingURL=app-router-headers.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/adapter.js
+      ]; //# sourceMappingURL=app-router-headers.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/esm/server/web/adapter.js
 
       class NextRequestHint extends NextRequest {
         constructor(params) {
@@ -1403,12 +1403,12 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
           enumerable: false,
           configurable: false
         });
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=private-next-root-dir%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Ftmp%2Fnext-statsgEeDFH%2Fstats-app&matchers=!
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=private-next-root-dir%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Ftmp%2Fnext-statsgEeDFH%2Fstats-app&matchers=!
 
       //# sourceMappingURL=adapter.js.map
       enhanceGlobals();
 
-      var mod = __webpack_require__(1085);
+      var mod = __webpack_require__(8775);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -1430,7 +1430,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1085: /***/ (
+    /***/ 8775: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1442,7 +1442,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8352
+        9541
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -1455,7 +1455,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4989: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8239: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1475,7 +1475,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1962: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7034: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1513,7 +1513,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6450: /***/ (__unused_webpack_module, exports) => {
+    /***/ 4375: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1545,15 +1545,19 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 12: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
+    /***/ 9312: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(3120);
-      var _pathHasPrefix = __webpack_require__(3245);
+      var _addPathPrefix = __webpack_require__(623);
+      var _pathHasPrefix = __webpack_require__(3002);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -1573,7 +1577,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3120: /***/ (
+    /***/ 623: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1584,7 +1588,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(7718);
+      var _parsePath = __webpack_require__(5655);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -1596,7 +1600,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 5839: /***/ (
+    /***/ 7928: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1607,7 +1611,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(7718);
+      var _parsePath = __webpack_require__(5655);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -1619,7 +1623,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9364: /***/ (
+    /***/ 3580: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1630,10 +1634,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(9944);
-      var _addPathPrefix = __webpack_require__(3120);
-      var _addPathSuffix = __webpack_require__(5839);
-      var _addLocale = __webpack_require__(12);
+      var _removeTrailingSlash = __webpack_require__(7088);
+      var _addPathPrefix = __webpack_require__(623);
+      var _addPathSuffix = __webpack_require__(7928);
+      var _addLocale = __webpack_require__(9312);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -1664,7 +1668,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9551: /***/ (
+    /***/ 1547: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1675,9 +1679,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(6450);
-      var _removePathPrefix = __webpack_require__(4933);
-      var _pathHasPrefix = __webpack_require__(3245);
+      var _normalizeLocalePath = __webpack_require__(4375);
+      var _removePathPrefix = __webpack_require__(5620);
+      var _pathHasPrefix = __webpack_require__(3002);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -1727,7 +1731,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 7718: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5655: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1761,7 +1765,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3245: /***/ (
+    /***/ 3002: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1772,7 +1776,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(7718);
+      var _parsePath = __webpack_require__(5655);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -1784,7 +1788,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4933: /***/ (
+    /***/ 5620: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1795,7 +1799,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(3245);
+      var _pathHasPrefix = __webpack_require__(3002);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -1809,7 +1813,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9944: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7088: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1823,7 +1827,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6166: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6204: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -2665,7 +2669,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4524: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8666: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2706,7 +2710,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3062: /***/ (
+    /***/ 4901: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2716,10 +2720,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(1962);
-      var _formatNextPathnameInfo = __webpack_require__(9364);
-      var _getHostname = __webpack_require__(4989);
-      var _getNextPathnameInfo = __webpack_require__(9551);
+      var _detectDomainLocale = __webpack_require__(7034);
+      var _formatNextPathnameInfo = __webpack_require__(3580);
+      var _getHostname = __webpack_require__(8239);
+      var _getNextPathnameInfo = __webpack_require__(1547);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -2939,7 +2943,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6915: /***/ (
+    /***/ 4580: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2961,15 +2965,15 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
           return _responseCookies.ResponseCookies;
         }
       });
-      var _requestCookies = __webpack_require__(6079);
-      var _responseCookies = __webpack_require__(9442);
+      var _requestCookies = __webpack_require__(7205);
+      var _responseCookies = __webpack_require__(9618);
 
       //# sourceMappingURL=index.js.map
 
       /***/
     },
 
-    /***/ 6079: /***/ (
+    /***/ 7205: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2979,7 +2983,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _serialize = __webpack_require__(8213);
+      var _serialize = __webpack_require__(8477);
       class RequestCookies {
         _parsed = new Map();
         constructor(requestHeaders) {
@@ -3076,7 +3080,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9442: /***/ (
+    /***/ 9618: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3086,7 +3090,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _serialize = __webpack_require__(8213);
+      var _serialize = __webpack_require__(8477);
       function replace(bag, headers) {
         headers.delete("set-cookie");
         for (const [, value] of bag) {
@@ -3183,7 +3187,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8213: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8477: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3276,7 +3280,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 5829: /***/ (
+    /***/ 5985: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3288,10 +3292,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       };
       __webpack_unused_export__ = void 0;
-      var _nextUrl = __webpack_require__(3062);
-      var _utils = __webpack_require__(88);
-      var _error = __webpack_require__(4524);
-      var _cookies = __webpack_require__(6915);
+      var _nextUrl = __webpack_require__(4901);
+      var _utils = __webpack_require__(30);
+      var _error = __webpack_require__(8666);
+      var _cookies = __webpack_require__(4580);
       const INTERNALS = Symbol("internal request");
       __webpack_unused_export__ = INTERNALS;
       class NextRequest extends Request {
@@ -3372,7 +3376,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 5277: /***/ (
+    /***/ 5165: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3383,9 +3387,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = {
         value: true
       };
-      var _nextUrl = __webpack_require__(3062);
-      var _utils = __webpack_require__(88);
-      var _cookies = __webpack_require__(6915);
+      var _nextUrl = __webpack_require__(4901);
+      var _utils = __webpack_require__(30);
+      var _cookies = __webpack_require__(4580);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       function handleMiddlewareField(init, headers) {
@@ -3494,7 +3498,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 7873: /***/ (
+    /***/ 9132: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3508,7 +3512,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(6166));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(6204));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -3536,7 +3540,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 88: /***/ (__unused_webpack_module, exports) => {
+    /***/ 30: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3653,14 +3657,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8352: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9541: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(5829) /* .NextRequest */.Im,
-        NextResponse: __webpack_require__(5277) /* .NextResponse */.x,
+        NextRequest: __webpack_require__(5985) /* .NextRequest */.Im,
+        NextResponse: __webpack_require__(5165) /* .NextResponse */.x,
         userAgentFromString: __webpack_require__(
-          7873
+          9132
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(7873) /* .userAgent */.WE
+        userAgent: __webpack_require__(9132) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -3686,7 +3690,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(222);
+    /******/ var __webpack_exports__ = __webpack_exec__(2724);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}
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-72f4ed6964652f6a.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-c6d6c7c386122218.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-b62e7c28809c13e0.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-a1c4d9d8497dbefb.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-a22ef5f48ba8184b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-eaaa44ffdc03cc2c.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-b240b12762431318.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-92fbf8fdda39f165.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-dbb2ff3d32b913f9.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-e47195a0fa3d3ead.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-a57e88de1ff426bd.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-18640e2c6cb99ab4.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-b5894c626904a778.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-874b5779f127e436.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-4a7835c4e7d52fda.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-6c0c607096fd888e.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-f756eefe15b9eed2.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-74323ca92508884f.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-00185e15271bf249.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-ce7425b549d600f1.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-0be908911bf83c00.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-cdbb1d3e934b20a6.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-fa22c9b29b4b53ec.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-58920c0195960d69.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-9bdea6c06adf2771.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-7121e5a8488cd783.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 3115: /***/ function(
+    /***/ 1113: /***/ 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__(5791);
+          return __webpack_require__(9203);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [179], function() {
-      return __webpack_exec__(3115), __webpack_exec__(8995);
+      return __webpack_exec__(1113), __webpack_exec__(2830);
     });
     /******/ 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],
   {
-    /***/ 5374: /***/ function(
+    /***/ 3363: /***/ 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__(9437);
+          return __webpack_require__(169);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5374);
+      return __webpack_exec__(3363);
     });
     /******/ 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],
   {
-    /***/ 8510: /***/ function(
+    /***/ 8753: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6146);
+      module.exports = __webpack_require__(893);
 
       /***/
     },
 
-    /***/ 7010: /***/ function(
+    /***/ 5348: /***/ 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__(2725);
+          return __webpack_require__(1542);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 6146: /***/ function(module, exports, __webpack_require__) {
+    /***/ 893: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -37,9 +37,9 @@
       exports.useAmp = useAmp;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _ampContext = __webpack_require__(7298);
-      var _ampMode = __webpack_require__(3798);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _ampContext = __webpack_require__(2218);
+      var _ampMode = __webpack_require__(3734);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 2725: /***/ function(
+    /***/ 1542: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8510
+        8753
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(7010);
+      return __webpack_exec__(5348);
     });
     /******/ 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],
   {
-    /***/ 860: /***/ function(
+    /***/ 6437: /***/ 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__(2998);
+          return __webpack_require__(5892);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2998: /***/ function(
+    /***/ 5892: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -26,10 +26,10 @@
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        979
+        9993
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -49,14 +49,14 @@
       /***/
     },
 
-    /***/ 979: /***/ function(module) {
+    /***/ 9993: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -71,7 +71,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,7 +114,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
@@ -127,7 +127,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(860);
+      return __webpack_exec__(6437);
     });
     /******/ 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],
   {
-    /***/ 3995: /***/ function(
+    /***/ 7753: /***/ 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__(9780);
+          return __webpack_require__(685);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4648: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9809: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -29,8 +29,8 @@
       var _extends = __webpack_require__(5321) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _loadable = _interop_require_default(__webpack_require__(7007));
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _loadable = _interop_require_default(__webpack_require__(7936));
       function dynamic(dynamicOptions, options) {
         let loadableFn = _loadable.default;
         let loadableOptions = {
@@ -127,7 +127,7 @@
       /***/
     },
 
-    /***/ 1446: /***/ function(
+    /***/ 9851: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -140,7 +140,7 @@
       exports.LoadableContext = void 0;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
+      var _react = _interop_require_default(__webpack_require__(465));
       const LoadableContext = _react.default.createContext(null);
       exports.LoadableContext = LoadableContext;
       if (false) {
@@ -149,7 +149,7 @@
       /***/
     },
 
-    /***/ 7007: /***/ function(
+    /***/ 7936: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -163,8 +163,8 @@
       var _extends = __webpack_require__(5321) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _loadableContext = __webpack_require__(1446);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _loadableContext = __webpack_require__(9851);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -404,7 +404,7 @@
       /***/
     },
 
-    /***/ 9780: /***/ function(
+    /***/ 685: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -418,10 +418,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6113
+        2677
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -430,11 +430,11 @@
       const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         () =>
           __webpack_require__
-            .e(/* import() */ 246)
-            .then(__webpack_require__.bind(__webpack_require__, 1246)),
+            .e(/* import() */ 363)
+            .then(__webpack_require__.bind(__webpack_require__, 7363)),
         {
           loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 1246]
+            webpack: () => [/*require.resolve*/ 7363]
           }
         }
       );
@@ -461,7 +461,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -476,7 +476,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -511,7 +511,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -519,19 +519,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 6113: /***/ function(
+    /***/ 2677: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4648);
+      module.exports = __webpack_require__(9809);
 
       /***/
     }
@@ -542,7 +542,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(3995);
+      return __webpack_exec__(7753);
     });
     /******/ 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],
   {
-    /***/ 6219: /***/ function(
+    /***/ 6027: /***/ 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__(5260);
+          return __webpack_require__(699);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5260: /***/ function(
+    /***/ 699: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -50,7 +50,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(6219);
+      return __webpack_exec__(6027);
     });
     /******/ 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],
   {
-    /***/ 2899: /***/ function(
+    /***/ 6955: /***/ 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__(6603);
+          return __webpack_require__(8620);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6603: /***/ function(
+    /***/ 8620: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8412
+        9046
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -69,7 +69,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -84,7 +84,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -119,7 +119,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -127,19 +127,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 8412: /***/ function(
+    /***/ 9046: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9461);
+      module.exports = __webpack_require__(2483);
 
       /***/
     }
@@ -150,7 +150,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2899);
+      return __webpack_exec__(6955);
     });
     /******/ 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],
   {
-    /***/ 2304: /***/ function(
+    /***/ 7819: /***/ 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__(8586);
+          return __webpack_require__(708);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8586: /***/ function(
+    /***/ 708: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -26,10 +26,10 @@
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        2947
+        465
       );
 
       /* harmony default export */ __webpack_exports__["default"] = () => {
@@ -77,7 +77,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -92,7 +92,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -127,7 +127,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -135,7 +135,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
@@ -148,7 +148,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2304);
+      return __webpack_exec__(7819);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [358],
   {
-    /***/ 5885: /***/ function(
+    /***/ 801: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(3478);
+          return __webpack_require__(1345);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9533: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4455: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,13 +34,13 @@
       var _object_without_properties_loose = __webpack_require__(
         6239
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(2947));
-      var _head = _interop_require_default(__webpack_require__(9461));
-      var _imageBlurSvg = __webpack_require__(3038);
-      var _imageConfig = __webpack_require__(3635);
-      var _imageConfigContext = __webpack_require__(1645);
-      var _warnOnce = __webpack_require__(6607);
-      var _imageLoader = _interop_require_default(__webpack_require__(8224));
+      var _react = _interop_require_wildcard(__webpack_require__(465));
+      var _head = _interop_require_default(__webpack_require__(2483));
+      var _imageBlurSvg = __webpack_require__(1858);
+      var _imageConfig = __webpack_require__(2057);
+      var _imageConfigContext = __webpack_require__(7534);
+      var _warnOnce = __webpack_require__(6547);
+      var _imageLoader = _interop_require_default(__webpack_require__(8326));
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
         imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
@@ -696,7 +696,7 @@
       /***/
     },
 
-    /***/ 3038: /***/ function(__unused_webpack_module, exports) {
+    /***/ 1858: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -749,7 +749,7 @@
       /***/
     },
 
-    /***/ 8224: /***/ function(__unused_webpack_module, exports) {
+    /***/ 8326: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -775,7 +775,7 @@
       /***/
     },
 
-    /***/ 3478: /***/ function(
+    /***/ 1345: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -794,10 +794,10 @@
         }
       });
 
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(3268);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
-      var next_image = __webpack_require__(3960);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(9701);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
+      var next_image = __webpack_require__(8249);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -827,7 +827,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -842,7 +842,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -877,7 +877,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -885,19 +885,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3960: /***/ function(
+    /***/ 8249: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9533);
+      module.exports = __webpack_require__(4455);
 
       /***/
     }
@@ -908,7 +908,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5885);
+      return __webpack_exec__(801);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for index-HASH.js 
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 3558: /***/ function(
+    /***/ 6481: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(9407);
+          return __webpack_require__(839);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9407: /***/ function(
+    /***/ 839: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -44,7 +44,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(3558);
+      return __webpack_exec__(6481);
     });
     /******/ 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],
   {
-    /***/ 8662: /***/ function(
+    /***/ 7014: /***/ 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__(5302);
+          return __webpack_require__(4493);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 206: /***/ function(module, exports) {
+    /***/ 2999: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 5539: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5791: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -60,16 +60,16 @@
       var _object_without_properties_loose = __webpack_require__(
         6239
       ) /* ["default"] */.Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _resolveHref = __webpack_require__(7656);
-      var _isLocalUrl = __webpack_require__(257);
-      var _formatUrl = __webpack_require__(6890);
-      var _addLocale = __webpack_require__(3744);
-      var _routerContext = __webpack_require__(6645);
-      var _appRouterContext = __webpack_require__(710);
-      var _useIntersection = __webpack_require__(1513);
-      var _getDomainLocale = __webpack_require__(206);
-      var _addBasePath = __webpack_require__(3892);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _resolveHref = __webpack_require__(3119);
+      var _isLocalUrl = __webpack_require__(9415);
+      var _formatUrl = __webpack_require__(789);
+      var _addLocale = __webpack_require__(1878);
+      var _routerContext = __webpack_require__(6122);
+      var _appRouterContext = __webpack_require__(3264);
+      var _useIntersection = __webpack_require__(576);
+      var _getDomainLocale = __webpack_require__(2999);
+      var _addBasePath = __webpack_require__(5250);
       const prefetched = new Set();
       function prefetch(router, href, as, options, isAppRouter) {
         if (false) {
@@ -471,15 +471,15 @@
       /***/
     },
 
-    /***/ 1513: /***/ function(module, exports, __webpack_require__) {
+    /***/ 576: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useIntersection = useIntersection;
-      var _react = __webpack_require__(2947);
-      var _requestIdleCallback = __webpack_require__(3222);
+      var _react = __webpack_require__(465);
+      var _requestIdleCallback = __webpack_require__(1064);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -592,7 +592,7 @@
       /***/
     },
 
-    /***/ 5302: /***/ function(
+    /***/ 4493: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -606,10 +606,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        4595
+        9495
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -640,7 +640,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -655,7 +655,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -690,7 +690,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -698,19 +698,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 4595: /***/ function(
+    /***/ 9495: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5539);
+      module.exports = __webpack_require__(5791);
 
       /***/
     }
@@ -721,7 +721,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(8662);
+      return __webpack_exec__(7014);
     });
     /******/ 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],
   {
-    /***/ 2188: /***/ function(
+    /***/ 7288: /***/ 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__(9717);
+          return __webpack_require__(5847);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9717: /***/ function(
+    /***/ 5847: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,7 +56,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -71,7 +71,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,19 +114,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8995);
+      module.exports = __webpack_require__(2830);
 
       /***/
     }
@@ -137,7 +137,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2188);
+      return __webpack_exec__(7288);
     });
     /******/ 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],
   {
-    /***/ 1136: /***/ function(
+    /***/ 6695: /***/ 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__(7121);
+          return __webpack_require__(6137);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7121: /***/ function(
+    /***/ 6137: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9096
+        6071
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -68,7 +68,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -83,7 +83,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -118,7 +118,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -126,19 +126,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 9096: /***/ function(
+    /***/ 6071: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7350);
+      module.exports = __webpack_require__(1516);
 
       /***/
     }
@@ -149,7 +149,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(1136);
+      return __webpack_exec__(6695);
     });
     /******/ 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],
   {
-    /***/ 3551: /***/ function(
+    /***/ 8118: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(1934);
+          return __webpack_require__(2817);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1934: /***/ function(
+    /***/ 2817: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -69,7 +69,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -104,7 +104,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -112,19 +112,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8995);
+      module.exports = __webpack_require__(2830);
 
       /***/
     }
@@ -135,7 +135,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(3551);
+      return __webpack_exec__(8118);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 246.HASH.js 
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [246],
+  [363],
   {
-    /***/ 1246: /***/ function(
+    /***/ 7363: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,7 +15,7 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
 
       const Hello = () => {
Diff for 843-HASH.js 
@@ -1,5 +1,5 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [843],
+  [983],
   {
     /***/ 3277: /***/ function(__unused_webpack_module, exports) {
       "use strict";
@@ -228,7 +228,7 @@
       /***/
     },
 
-    /***/ 7600: /***/ function() {
+    /***/ 1808: /***/ function() {
       "trimStart" in String.prototype ||
         (String.prototype.trimStart = String.prototype.trimLeft),
         "trimEnd" in String.prototype ||
@@ -278,15 +278,15 @@
       /***/
     },
 
-    /***/ 2808: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1045: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.addBasePath = addBasePath;
-      var _addPathPrefix = __webpack_require__(2783);
-      var _normalizeTrailingSlash = __webpack_require__(5935);
+      var _addPathPrefix = __webpack_require__(916);
+      var _normalizeTrailingSlash = __webpack_require__(1604);
       const basePath = false || "";
       function addBasePath(path, required) {
         if (false) {
@@ -310,7 +310,7 @@
       /***/
     },
 
-    /***/ 8287: /***/ function(module, exports) {
+    /***/ 5522: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -385,7 +385,7 @@
       /***/
     },
 
-    /***/ 8993: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2110: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -396,14 +396,14 @@
         .Z;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      __webpack_require__(7600);
-      var _client = _interop_require_default(__webpack_require__(3318));
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _client1 = __webpack_require__(3286);
-      var _headManagerContext = __webpack_require__(8398);
-      var _appRouterContext = __webpack_require__(663);
+      __webpack_require__(1808);
+      var _client = _interop_require_default(__webpack_require__(7292));
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _client1 = __webpack_require__(3477);
+      var _headManagerContext = __webpack_require__(8340);
+      var _appRouterContext = __webpack_require__(4665);
       var _onRecoverableError = _interop_require_default(
-        __webpack_require__(322)
+        __webpack_require__(6949)
       );
       // eslint-disable-next-line no-undef
       const getChunkScriptFilename = __webpack_require__.u;
@@ -586,15 +586,15 @@
       /***/
     },
 
-    /***/ 8431: /***/ function(module, exports, __webpack_require__) {
+    /***/ 541: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      var _appBootstrap = __webpack_require__(8287);
+      var _appBootstrap = __webpack_require__(5522);
       (0, _appBootstrap).appBootstrap(() => {
         // Include app-router and layout-router in the main chunk
-        __webpack_require__(8613);
-        __webpack_require__(566);
-        const { hydrate } = __webpack_require__(8993);
+        __webpack_require__(7072);
+        __webpack_require__(1847);
+        const { hydrate } = __webpack_require__(2110);
         hydrate();
       });
       if (
@@ -612,7 +612,7 @@
       /***/
     },
 
-    /***/ 6686: /***/ function(module, exports) {
+    /***/ 2500: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -657,7 +657,7 @@
       /***/
     },
 
-    /***/ 8613: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7072: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -671,18 +671,18 @@
       var _object_without_properties_loose = __webpack_require__(
         3470
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _appRouterContext = __webpack_require__(663);
-      var _routerReducer = __webpack_require__(2102);
-      var _routerReducerTypes = __webpack_require__(8889);
-      var _createHrefFromUrl = __webpack_require__(8045);
-      var _hooksClientContext = __webpack_require__(2738);
-      var _useReducerWithDevtools = __webpack_require__(9490);
-      var _errorBoundary = __webpack_require__(4264);
-      var _createInitialRouterState = __webpack_require__(4898);
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _isBot = __webpack_require__(2198);
-      var _addBasePath = __webpack_require__(2808);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _appRouterContext = __webpack_require__(4665);
+      var _routerReducer = __webpack_require__(5118);
+      var _routerReducerTypes = __webpack_require__(767);
+      var _createHrefFromUrl = __webpack_require__(851);
+      var _hooksClientContext = __webpack_require__(9032);
+      var _useReducerWithDevtools = __webpack_require__(3904);
+      var _errorBoundary = __webpack_require__(3914);
+      var _createInitialRouterState = __webpack_require__(7504);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _isBot = __webpack_require__(9819);
+      var _addBasePath = __webpack_require__(1045);
       function AppRouter(props) {
         const { globalErrorComponent } = props,
           rest = _object_without_properties_loose(props, [
@@ -1071,7 +1071,7 @@
       /***/
     },
 
-    /***/ 9923: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8593: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1080,7 +1080,7 @@
       exports.clientHookInServerComponentError = clientHookInServerComponentError;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       function clientHookInServerComponentError(hookName) {
         if (false) {
         }
@@ -1100,7 +1100,7 @@
       /***/
     },
 
-    /***/ 4264: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3914: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1110,7 +1110,7 @@
       exports.ErrorBoundary = ErrorBoundary;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       function GlobalError(param) {
         let { error } = param;
         return /*#__PURE__*/ _react.default.createElement(
@@ -1241,7 +1241,7 @@
       /***/
     },
 
-    /***/ 7494: /***/ function(module, exports) {
+    /***/ 384: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1279,7 +1279,7 @@
       /***/
     },
 
-    /***/ 566: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1847: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1292,16 +1292,16 @@
         .Z;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _reactDom = _interop_require_default(__webpack_require__(4351));
-      var _appRouterContext = __webpack_require__(663);
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _infinitePromise = __webpack_require__(7494);
-      var _errorBoundary = __webpack_require__(4264);
-      var _matchSegments = __webpack_require__(6181);
-      var _navigation = __webpack_require__(8810);
-      var _handleSmoothScroll = __webpack_require__(7521);
-      var _redirect = __webpack_require__(5275);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _reactDom = _interop_require_default(__webpack_require__(4460));
+      var _appRouterContext = __webpack_require__(4665);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _infinitePromise = __webpack_require__(384);
+      var _errorBoundary = __webpack_require__(3914);
+      var _matchSegments = __webpack_require__(2759);
+      var _navigation = __webpack_require__(4715);
+      var _handleSmoothScroll = __webpack_require__(7318);
+      var _redirect = __webpack_require__(1095);
       function OuterLayoutRouter(param) {
         let {
           parallelRouterKey,
@@ -1803,7 +1803,7 @@
       /***/
     },
 
-    /***/ 6181: /***/ function(module, exports) {
+    /***/ 2759: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1843,7 +1843,7 @@
       /***/
     },
 
-    /***/ 8810: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4715: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1878,13 +1878,13 @@
           return _notFound.notFound;
         }
       });
-      var _react = __webpack_require__(6736);
-      var _appRouterContext = __webpack_require__(663);
-      var _hooksClientContext = __webpack_require__(2738);
-      var _clientHookInServerComponentError = __webpack_require__(9923);
-      var _serverInsertedHtml = __webpack_require__(1388);
-      var _redirect = __webpack_require__(5275);
-      var _notFound = __webpack_require__(7303);
+      var _react = __webpack_require__(8510);
+      var _appRouterContext = __webpack_require__(4665);
+      var _hooksClientContext = __webpack_require__(9032);
+      var _clientHookInServerComponentError = __webpack_require__(8593);
+      var _serverInsertedHtml = __webpack_require__(6897);
+      var _redirect = __webpack_require__(1095);
+      var _notFound = __webpack_require__(1815);
       const INTERNAL_URLSEARCHPARAMS_INSTANCE = Symbol(
         "internal for urlsearchparams readonly"
       );
@@ -1920,6 +1920,7 @@
           this.toString = urlSearchParams.toString.bind(urlSearchParams);
         }
       }
+      exports.ReadonlyURLSearchParams = ReadonlyURLSearchParams;
       function useSearchParams() {
         (0, _clientHookInServerComponentError).clientHookInServerComponentError(
           "useSearchParams"
@@ -1928,15 +1929,15 @@
           _hooksClientContext.SearchParamsContext
         );
         const readonlySearchParams = (0, _react).useMemo(() => {
-          return new ReadonlyURLSearchParams(
-            searchParams || new URLSearchParams()
-          );
+          if (!searchParams) {
+            // When the router is not ready in pages, we won't have the search params
+            // available.
+            return null;
+          }
+          return new ReadonlyURLSearchParams(searchParams);
         }, [searchParams]);
         if (false) {
         }
-        if (!searchParams) {
-          throw new Error("invariant expected search params to be mounted");
-        }
         return readonlySearchParams;
       }
       function usePathname() {
@@ -2034,7 +2035,7 @@
       /***/
     },
 
-    /***/ 7303: /***/ function(module, exports) {
+    /***/ 1815: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2067,7 +2068,7 @@
       /***/
     },
 
-    /***/ 5275: /***/ function(module, exports) {
+    /***/ 1095: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2111,7 +2112,7 @@
       /***/
     },
 
-    /***/ 6848: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1982: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2120,8 +2121,8 @@
       exports["default"] = RenderFromTemplateContext;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _appRouterContext = __webpack_require__(663);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _appRouterContext = __webpack_require__(4665);
       function RenderFromTemplateContext() {
         const children = (0, _react).useContext(
           _appRouterContext.TemplateContext
@@ -2147,7 +2148,7 @@
       /***/
     },
 
-    /***/ 7737: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2418: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2155,7 +2156,7 @@
       });
       exports.applyRouterStatePatchToTree = applyRouterStatePatchToTree;
       var _extends = __webpack_require__(1222) /* ["default"] */.Z;
-      var _matchSegments = __webpack_require__(6181);
+      var _matchSegments = __webpack_require__(2759);
       /**
        * Deep merge of the two router states. Parallel route keys are preserved if the patch doesn't have them.
        */ function applyPatch(initialTree, patchTree) {
@@ -2251,7 +2252,7 @@
       /***/
     },
 
-    /***/ 8045: /***/ function(module, exports) {
+    /***/ 851: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2276,15 +2277,15 @@
       /***/
     },
 
-    /***/ 4898: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7504: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.createInitialRouterState = createInitialRouterState;
-      var _appRouterContext = __webpack_require__(663);
-      var _createHrefFromUrl = __webpack_require__(8045);
+      var _appRouterContext = __webpack_require__(4665);
+      var _createHrefFromUrl = __webpack_require__(851);
       function createInitialRouterState(param) {
         let {
           initialTree,
@@ -2331,7 +2332,7 @@
       /***/
     },
 
-    /***/ 6282: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9036: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2339,7 +2340,7 @@
       });
       exports.createOptimisticTree = createOptimisticTree;
       var _extends = __webpack_require__(1222) /* ["default"] */.Z;
-      var _matchSegments = __webpack_require__(6181);
+      var _matchSegments = __webpack_require__(2759);
       function createOptimisticTree(
         segments,
         flightRouterState,
@@ -2411,7 +2412,7 @@
       /***/
     },
 
-    /***/ 9433: /***/ function(module, exports) {
+    /***/ 6372: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2451,7 +2452,7 @@
       /***/
     },
 
-    /***/ 1330: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7653: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2459,9 +2460,9 @@
       });
       exports.fetchServerResponse = fetchServerResponse;
       var _async_to_generator = __webpack_require__(3277) /* ["default"] */.Z;
-      var _client = __webpack_require__(3286);
-      var _appRouterHeaders = __webpack_require__(6686);
-      var _appRouter = __webpack_require__(8613);
+      var _client = __webpack_require__(3477);
+      var _appRouterHeaders = __webpack_require__(2500);
+      var _appRouter = __webpack_require__(7072);
       function fetchServerResponse(url, flightRouterState, prefetch) {
         return _fetchServerResponse.apply(this, arguments);
       }
@@ -2521,14 +2522,14 @@
       /***/
     },
 
-    /***/ 8557: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6666: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.fillCacheWithDataProperty = fillCacheWithDataProperty;
-      var _appRouterContext = __webpack_require__(663);
+      var _appRouterContext = __webpack_require__(4665);
       function fillCacheWithDataProperty(
         newCache,
         existingCache,
@@ -2614,16 +2615,16 @@
       /***/
     },
 
-    /***/ 599: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6599: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.fillCacheWithNewSubTreeData = fillCacheWithNewSubTreeData;
-      var _appRouterContext = __webpack_require__(663);
-      var _invalidateCacheByRouterState = __webpack_require__(7475);
-      var _fillLazyItemsTillLeafWithHead = __webpack_require__(2354);
+      var _appRouterContext = __webpack_require__(4665);
+      var _invalidateCacheByRouterState = __webpack_require__(3290);
+      var _fillLazyItemsTillLeafWithHead = __webpack_require__(5303);
       function fillCacheWithNewSubTreeData(
         newCache,
         existingCache,
@@ -2716,14 +2717,14 @@
       /***/
     },
 
-    /***/ 2354: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5303: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.fillLazyItemsTillLeafWithHead = fillLazyItemsTillLeafWithHead;
-      var _appRouterContext = __webpack_require__(663);
+      var _appRouterContext = __webpack_require__(4665);
       function fillLazyItemsTillLeafWithHead(
         newCache,
         existingCache,
@@ -2811,7 +2812,7 @@
       /***/
     },
 
-    /***/ 4716: /***/ function(module, exports) {
+    /***/ 8933: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2883,7 +2884,7 @@
       /***/
     },
 
-    /***/ 7475: /***/ function(module, exports) {
+    /***/ 3290: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2928,7 +2929,7 @@
       /***/
     },
 
-    /***/ 4345: /***/ function(module, exports) {
+    /***/ 9704: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2989,7 +2990,7 @@
       /***/
     },
 
-    /***/ 7932: /***/ function(module, exports) {
+    /***/ 3930: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3020,7 +3021,7 @@
       /***/
     },
 
-    /***/ 9376: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2371: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3030,19 +3031,19 @@
       exports.applyFlightData = applyFlightData;
       exports.handleExternalUrl = handleExternalUrl;
       exports.navigateReducer = navigateReducer;
-      var _appRouterContext = __webpack_require__(663);
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _createRecordFromThenable = __webpack_require__(9433);
-      var _readRecordValue = __webpack_require__(7932);
-      var _createHrefFromUrl = __webpack_require__(8045);
-      var _fillLazyItemsTillLeafWithHead = __webpack_require__(2354);
-      var _fillCacheWithNewSubtreeData = __webpack_require__(599);
-      var _invalidateCacheBelowFlightSegmentpath = __webpack_require__(4716);
-      var _fillCacheWithDataProperty = __webpack_require__(8557);
-      var _createOptimisticTree = __webpack_require__(6282);
-      var _applyRouterStatePatchToTree = __webpack_require__(7737);
-      var _shouldHardNavigate = __webpack_require__(1378);
-      var _isNavigatingToNewRootLayout = __webpack_require__(4345);
+      var _appRouterContext = __webpack_require__(4665);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _createRecordFromThenable = __webpack_require__(6372);
+      var _readRecordValue = __webpack_require__(3930);
+      var _createHrefFromUrl = __webpack_require__(851);
+      var _fillLazyItemsTillLeafWithHead = __webpack_require__(5303);
+      var _fillCacheWithNewSubtreeData = __webpack_require__(6599);
+      var _invalidateCacheBelowFlightSegmentpath = __webpack_require__(8933);
+      var _fillCacheWithDataProperty = __webpack_require__(6666);
+      var _createOptimisticTree = __webpack_require__(9036);
+      var _applyRouterStatePatchToTree = __webpack_require__(2418);
+      var _shouldHardNavigate = __webpack_require__(2023);
+      var _isNavigatingToNewRootLayout = __webpack_require__(9704);
       function handleMutable(state, mutable) {
         return {
           // Set href.
@@ -3301,15 +3302,15 @@
       /***/
     },
 
-    /***/ 9285: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9341: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.prefetchReducer = prefetchReducer;
-      var _applyRouterStatePatchToTree = __webpack_require__(7737);
-      var _createHrefFromUrl = __webpack_require__(8045);
+      var _applyRouterStatePatchToTree = __webpack_require__(2418);
+      var _createHrefFromUrl = __webpack_require__(851);
       function prefetchReducer(state, action) {
         const { url, serverResponse } = action;
         const [flightData, canonicalUrlOverride] = serverResponse;
@@ -3356,20 +3357,20 @@
       /***/
     },
 
-    /***/ 8539: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7418: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.refreshReducer = refreshReducer;
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _createRecordFromThenable = __webpack_require__(9433);
-      var _readRecordValue = __webpack_require__(7932);
-      var _createHrefFromUrl = __webpack_require__(8045);
-      var _applyRouterStatePatchToTree = __webpack_require__(7737);
-      var _isNavigatingToNewRootLayout = __webpack_require__(4345);
-      var _navigateReducer = __webpack_require__(9376);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _createRecordFromThenable = __webpack_require__(6372);
+      var _readRecordValue = __webpack_require__(3930);
+      var _createHrefFromUrl = __webpack_require__(851);
+      var _applyRouterStatePatchToTree = __webpack_require__(2418);
+      var _isNavigatingToNewRootLayout = __webpack_require__(9704);
+      var _navigateReducer = __webpack_require__(2371);
       function refreshReducer(state, action) {
         const { cache, mutable, origin } = action;
         const href = state.canonicalUrl;
@@ -3467,14 +3468,14 @@
       /***/
     },
 
-    /***/ 3964: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4413: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.restoreReducer = restoreReducer;
-      var _createHrefFromUrl = __webpack_require__(8045);
+      var _createHrefFromUrl = __webpack_require__(851);
       function restoreReducer(state, action) {
         const { url, tree } = action;
         const href = (0, _createHrefFromUrl).createHrefFromUrl(url);
@@ -3504,17 +3505,17 @@
       /***/
     },
 
-    /***/ 4618: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5910: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.serverPatchReducer = serverPatchReducer;
-      var _createHrefFromUrl = __webpack_require__(8045);
-      var _applyRouterStatePatchToTree = __webpack_require__(7737);
-      var _isNavigatingToNewRootLayout = __webpack_require__(4345);
-      var _navigateReducer = __webpack_require__(9376);
+      var _createHrefFromUrl = __webpack_require__(851);
+      var _applyRouterStatePatchToTree = __webpack_require__(2418);
+      var _isNavigatingToNewRootLayout = __webpack_require__(9704);
+      var _navigateReducer = __webpack_require__(2371);
       function serverPatchReducer(state, action) {
         const {
           flightData,
@@ -3599,7 +3600,7 @@
       /***/
     },
 
-    /***/ 8889: /***/ function(module, exports) {
+    /***/ 767: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3631,19 +3632,19 @@
       /***/
     },
 
-    /***/ 2102: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5118: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.reducer = void 0;
-      var _routerReducerTypes = __webpack_require__(8889);
-      var _navigateReducer = __webpack_require__(9376);
-      var _serverPatchReducer = __webpack_require__(4618);
-      var _restoreReducer = __webpack_require__(3964);
-      var _refreshReducer = __webpack_require__(8539);
-      var _prefetchReducer = __webpack_require__(9285);
+      var _routerReducerTypes = __webpack_require__(767);
+      var _navigateReducer = __webpack_require__(2371);
+      var _serverPatchReducer = __webpack_require__(5910);
+      var _restoreReducer = __webpack_require__(4413);
+      var _refreshReducer = __webpack_require__(7418);
+      var _prefetchReducer = __webpack_require__(9341);
       /**
        * Reducer that handles the app-router state updates.
        */ function clientReducer(state, action) {
@@ -3688,14 +3689,14 @@
       /***/
     },
 
-    /***/ 1378: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2023: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.shouldHardNavigate = shouldHardNavigate;
-      var _matchSegments = __webpack_require__(6181);
+      var _matchSegments = __webpack_require__(2759);
       function shouldHardNavigate(flightSegmentPath, flightRouterState) {
         const [segment, parallelRoutes] = flightRouterState;
         // TODO-APP: Check if `as` can be replaced.
@@ -3733,14 +3734,14 @@
       /***/
     },
 
-    /***/ 9490: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3904: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useReducerWithReduxDevtools = void 0;
-      var _react = __webpack_require__(6736);
+      var _react = __webpack_require__(8510);
       function normalizeRouterState(val) {
         if (val instanceof Map) {
           const obj = {};
@@ -3867,15 +3868,15 @@
       /***/
     },
 
-    /***/ 5935: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1604: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.normalizePathTrailingSlash = void 0;
-      var _removeTrailingSlash = __webpack_require__(6837);
-      var _parsePath = __webpack_require__(6898);
+      var _removeTrailingSlash = __webpack_require__(3959);
+      var _parsePath = __webpack_require__(3935);
       const normalizePathTrailingSlash = path => {
         if (!path.startsWith("/") || undefined) {
           return path;
@@ -3904,14 +3905,14 @@
       /***/
     },
 
-    /***/ 322: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6949: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports["default"] = onRecoverableError;
-      var _noSsrError = __webpack_require__(6131);
+      var _noSsrError = __webpack_require__(4372);
       function onRecoverableError(err, errorInfo) {
         const digest = err.digest || errorInfo.digest;
         // Using default react onRecoverableError
@@ -3941,7 +3942,7 @@
       /***/
     },
 
-    /***/ 663: /***/ function(
+    /***/ 4665: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3954,7 +3955,7 @@
       exports.TemplateContext = exports.GlobalLayoutRouterContext = exports.LayoutRouterContext = exports.AppRouterContext = exports.CacheStates = void 0;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       var CacheStates;
       exports.CacheStates = CacheStates;
       (function(CacheStates) {
@@ -3976,7 +3977,7 @@
       /***/
     },
 
-    /***/ 8398: /***/ function(
+    /***/ 8340: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3989,7 +3990,7 @@
       exports.HeadManagerContext = void 0;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       const HeadManagerContext = _react.default.createContext({});
       exports.HeadManagerContext = HeadManagerContext;
       if (false) {
@@ -3998,7 +3999,7 @@
       /***/
     },
 
-    /***/ 2738: /***/ function(
+    /***/ 9032: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -4009,7 +4010,7 @@
         value: true
       });
       exports.LayoutSegmentsContext = exports.ParamsContext = exports.PathnameContext = exports.SearchParamsContext = void 0;
-      var _react = __webpack_require__(6736);
+      var _react = __webpack_require__(8510);
       const SearchParamsContext = (0, _react).createContext(null);
       exports.SearchParamsContext = SearchParamsContext;
       const PathnameContext = (0, _react).createContext(null);
@@ -4024,7 +4025,7 @@
       /***/
     },
 
-    /***/ 6131: /***/ function(__unused_webpack_module, exports) {
+    /***/ 4372: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4037,7 +4038,7 @@
       /***/
     },
 
-    /***/ 2783: /***/ function(
+    /***/ 916: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -4048,7 +4049,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(6898);
+      var _parsePath = __webpack_require__(3935);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -4064,7 +4065,7 @@
       /***/
     },
 
-    /***/ 7521: /***/ function(__unused_webpack_module, exports) {
+    /***/ 7318: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4090,7 +4091,7 @@
       /***/
     },
 
-    /***/ 2198: /***/ function(__unused_webpack_module, exports) {
+    /***/ 9819: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4106,7 +4107,7 @@
       /***/
     },
 
-    /***/ 6898: /***/ function(__unused_webpack_module, exports) {
+    /***/ 3935: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4140,7 +4141,7 @@
       /***/
     },
 
-    /***/ 6837: /***/ function(__unused_webpack_module, exports) {
+    /***/ 3959: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -4154,7 +4155,7 @@
       /***/
     },
 
-    /***/ 1388: /***/ function(
+    /***/ 6897: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -4168,7 +4169,7 @@
       exports.ServerInsertedHTMLContext = void 0;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
       const ServerInsertedHTMLContext = /*#__PURE__*/ _react.default.createContext(
         null
       );
@@ -4186,7 +4187,7 @@
       /***/
     },
 
-    /***/ 6392: /***/ function(
+    /***/ 8814: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -4204,8 +4205,8 @@
       /*
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-      var aa = __webpack_require__(6736),
-        ba = __webpack_require__(2100),
+      var aa = __webpack_require__(8510),
+        ba = __webpack_require__(4380),
         ca = {
           usingClientEntryPoint: !1,
           Events: null,
@@ -14438,14 +14439,14 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 7292: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
     ) {
       "use strict";
 
-      var m = __webpack_require__(4351);
+      var m = __webpack_require__(4460);
       if (true) {
         exports.createRoot = m.createRoot;
         exports.hydrateRoot = m.hydrateRoot;
@@ -14456,7 +14457,7 @@
       /***/
     },
 
-    /***/ 4351: /***/ function(
+    /***/ 4460: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -14487,14 +14488,14 @@
         // DCE check should happen before ReactDOM bundle executes so that
         // DevTools can report bad minification during injection.
         checkDCE();
-        module.exports = __webpack_require__(6392);
+        module.exports = __webpack_require__(8814);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3286: /***/ function(
+    /***/ 3477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -14980,7 +14981,7 @@
           },
 
           /***/ 522: /***/ module => {
-            module.exports = __webpack_require__(6736);
+            module.exports = __webpack_require__(8510);
 
             /***/
           }
@@ -15047,7 +15048,7 @@
       /***/
     },
 
-    /***/ 7111: /***/ function(__unused_webpack_module, exports) {
+    /***/ 1300: /***/ function(__unused_webpack_module, exports) {
       "use strict";
       /**
        * @license React
@@ -15524,7 +15525,7 @@
       /***/
     },
 
-    /***/ 6736: /***/ function(
+    /***/ 8510: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -15532,14 +15533,14 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(7111);
+        module.exports = __webpack_require__(1300);
       } else {
       }
 
       /***/
     },
 
-    /***/ 2100: /***/ function(module) {
+    /***/ 4380: /***/ function(module) {
       var __dirname = "/";
       (() => {
         "use strict";
Diff for page-2bc551b16c33c23a.js 
@@ -1,6 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760,185,952],{
 
-/***/ 8372:
+/***/ 7746:
 /***/ (function() {
 
 
@@ -10,7 +10,7 @@
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ __webpack_require__.O(0, [843,744], function() { return __webpack_exec__(8372); });
+/******/ __webpack_require__.O(0, [983,744], function() { return __webpack_exec__(7746); });
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
Diff for page-81fa4794e733ce3f.js 
@@ -1,6 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[952,185,760],{
 
-/***/ 8372:
+/***/ 7746:
 /***/ (function() {
 
 
@@ -10,7 +10,7 @@
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ __webpack_require__.O(0, [843,744], function() { return __webpack_exec__(8372); });
+/******/ __webpack_require__.O(0, [983,744], function() { return __webpack_exec__(7746); });
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
Diff for layout-8284c..bea7428c2.js 
@@ -1,6 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[185,952,760],{
 
-/***/ 8372:
+/***/ 7746:
 /***/ (function() {
 
 
@@ -10,7 +10,7 @@
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ __webpack_require__.O(0, [843,744], function() { return __webpack_exec__(8372); });
+/******/ __webpack_require__.O(0, [983,744], function() { return __webpack_exec__(7746); });
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js 
@@ -1,22 +1,22 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [744],
   {
-    /***/ 3330: /***/ function(
+    /***/ 3672: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 8613, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7072, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 6848, 23)
+        __webpack_require__.t.bind(__webpack_require__, 1847, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 4264, 23)
+        __webpack_require__.t.bind(__webpack_require__, 1982, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 566, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3914, 23)
       );
 
       /***/
@@ -27,8 +27,8 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ __webpack_require__.O(0, [843], function() {
-      return __webpack_exec__(8431), __webpack_exec__(3330);
+    /******/ __webpack_require__.O(0, [983], function() {
+      return __webpack_exec__(541), __webpack_exec__(3672);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for webpack-HASH.js 
@@ -212,7 +212,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "a0afad3905ddc3ff" + ".js"
+        "static/chunks/" + chunkId + "." + "ab0825baf290f32b" + ".js"
       );
       /******/
     };
Diff for index.html 
@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-778ee737b42dbd09.js"
+      src="/_next/static/chunks/webpack-078d588fd47873c4.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c5bbc8d78d0772e6.js"
+      src="/_next/static/chunks/main-827a5dee3f8a6f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-02fdba2e11c62c3b.js"
+      src="/_next/static/chunks/pages/_app-b68f71a961b48916.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-72f4ed6964652f6a.js"
+      src="/_next/static/chunks/pages/index-a1c4d9d8497dbefb.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html 
@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-778ee737b42dbd09.js"
+      src="/_next/static/chunks/webpack-078d588fd47873c4.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c5bbc8d78d0772e6.js"
+      src="/_next/static/chunks/main-827a5dee3f8a6f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-02fdba2e11c62c3b.js"
+      src="/_next/static/chunks/pages/_app-b68f71a961b48916.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-6c0c607096fd888e.js"
+      src="/_next/static/chunks/pages/link-ce7425b549d600f1.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html 
@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-778ee737b42dbd09.js"
+      src="/_next/static/chunks/webpack-078d588fd47873c4.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-c5bbc8d78d0772e6.js"
+      src="/_next/static/chunks/main-827a5dee3f8a6f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-02fdba2e11c62c3b.js"
+      src="/_next/static/chunks/pages/_app-b68f71a961b48916.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-9bdea6c06adf2771.js"
+      src="/_next/static/chunks/pages/withRouter-7121e5a8488cd783.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Commit: 158b7dc

@wyattjoh wyattjoh force-pushed the wyattjoh/null-navigation-hooks branch from 624f433 to c3a2300 Compare February 14, 2023 23:26
ijjk
ijjk approved these changes Feb 15, 2023
View reviewed changes
Copy link
Member

@ijjk ijjk left a comment

Choose a reason for hiding this comment

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

Looks good, thanks!

@ijjk ijjk merged commit cdf1d52 into vercel:canary Feb 15, 2023
@khuezy
Copy link
Contributor

khuezy commented Feb 22, 2023

@wyattjoh how would you import usePathname now? In 13.1.6 I had the types for it, in the latest canary (13.1.7-canary.26), it cannot find the type.

@balazsorban44 balazsorban44 mentioned this pull request Feb 23, 2023
Merged
11 tasks
kodiakhq bot pushed a commit that referenced this pull request Feb 23, 2023
@balazsorban44
fix(cli): add navigation compat types to default next-env.d.ts (#46321
1275fdc 
)

Until #45819 is landed, we should have the `compat` version (#45919), since the template has a `pages` folder.

[Slack thread](https://vercel.slack.com/archives/C03KAR5DCKC/p1677183585403679)

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] [e2e](https://github.com/vercel/next.js/blob/canary/contributing/core/testing.md#writing-tests-for-nextjs) tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see [`contributing.md`](https://github.com/vercel/next.js/blob/canary/contributing.md)

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm build && pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
@lukemorales
Copy link

lukemorales commented Feb 23, 2023 •
edited
Loading

Can confirm what @khuezy said. usePathname is not available in today's 13.2.0 release @wyattjoh

@rshaul
Copy link

rshaul commented Feb 24, 2023

@lukemorales I had the same problem. Try running next dev, it should add an extra line to your next-env.d.ts file:

/// <reference types="next/navigation-types/compat/navigation" />

@lukemorales
Copy link

@rshaul can't say that isn't a weird behavior, but you're correct! running the dev server fixes it

@wyattjoh wyattjoh mentioned this pull request Feb 27, 2023
Closed
1 task
@wyattjoh wyattjoh deleted the wyattjoh/null-navigation-hooks branch February 27, 2023 17:47
@wyattjoh
Copy link
Member Author

See #46360 (comment) for further information on resolving this issue for folks who have adopted app/ already in their projects.

TLDR, users who re-run next dev will regenerate the next-env.d.ts file.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Mar 30, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Reviewers

@ijjk ijjk ijjk approved these changes

@timneutkens timneutkens Awaiting requested review from timneutkens

@shuding shuding Awaiting requested review from shuding

@huozhi huozhi Awaiting requested review from huozhi

@feedthejim feedthejim Awaiting requested review from feedthejim

Assignees
No one assigned
Labels
created-by: Next.js team PRs by the Next.js team. type: next
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
5 participants
@wyattjoh @ijjk @khuezy @lukemorales @rshaul