From 5fc2e3d35dbfbca9d1ad3fe64760b6d0e3400237 Mon Sep 17 00:00:00 2001
From: Artem Alexeyenko <ala@sitecore.net>
Date: Thu, 7 Jul 2022 04:28:51 -0400
Subject: [PATCH] [Nextjs] Update nextjs to 12.2 (#1093)

* Nextjs version update plus extra upgrade steps for middleware

* Moved middleware.ts to recommended location (adjacent to pages)

* Updated next-env.d.ts

* Comment updates (use generic "Sitecore editor", next/image now supported, next doc links changed)

* Removed .babelrc (as of 12.2, swc appears to work in Windows-based rendering hosts in containers - or at least acts no differently than with it)

* Add the _next... URL exclusion rule for personalize middleware

Co-authored-by: Adam Brauer <400763+ambrauer@users.noreply.github.com>
---
 .../src/templates/nextjs/.babelrc             |   9 -
 .../src/templates/nextjs/.env                 |   4 +-
 .../src/templates/nextjs/.eslintrc            |   2 +-
 .../src/templates/nextjs/next-env.d.ts        |   1 -
 .../src/templates/nextjs/package.json         |   2 +-
 .../scripts/templates/component-factory.ts    |   2 +-
 .../nextjs/sitecore/config/{{appName}}.config |   2 +-
 .../src/templates/nextjs/src/Layout.tsx       |   4 +-
 .../src/templates/nextjs/src/Navigation.tsx   |   4 +-
 .../src/templates/nextjs/src/assets/app.css   |   2 +-
 .../{pages/_middleware.ts => middleware.ts}   |   0
 .../nextjs/src/pages/[[...path]].tsx          |   4 +-
 .../src/pages/api/editing/data/[key].ts       |   6 +-
 .../nextjs/src/pages/api/editing/render.ts    |   8 +-
 packages/sitecore-jss-nextjs/package.json     |   4 +-
 .../src/edge/personalize-middleware.ts        |  14 +-
 yarn.lock                                     | 157 +++++++++++-------
 17 files changed, 127 insertions(+), 98 deletions(-)
 delete mode 100644 packages/create-sitecore-jss/src/templates/nextjs/.babelrc
 rename packages/create-sitecore-jss/src/templates/nextjs/src/{pages/_middleware.ts => middleware.ts} (100%)

diff --git a/packages/create-sitecore-jss/src/templates/nextjs/.babelrc b/packages/create-sitecore-jss/src/templates/nextjs/.babelrc
deleted file mode 100644
index edb97c6178..0000000000
--- a/packages/create-sitecore-jss/src/templates/nextjs/.babelrc
+++ /dev/null
@@ -1,9 +0,0 @@
-// This file exists in order to disable Next.js SWC compilation due to
-// current instability. Specifically, when compiling on Windows-based
-// rendering hosts using containers you may see the following error:
-// https://nextjs.org/docs/messages/failed-loading-swc
-//
-// You may wish to remove this file when deploying to Vercel.
-{
-  "presets": ["next/babel"]
-}
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/.env b/packages/create-sitecore-jss/src/templates/nextjs/.env
index 6b0f61d620..34bc459af6 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/.env
+++ b/packages/create-sitecore-jss/src/templates/nextjs/.env
@@ -4,14 +4,14 @@
 # https://nextjs.org/docs/basic-features/environment-variables
 
 # The public URL to use for absolute URLs, which are required when
-# the Next.js app is run within the Sitecore Experience Editor.
+# the Next.js app is run within Sitecore editors.
 # This should match the `serverSideRenderingEngineApplicationUrl`
 # in your Sitecore configuration (see \sitecore\config\<%- appName %>.config).
 # Be sure to update these values accordingly as your public endpoint changes.
 # See https://jss.sitecore.com/docs/fundamentals/services/view-engine
 PUBLIC_URL=http://localhost:3000
 
-# To secure the Experience Editor endpoint exposed by your Next.js app
+# To secure the Sitecore editor endpoint exposed by your Next.js app
 # (`/api/editing/render` by default), a secret token is used. This (client-side)
 # value must match your server-side value (see \sitecore\config\<%- appName %>.config).
 # We recommend an alphanumeric value of at least 16 characters.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/.eslintrc b/packages/create-sitecore-jss/src/templates/nextjs/.eslintrc
index e145248adc..915ce8ba28 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/.eslintrc
+++ b/packages/create-sitecore-jss/src/templates/nextjs/.eslintrc
@@ -15,7 +15,7 @@
   ],
   "ignorePatterns": [".generated/**/*", "**/*.d.ts", "**/*.js"],
   "rules": {
-    "@next/next/no-img-element": "off", // Don't force next/image (not currently compatible with Sitecore editing)
+    "@next/next/no-img-element": "off", // Don't force next/image
     "jsx-a11y/alt-text": ["warn", { "elements": ["img"] }], // Don't force alt for <Image/> (sourced from Sitecore media)
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "error",
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/next-env.d.ts b/packages/create-sitecore-jss/src/templates/nextjs/next-env.d.ts
index 9bc3dd46b9..4f11a03dc6 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/next-env.d.ts
+++ b/packages/create-sitecore-jss/src/templates/nextjs/next-env.d.ts
@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/package.json b/packages/create-sitecore-jss/src/templates/nextjs/package.json
index 93f5d92b72..d972002360 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/package.json
+++ b/packages/create-sitecore-jss/src/templates/nextjs/package.json
@@ -32,7 +32,7 @@
     "@sitecore-jss/sitecore-jss-nextjs": "^21.0.0-canary",
     "graphql": "~15.8.0",
     "graphql-tag": "^2.11.0",
-    "next": "^12.1.6",
+    "next": "^12.2.0",
     "next-localization": "^0.12.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/scripts/templates/component-factory.ts b/packages/create-sitecore-jss/src/templates/nextjs/scripts/templates/component-factory.ts
index d1140a6c2b..75dca71ce5 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/scripts/templates/component-factory.ts
+++ b/packages/create-sitecore-jss/src/templates/nextjs/scripts/templates/component-factory.ts
@@ -90,7 +90,7 @@ ${componentFiles
 // See https://nextjs.org/docs/advanced-features/dynamic-import
 // At the end you will have single preloaded script for each lazy loading module.
 // Editing mode doesn't work well with dynamic components in nextjs: dynamic components are not displayed without refresh after a rendering is added. 
-// This happens beacuse Experience Editor simply inserts updated HTML generated on server side. This conflicts with nextjs dynamic logic as no HTML gets rendered for dynamic component
+// This happens beacuse Sitecore editors simply insert updated HTML generated on server side. This conflicts with nextjs dynamic logic as no HTML gets rendered for dynamic component
 // So we use require() to obtain dynamic components in editing mode while preserving dynamic logic for non-editing scenarios
 // As we need to be able to seamlessly work with dynamic components in both editing and normal modes, different componentFactory functions will be passed to app
 
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/sitecore/config/{{appName}}.config b/packages/create-sitecore-jss/src/templates/nextjs/sitecore/config/{{appName}}.config
index e943130b83..096a13cb38 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/sitecore/config/{{appName}}.config
+++ b/packages/create-sitecore-jss/src/templates/nextjs/sitecore/config/{{appName}}.config
@@ -33,7 +33,7 @@
 
       <!--
         JSS EDITING SECRET
-        To secure the Experience Editor endpoint exposed by your Next.js app (see `serverSideRenderingEngineEndpointUrl` below),
+        To secure the Sitecore editor endpoint exposed by your Next.js app (see `serverSideRenderingEngineEndpointUrl` below),
         a secret token is used. This is taken from an env variable by default, but could be patched and set directly by uncommenting.
         This (server-side) value must match your client-side value, which is configured by the JSS_EDITING_SECRET env variable (see the Next.js .env file).
         We recommend an alphanumeric value of at least 16 characters.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx b/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx
index 1fa13f7c1f..f2db9f77e8 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx
@@ -9,8 +9,8 @@ import {
 import Navigation from 'src/Navigation';
 import Scripts from 'src/Scripts';
 
-// Prefix public assets with a public URL to enable compatibility with Sitecore Experience Editor.
-// If you're not supporting the Experience Editor, you can remove this.
+// Prefix public assets with a public URL to enable compatibility with Sitecore editors.
+// If you're not supporting Sitecore editors, you can remove this.
 const publicUrl = getPublicUrl();
 
 interface LayoutProps {
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/Navigation.tsx b/packages/create-sitecore-jss/src/templates/nextjs/src/Navigation.tsx
index 5187e0d27e..5eb5aa69e3 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/Navigation.tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/Navigation.tsx
@@ -1,7 +1,7 @@
 import { getPublicUrl } from '@sitecore-jss/sitecore-jss-nextjs';
 
-// Prefix public assets with a public URL to enable compatibility with Sitecore Experience Editor.
-// If you're not supporting the Experience Editor, you can remove this.
+// Prefix public assets with a public URL to enable compatibility with Sitecore editors.
+// If you're not supporting Sitecore editors, you can remove this.
 const publicUrl = getPublicUrl();
 
 const Navigation = (): JSX.Element => (
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/assets/app.css b/packages/create-sitecore-jss/src/templates/nextjs/src/assets/app.css
index a89885c6af..d530770302 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/assets/app.css
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/assets/app.css
@@ -3,7 +3,7 @@ a[target='_blank']:after {
 }
 
 /*
-  Hides Sitecore Experience Editor markup,
+  Hides Sitecore editor markup,
   if you run the app in connected mode while the Sitecore cookies
   are set to edit mode.
 */
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/_middleware.ts b/packages/create-sitecore-jss/src/templates/nextjs/src/middleware.ts
similarity index 100%
rename from packages/create-sitecore-jss/src/templates/nextjs/src/pages/_middleware.ts
rename to packages/create-sitecore-jss/src/templates/nextjs/src/middleware.ts
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/[[...path]].tsx b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/[[...path]].tsx
index a4751ffd9e..c48fcb8a11 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/[[...path]].tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/[[...path]].tsx
@@ -25,7 +25,7 @@ import { sitemapFetcher } from 'lib/sitemap-fetcher';
 
 const SitecorePage = ({ notFound, componentProps, layoutData }: SitecorePageProps): JSX.Element => {
   useEffect(() => {
-    // Since Sitecore editors do not support Fast Refresh, need to refresh EE chromes after Fast Refresh finished
+    // Since Sitecore editors do not support Fast Refresh, need to refresh editor chromes after Fast Refresh finished
     handleEditorFastRefresh();
   }, []);
 
@@ -58,7 +58,7 @@ export const getStaticPaths: GetStaticPaths = async (context) => {
   // will be generated on request (development mode in this example).
   // Alternatively, the entire sitemap could be pre-rendered
   // ahead of time (non-development mode in this example).
-  // See https://nextjs.org/docs/basic-features/data-fetching#incremental-static-regeneration
+  // See https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration
 
   let paths: StaticPath[] = [];
   let fallback: boolean | 'blocking' = 'blocking';
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/data/[key].ts b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/data/[key].ts
index 1f486a8838..60dc5b786d 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/data/[key].ts
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/data/[key].ts
@@ -1,14 +1,14 @@
 import { EditingDataMiddleware } from '@sitecore-jss/sitecore-jss-nextjs/middleware';
 
 /**
- * This Next.js API route is used to handle Sitecore Experience Editor data storage and retrieval by key
- * (between the Sitecore Experience Editor POST and Next.js page render requests) via the `EditingDataService`.
+ * This Next.js API route is used to handle Sitecore editor data storage and retrieval by key
+ * (between the Sitecore editor POST and Next.js page render requests) via the `EditingDataService`.
  *
  * The `EditingDataMiddleware` expects this dynamic route name to be '[key]' by default, but can
  * be configured to use something else with the `dynamicRouteKey` option.
  */
 
-// Bump body size limit (1mb by default) for Experience Editor payload
+// Bump body size limit (1mb by default) for Sitecore editor payload
 // See https://nextjs.org/docs/api-routes/api-middlewares#custom-config
 export const config = {
   api: {
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/render.ts b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/render.ts
index c739102ba4..86c9fd5df0 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/render.ts
+++ b/packages/create-sitecore-jss/src/templates/nextjs/src/pages/api/editing/render.ts
@@ -1,20 +1,20 @@
 import { EditingRenderMiddleware } from '@sitecore-jss/sitecore-jss-nextjs/middleware';
 
 /**
- * This Next.js API route is used to handle POST requests from the Sitecore Experience Editor.
+ * This Next.js API route is used to handle POST requests from Sitecore editors.
  * This route should match the `serverSideRenderingEngineEndpointUrl` in your Sitecore configuration,
  * which is set to "http://localhost:3000/api/editing/render" by default (see \sitecore\config\<%- appName %>.config).
  *
  * The `EditingRenderMiddleware` will
- *  1. Extract editing data from the Experience Editor POST request
+ *  1. Extract editing data from the Sitecore editor POST request
  *  2. Stash this data (for later use in the page render request) via the `EditingDataService`, which returns a key for retrieval
  *  3. Enable Next.js Preview Mode, passing our stashed editing data key as preview data
  *  4. Invoke the actual page render request, passing along the Preview Mode cookies.
  *     This allows retrieval of the editing data in preview context (via the `EditingDataService`) - see `SitecorePagePropsFactory`
- *  5. Return the rendered page HTML to the Sitecore Experience Editor
+ *  5. Return the rendered page HTML to the Sitecore editor
  */
 
-// Bump body size limit (1mb by default) for Experience Editor payload
+// Bump body size limit (1mb by default) for Sitecore editor payload
 // See https://nextjs.org/docs/api-routes/api-middlewares#custom-config
 export const config = {
   api: {
diff --git a/packages/sitecore-jss-nextjs/package.json b/packages/sitecore-jss-nextjs/package.json
index 31bd427240..69288fe92d 100644
--- a/packages/sitecore-jss-nextjs/package.json
+++ b/packages/sitecore-jss-nextjs/package.json
@@ -53,7 +53,7 @@
     "eslint-plugin-react": "^7.21.5",
     "jsdom": "^15.1.1",
     "mocha": "^9.1.3",
-    "next": "^12.1.6",
+    "next": "^12.2.0",
     "nock": "^13.0.5",
     "nyc": "^15.1.0",
     "react": "^18.1.0",
@@ -64,7 +64,7 @@
     "typescript": "~4.3.5"
   },
   "peerDependencies": {
-    "next": "^12.1.6",
+    "next": "^12.2.0",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },
diff --git a/packages/sitecore-jss-nextjs/src/edge/personalize-middleware.ts b/packages/sitecore-jss-nextjs/src/edge/personalize-middleware.ts
index f76b09dcd2..c8335fc327 100644
--- a/packages/sitecore-jss-nextjs/src/edge/personalize-middleware.ts
+++ b/packages/sitecore-jss-nextjs/src/edge/personalize-middleware.ts
@@ -1,4 +1,4 @@
-import { NextResponse, NextRequest } from 'next/server';
+import { NextResponse, NextRequest, userAgent } from 'next/server';
 import {
   GraphQLPersonalizeService,
   GraphQLPersonalizeServiceConfig,
@@ -72,18 +72,19 @@ export class PersonalizeMiddleware {
   }
 
   protected getBrowserId(req: NextRequest): string | undefined {
-    return req.cookies[this.browserIdCookieName] || undefined;
+    return req.cookies.get(this.browserIdCookieName) || undefined;
   }
 
   protected setBrowserId(res: NextResponse, browserId: string) {
     if (browserId.length > 0) {
       const expiryDate = new Date(new Date().setFullYear(new Date().getFullYear() + 2));
       const options = { expires: expiryDate, secure: true };
-      res.cookie(this.browserIdCookieName, browserId, options);
+      res.cookies.set(this.browserIdCookieName, browserId, options);
     }
   }
 
   protected getExperienceParams(req: NextRequest): ExperienceParams {
+    const { ua } = userAgent(req);
     return {
       geo: {
         city: req.geo?.city ?? null,
@@ -93,7 +94,7 @@ export class PersonalizeMiddleware {
         region: req.geo?.region ?? null,
       },
       referrer: req.referrer,
-      ua: req.ua?.ua ?? null,
+      ua: ua ?? null,
       utm: {
         utm_campaign: req.nextUrl.searchParams.get('utm_campaign'),
         utm_content: req.nextUrl.searchParams.get('utm_content'),
@@ -107,7 +108,8 @@ export class PersonalizeMiddleware {
     if (
       pathname.includes('.') || // Ignore files
       pathname.startsWith('/api/') || // Ignore Next.js API calls
-      pathname.startsWith('/sitecore/') // Ignore Sitecore API calls
+      pathname.startsWith('/sitecore/') || // Ignore Sitecore API calls
+      pathname.startsWith('/_next') // Ignore next service calls
     ) {
       return true;
     }
@@ -115,7 +117,7 @@ export class PersonalizeMiddleware {
   }
 
   private isPreview(req: NextRequest) {
-    return req.cookies.__prerender_bypass || req.cookies.__next_preview_data;
+    return req.cookies.get('__prerender_bypass') || req.cookies.get('__next_preview_data');
   }
 
   private handler = async (req: NextRequest, res?: NextResponse): Promise<NextResponse> => {
diff --git a/yarn.lock b/yarn.lock
index a2a768e260..4efedc4140 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3099,93 +3099,100 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/env@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/env@npm:12.1.6"
-  checksum: e6a4f189f0d653d13dc7ad510f6c9d2cf690bfd9e07c554bd501b840f8dabc3da5adcab874b0bc01aab86c3647cff4fb84692e3c3b28125af26f0b05cd4c7fcf
+"@next/env@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/env@npm:12.2.0"
+  checksum: 5fb317bdb5eb2d5df12ff55e335368792dba21874c5ece3cabf8cd312cec911a1d54ecf368e69dc08640b0244669b8a98c86cd035c7874b17640602e67c1b9d9
   languageName: node
   linkType: hard
 
-"@next/swc-android-arm-eabi@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-android-arm-eabi@npm:12.1.6"
+"@next/swc-android-arm-eabi@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-android-arm-eabi@npm:12.2.0"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@next/swc-android-arm64@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-android-arm64@npm:12.1.6"
+"@next/swc-android-arm64@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-android-arm64@npm:12.2.0"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-darwin-arm64@npm:12.1.6"
+"@next/swc-darwin-arm64@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-darwin-arm64@npm:12.2.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-darwin-x64@npm:12.1.6"
+"@next/swc-darwin-x64@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-darwin-x64@npm:12.2.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm-gnueabihf@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-linux-arm-gnueabihf@npm:12.1.6"
+"@next/swc-freebsd-x64@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-freebsd-x64@npm:12.2.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@next/swc-linux-arm-gnueabihf@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-linux-arm-gnueabihf@npm:12.2.0"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-linux-arm64-gnu@npm:12.1.6"
+"@next/swc-linux-arm64-gnu@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-linux-arm64-gnu@npm:12.2.0"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-linux-arm64-musl@npm:12.1.6"
+"@next/swc-linux-arm64-musl@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-linux-arm64-musl@npm:12.2.0"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-linux-x64-gnu@npm:12.1.6"
+"@next/swc-linux-x64-gnu@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-linux-x64-gnu@npm:12.2.0"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-linux-x64-musl@npm:12.1.6"
+"@next/swc-linux-x64-musl@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-linux-x64-musl@npm:12.2.0"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-win32-arm64-msvc@npm:12.1.6"
+"@next/swc-win32-arm64-msvc@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-win32-arm64-msvc@npm:12.2.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-win32-ia32-msvc@npm:12.1.6"
+"@next/swc-win32-ia32-msvc@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-win32-ia32-msvc@npm:12.2.0"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:12.1.6":
-  version: 12.1.6
-  resolution: "@next/swc-win32-x64-msvc@npm:12.1.6"
+"@next/swc-win32-x64-msvc@npm:12.2.0":
+  version: 12.2.0
+  resolution: "@next/swc-win32-x64-msvc@npm:12.2.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -3917,7 +3924,7 @@ __metadata:
     eslint-plugin-react: ^7.21.5
     jsdom: ^15.1.1
     mocha: ^9.1.3
-    next: ^12.1.6
+    next: ^12.2.0
     nock: ^13.0.5
     nyc: ^15.1.0
     prop-types: ^15.7.2
@@ -3930,7 +3937,7 @@ __metadata:
     ts-node: ^9.0.0
     typescript: ~4.3.5
   peerDependencies:
-    next: ^12.1.6
+    next: ^12.2.0
     react: ^18.1.0
     react-dom: ^18.1.0
   languageName: unknown
@@ -4167,6 +4174,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@swc/helpers@npm:0.4.2":
+  version: 0.4.2
+  resolution: "@swc/helpers@npm:0.4.2"
+  dependencies:
+    tslib: ^2.4.0
+  checksum: 0b8c86ad03b17b8fe57dc4498e25dc294ea6bc42558a6b92d8fcd789351dac80199409bef38a2e3ac06aae0fedddfc0ab9c34409acbf74e55d1bbbd74f68b6b7
+  languageName: node
+  linkType: hard
+
 "@szmarczak/http-timer@npm:^4.0.5":
   version: 4.0.6
   resolution: "@szmarczak/http-timer@npm:4.0.6"
@@ -18394,26 +18410,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:^12.1.6":
-  version: 12.1.6
-  resolution: "next@npm:12.1.6"
-  dependencies:
-    "@next/env": 12.1.6
-    "@next/swc-android-arm-eabi": 12.1.6
-    "@next/swc-android-arm64": 12.1.6
-    "@next/swc-darwin-arm64": 12.1.6
-    "@next/swc-darwin-x64": 12.1.6
-    "@next/swc-linux-arm-gnueabihf": 12.1.6
-    "@next/swc-linux-arm64-gnu": 12.1.6
-    "@next/swc-linux-arm64-musl": 12.1.6
-    "@next/swc-linux-x64-gnu": 12.1.6
-    "@next/swc-linux-x64-musl": 12.1.6
-    "@next/swc-win32-arm64-msvc": 12.1.6
-    "@next/swc-win32-ia32-msvc": 12.1.6
-    "@next/swc-win32-x64-msvc": 12.1.6
+"next@npm:^12.2.0":
+  version: 12.2.0
+  resolution: "next@npm:12.2.0"
+  dependencies:
+    "@next/env": 12.2.0
+    "@next/swc-android-arm-eabi": 12.2.0
+    "@next/swc-android-arm64": 12.2.0
+    "@next/swc-darwin-arm64": 12.2.0
+    "@next/swc-darwin-x64": 12.2.0
+    "@next/swc-freebsd-x64": 12.2.0
+    "@next/swc-linux-arm-gnueabihf": 12.2.0
+    "@next/swc-linux-arm64-gnu": 12.2.0
+    "@next/swc-linux-arm64-musl": 12.2.0
+    "@next/swc-linux-x64-gnu": 12.2.0
+    "@next/swc-linux-x64-musl": 12.2.0
+    "@next/swc-win32-arm64-msvc": 12.2.0
+    "@next/swc-win32-ia32-msvc": 12.2.0
+    "@next/swc-win32-x64-msvc": 12.2.0
+    "@swc/helpers": 0.4.2
     caniuse-lite: ^1.0.30001332
     postcss: 8.4.5
     styled-jsx: 5.0.2
+    use-sync-external-store: 1.1.0
   peerDependencies:
     fibers: ">= 3.1.0"
     node-sass: ^6.0.0 || ^7.0.0
@@ -18429,6 +18448,8 @@ __metadata:
       optional: true
     "@next/swc-darwin-x64":
       optional: true
+    "@next/swc-freebsd-x64":
+      optional: true
     "@next/swc-linux-arm-gnueabihf":
       optional: true
     "@next/swc-linux-arm64-gnu":
@@ -18454,7 +18475,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 670d544fd47670c29681d10824e6da625e9d4a048e564c8d9cb80d37f33c9ff9b5ca0a53e6d84d8d618b1fe7c9bb4e6b45040cb7e57a5c46b232a8f914425dc1
+  checksum: 38456c33935122ac1581367e4982034be23269039a8470a66443d710334336f8f3fb587f25d172d138d84cf18c01d3a76627fb610c2e2e57bd1692277c23fa2b
   languageName: node
   linkType: hard
 
@@ -24365,6 +24386,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "tslib@npm:2.4.0"
+  checksum: 8c4aa6a3c5a754bf76aefc38026134180c053b7bd2f81338cb5e5ebf96fefa0f417bff221592bf801077f5bf990562f6264fecbc42cd3309b33872cb6fc3b113
+  languageName: node
+  linkType: hard
+
 "tslib@npm:~2.1.0":
   version: 2.1.0
   resolution: "tslib@npm:2.1.0"
@@ -24899,6 +24927,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-sync-external-store@npm:1.1.0":
+  version: 1.1.0
+  resolution: "use-sync-external-store@npm:1.1.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 8993a0b642f91d7fcdbb02b7b3ac984bd3af4769686f38291fe7fcfe73dfb73d6c64d20dfb7e5e7fbf5a6da8f5392d6f8e5b00c243a04975595946e82c02b883
+  languageName: node
+  linkType: hard
+
 "use@npm:^3.1.0":
   version: 3.1.1
   resolution: "use@npm:3.1.1"