diff --git a/.cargo/config.toml b/.cargo/config.toml
index fd2e766d5e4c9..48a22abd2166d 100644
--- a/.cargo/config.toml
+++ b/.cargo/config.toml
@@ -35,8 +35,4 @@ rustflags = [
   "-Zshare-generics=y",
   "-Csymbol-mangling-version=v0",
   "-Aclippy::too_many_arguments",
-  # Clippy's needless mut lint is buggy: https://github.com/rust-lang/rust-clippy/issues/11299
-  "-Aclippy::needless_pass_by_ref_mut",
-  # Clippy's partial_eq lint is buggy: https://github.com/rust-lang/rust-clippy/issues/11178
-  "-Aclippy::non_canonical_partial_ord_impl",
 ]
diff --git a/.eslintrc.json b/.eslintrc.json
index feb49b2ecbbff..4dfa939d385d4 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -213,6 +213,18 @@
         ],
         "eslint-plugin/require-meta-docs-url": "error"
       }
+    },
+    {
+      "files": ["packages/**/*.tsx", "packages/**/*.ts"],
+      "rules": {
+        "@typescript-eslint/consistent-type-imports": [
+          "error",
+          {
+            "disallowTypeAnnotations": false
+          }
+        ],
+        "@typescript-eslint/no-import-type-side-effects": "error"
+      }
     }
   ],
   "rules": {
diff --git a/.github/actions/next-stats-action/src/prepare/repo-setup.js b/.github/actions/next-stats-action/src/prepare/repo-setup.js
index 660a6f4a0b012..74fd6ea1fc925 100644
--- a/.github/actions/next-stats-action/src/prepare/repo-setup.js
+++ b/.github/actions/next-stats-action/src/prepare/repo-setup.js
@@ -1,5 +1,7 @@
 const path = require('path')
-const fs = require('fs-extra')
+const fse = require('fs-extra')
+const fs = require('fs')
+const fsp = require('fs/promises')
 const exec = require('../util/exec')
 const { remove } = require('fs-extra')
 const logger = require('../util/logger')
@@ -54,11 +56,23 @@ module.exports = (actionInfo) => {
     },
     async linkPackages({ repoDir, nextSwcVersion }) {
       const pkgPaths = new Map()
+
+      /**
+       * @typedef {Object} PkgData
+       * @property {string} pkgDataPath Where the package.json file is located
+       * @property {string} pkg The folder name of the package
+       * @property {string} pkgPath The path to the package folder
+       * @property {any} pkgData The content of package.json
+       * @property {string} packedPkgPath The npm pack output .tgz file path
+       */
+
+      /** @type {Map<string, PkgData>} */
       const pkgDatas = new Map()
+
       let pkgs
 
       try {
-        pkgs = await fs.readdir(path.join(repoDir, 'packages'))
+        pkgs = await fsp.readdir(path.join(repoDir, 'packages'))
       } catch (err) {
         if (err.code === 'ENOENT') {
           require('console').log('no packages to link')
@@ -67,69 +81,81 @@ module.exports = (actionInfo) => {
         throw err
       }
 
-      for (const pkg of pkgs) {
-        const pkgPath = path.join(repoDir, 'packages', pkg)
-        const packedPkgPath = path.join(pkgPath, `${pkg}-packed.tgz`)
-
-        const pkgDataPath = path.join(pkgPath, 'package.json')
-        if (!fs.existsSync(pkgDataPath)) {
-          require('console').log(`Skipping ${pkgDataPath}`)
-          continue
-        }
-        const pkgData = require(pkgDataPath)
-        const { name } = pkgData
-
-        pkgDatas.set(name, {
-          pkgDataPath,
-          pkg,
-          pkgPath,
-          pkgData,
-          packedPkgPath,
+      await Promise.all(
+        pkgs.map(async (pkg) => {
+          const pkgPath = path.join(repoDir, 'packages', pkg)
+          const packedPkgPath = path.join(pkgPath, `${pkg}-packed.tgz`)
+
+          const pkgDataPath = path.join(pkgPath, 'package.json')
+          if (fs.existsSync(pkgDataPath)) {
+            const pkgData = JSON.parse(await fsp.readFile(pkgDataPath))
+            const { name } = pkgData
+
+            pkgDatas.set(name, {
+              pkgDataPath,
+              pkg,
+              pkgPath,
+              pkgData,
+              packedPkgPath,
+            })
+            pkgPaths.set(name, packedPkgPath)
+          } else {
+            require('console').log(`Skipping ${pkgDataPath}`)
+          }
         })
-        pkgPaths.set(name, packedPkgPath)
-      }
-
-      for (const pkg of pkgDatas.keys()) {
-        const { pkgDataPath, pkgData } = pkgDatas.get(pkg)
+      )
 
-        for (const pkg of pkgDatas.keys()) {
-          const { packedPkgPath } = pkgDatas.get(pkg)
+      for (const [
+        pkg,
+        { pkgDataPath, pkgData, pkgPath },
+      ] of pkgDatas.entries()) {
+        // update the current package dependencies to point to packed tgz path
+        for (const [pkg, { packedPkgPath }] of pkgDatas.entries()) {
           if (!pkgData.dependencies || !pkgData.dependencies[pkg]) continue
           pkgData.dependencies[pkg] = packedPkgPath
         }
 
         // make sure native binaries are included in local linking
         if (pkg === '@next/swc') {
-          if (!pkgData.files) {
-            pkgData.files = []
-          }
+          pkgData.files ||= []
+
           pkgData.files.push('native')
-          require('console').log(
-            'using swc binaries: ',
-            await exec(`ls ${path.join(path.dirname(pkgDataPath), 'native')}`)
-          )
-        }
 
-        if (pkg === 'next') {
+          try {
+            const swcBinariesDirContents = await fsp.readdir(
+              path.join(pkgPath, 'native')
+            )
+            require('console').log(
+              'using swc binaries: ',
+              swcBinariesDirContents.join(', ')
+            )
+          } catch (err) {
+            if (err.code === 'ENOENT') {
+              require('console').log('swc binaries dir is missing!')
+            }
+            throw err
+          }
+        } else if (pkg === 'next') {
+          const nextSwcPkg = pkgDatas.get('@next/swc')
+
           console.log('using swc dep', {
             nextSwcVersion,
-            nextSwcPkg: pkgDatas.get('@next/swc'),
+            nextSwcPkg,
           })
           if (nextSwcVersion) {
             Object.assign(pkgData.dependencies, {
               '@next/swc-linux-x64-gnu': nextSwcVersion,
             })
           } else {
-            if (pkgDatas.get('@next/swc')) {
-              pkgData.dependencies['@next/swc'] =
-                pkgDatas.get('@next/swc').packedPkgPath
+            if (nextSwcPkg) {
+              pkgData.dependencies['@next/swc'] = nextSwcPkg.packedPkgPath
             } else {
               pkgData.files.push('native')
             }
           }
         }
 
-        await fs.writeFile(
+        await fsp.writeFile(
           pkgDataPath,
           JSON.stringify(pkgData, null, 2),
           'utf8'
@@ -139,41 +165,47 @@ module.exports = (actionInfo) => {
       // wait to pack packages until after dependency paths have been updated
       // to the correct versions
       await Promise.all(
-        Array.from(pkgDatas.keys()).map(async (pkgName) => {
-          const { pkgPath, packedPkgPath } = pkgDatas.get(pkgName)
-
-          let cleanup = null
-
-          if (pkgName === '@next/swc') {
-            // next-swc uses a gitignore to prevent the committing of native builds but it doesn't
-            // use files in package.json because it publishes to individual packages based on architecture.
-            // When we used yarn to pack these packages the gitignore was ignored so the native builds were packed
-            // however npm does respect gitignore when packing so we need to remove it in this specific case
-            // to ensure the native builds are packed for use in gh actions and related scripts
-            await fs.rename(
-              path.join(pkgPath, 'native/.gitignore'),
-              path.join(pkgPath, 'disabled-native-gitignore')
-            )
-            cleanup = async () => {
-              await fs.rename(
-                path.join(pkgPath, 'disabled-native-gitignore'),
-                path.join(pkgPath, 'native/.gitignore')
+        Array.from(pkgDatas.entries()).map(
+          async ([pkgName, { pkgPath, packedPkgPath }]) => {
+            /** @type {null | () => Promise<void>} */
+            let cleanup = null
+
+            if (pkgName === '@next/swc') {
+              // next-swc uses a gitignore to prevent the committing of native builds but it doesn't
+              // use files in package.json because it publishes to individual packages based on architecture.
+              // When we used yarn to pack these packages the gitignore was ignored so the native builds were packed
+              // however npm does respect gitignore when packing so we need to remove it in this specific case
+              // to ensure the native builds are packed for use in gh actions and related scripts
+
+              const nativeGitignorePath = path.join(
+                pkgPath,
+                'native/.gitignore'
+              )
+              const renamedGitignorePath = path.join(
+                pkgPath,
+                'disabled-native-gitignore'
               )
+
+              await fsp.rename(nativeGitignorePath, renamedGitignorePath)
+              cleanup = async () => {
+                await fsp.rename(renamedGitignorePath, nativeGitignorePath)
+              }
             }
-          }
 
-          const { stdout } = await execa('npm', ['pack'], {
-            cwd: pkgPath,
-            env: {
-              ...process.env,
-              COREPACK_ENABLE_STRICT: '0',
-            },
-          })
-          await fs.rename(path.resolve(pkgPath, stdout.trim()), packedPkgPath)
-          if (cleanup) {
-            await cleanup()
+            const { stdout } = await execa('pnpm', ['pack'], {
+              cwd: pkgPath,
+              env: {
+                ...process.env,
+                COREPACK_ENABLE_STRICT: '0',
+              },
+            })
+
+            return Promise.all([
+              fsp.rename(path.resolve(pkgPath, stdout.trim()), packedPkgPath),
+              cleanup?.(),
+            ])
           }
-        })
+        )
       )
       return pkgPaths
     },
diff --git a/.github/workflows/build_and_deploy.yml b/.github/workflows/build_and_deploy.yml
index 44798960f3a69..93648a7ae05c5 100644
--- a/.github/workflows/build_and_deploy.yml
+++ b/.github/workflows/build_and_deploy.yml
@@ -254,6 +254,7 @@ jobs:
         with:
           node-version: ${{ env.NODE_LTS_VERSION }}
           check-latest: true
+      - run: corepack enable
 
       - name: Install Rust
         uses: ./.github/actions/setup-rust
diff --git a/.github/workflows/build_and_test.yml b/.github/workflows/build_and_test.yml
index 9b18c42aa0ec8..1f4d50d639ed3 100644
--- a/.github/workflows/build_and_test.yml
+++ b/.github/workflows/build_and_test.yml
@@ -58,6 +58,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 18
+      - run: corepack enable
       - name: 'Run link checker'
         run: node ./.github/actions/validate-docs-links/lib
         env:
diff --git a/.github/workflows/code_freeze.yml b/.github/workflows/code_freeze.yml
index 513390827cc88..3c4c8b23f6bf4 100644
--- a/.github/workflows/code_freeze.yml
+++ b/.github/workflows/code_freeze.yml
@@ -32,6 +32,7 @@ jobs:
         with:
           node-version: 18
           check-latest: true
+      - run: corepack enable
 
       - run: git clone https://github.com/vercel/next.js.git --depth=1 .
 
diff --git a/.github/workflows/pull_request_approved.yml b/.github/workflows/pull_request_approved.yml
index 4dec0271a80d6..77519be02f1a6 100644
--- a/.github/workflows/pull_request_approved.yml
+++ b/.github/workflows/pull_request_approved.yml
@@ -14,6 +14,7 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: 18
+      - run: corepack enable
       - name: 'Send notification to Slack'
         run: node ./.github/actions/pr-approved-open/index.mjs
         env:
diff --git a/Cargo.lock b/Cargo.lock
index 9691bd3826777..4bfb6d1d07ea9 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -289,9 +289,9 @@ dependencies = [
 
 [[package]]
 name = "async-trait"
-version = "0.1.68"
+version = "0.1.73"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b9ccdd8f2a161be9bd5c023df56f1b2a0bd1d83872ae53b71a84a12c9bf6e842"
+checksum = "bc00ceb34980c03614e35a3a4e218276a0a824e911d07651cd0d858a51e8c0f0"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -321,7 +321,7 @@ dependencies = [
 [[package]]
 name = "auto-hash-map"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "serde",
  "smallvec",
@@ -3515,7 +3515,7 @@ dependencies = [
 [[package]]
 name = "node-file-trace"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "serde",
@@ -7368,7 +7368,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -7400,7 +7400,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-build"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "cargo-lock",
@@ -7412,7 +7412,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-bytes"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "bytes",
@@ -7427,7 +7427,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-env"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "dotenvs",
@@ -7441,7 +7441,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-fetch"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indexmap 1.9.3",
@@ -7458,7 +7458,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-fs"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "auto-hash-map",
@@ -7488,7 +7488,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-hash"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "base16",
  "hex",
@@ -7500,7 +7500,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-macros"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "convert_case 0.6.0",
@@ -7514,7 +7514,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-macros-shared"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "proc-macro2",
  "quote",
@@ -7524,7 +7524,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-malloc"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "mimalloc",
 ]
@@ -7532,7 +7532,7 @@ dependencies = [
 [[package]]
 name = "turbo-tasks-memory"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "auto-hash-map",
@@ -7557,7 +7557,7 @@ dependencies = [
 [[package]]
 name = "turbopack"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -7588,7 +7588,7 @@ dependencies = [
 [[package]]
 name = "turbopack-binding"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "auto-hash-map",
  "mdxjs",
@@ -7628,7 +7628,7 @@ dependencies = [
 [[package]]
 name = "turbopack-build"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indexmap 1.9.3",
@@ -7650,7 +7650,7 @@ dependencies = [
 [[package]]
 name = "turbopack-cli-utils"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "clap 4.4.2",
@@ -7674,7 +7674,7 @@ dependencies = [
 [[package]]
 name = "turbopack-core"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-recursion",
@@ -7703,7 +7703,7 @@ dependencies = [
 [[package]]
 name = "turbopack-css"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -7725,7 +7725,7 @@ dependencies = [
 [[package]]
 name = "turbopack-dev"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indexmap 1.9.3",
@@ -7749,7 +7749,7 @@ dependencies = [
 [[package]]
 name = "turbopack-dev-server"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-compression",
@@ -7786,7 +7786,7 @@ dependencies = [
 [[package]]
 name = "turbopack-ecmascript"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -7820,7 +7820,7 @@ dependencies = [
 [[package]]
 name = "turbopack-ecmascript-hmr-protocol"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "serde",
  "serde_json",
@@ -7831,7 +7831,7 @@ dependencies = [
 [[package]]
 name = "turbopack-ecmascript-plugins"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-trait",
@@ -7854,7 +7854,7 @@ dependencies = [
 [[package]]
 name = "turbopack-ecmascript-runtime"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indoc",
@@ -7871,7 +7871,7 @@ dependencies = [
 [[package]]
 name = "turbopack-env"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indexmap 1.9.3",
@@ -7887,7 +7887,7 @@ dependencies = [
 [[package]]
 name = "turbopack-image"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "base64 0.21.4",
@@ -7907,7 +7907,7 @@ dependencies = [
 [[package]]
 name = "turbopack-json"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "serde",
@@ -7922,7 +7922,7 @@ dependencies = [
 [[package]]
 name = "turbopack-mdx"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "mdxjs",
@@ -7937,7 +7937,7 @@ dependencies = [
 [[package]]
 name = "turbopack-node"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "async-stream",
@@ -7972,7 +7972,7 @@ dependencies = [
 [[package]]
 name = "turbopack-static"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "serde",
@@ -7988,7 +7988,7 @@ dependencies = [
 [[package]]
 name = "turbopack-swc-utils"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "swc_core",
  "turbo-tasks",
@@ -7999,7 +7999,7 @@ dependencies = [
 [[package]]
 name = "turbopack-wasm"
 version = "0.1.0"
-source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231005.2#2207c3eb716b81c719385e43d25d7399f673fc11"
+source = "git+https://github.com/vercel/turbo.git?tag=turbopack-231006.4#8439948663a049728a48386cf4791693e264260e"
 dependencies = [
  "anyhow",
  "indexmap 1.9.3",
diff --git a/Cargo.toml b/Cargo.toml
index 6bd1c3e771296..173a6453b4167 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -40,11 +40,11 @@ swc_core = { version = "0.83.28", features = [
 testing = { version = "0.34.1" }
 
 # Turbo crates
-turbopack-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231005.2" }
+turbopack-binding = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231006.4" }
 # [TODO]: need to refactor embed_directory! macro usages, as well as resolving turbo_tasks::function, macros..
-turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231005.2" }
+turbo-tasks = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231006.4" }
 # [TODO]: need to refactor embed_directory! macro usage in next-core
-turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231005.2" }
+turbo-tasks-fs = { git = "https://github.com/vercel/turbo.git", tag = "turbopack-231006.4" }
 
 # General Deps
 
diff --git a/docs/02-app/01-building-your-application/02-data-fetching/01-fetching-caching-and-revalidating.mdx b/docs/02-app/01-building-your-application/02-data-fetching/01-fetching-caching-and-revalidating.mdx
index e364b27828158..f73228c63590a 100644
--- a/docs/02-app/01-building-your-application/02-data-fetching/01-fetching-caching-and-revalidating.mdx
+++ b/docs/02-app/01-building-your-application/02-data-fetching/01-fetching-caching-and-revalidating.mdx
@@ -310,7 +310,7 @@ export const getItem = cache(async (id) => {
 
 Although the `getItem` function is called twice, only one query will be made to the database.
 
-```tsx filename="app/item/layout.tsx" switcher
+```tsx filename="app/item/[id]/layout.tsx" switcher
 import { getItem } from '@/utils/get-item'
 
 export default async function Layout({
@@ -323,7 +323,7 @@ export default async function Layout({
 }
 ```
 
-```jsx filename="app/item/layout.js" switcher
+```jsx filename="app/item/[id]/layout.js" switcher
 import { getItem } from '@/utils/get-item'
 
 export default async function Layout({ params: { id } }) {
diff --git a/docs/02-app/01-building-your-application/03-rendering/02-client-components.mdx b/docs/02-app/01-building-your-application/03-rendering/02-client-components.mdx
index 08312aef99492..1cc7fc2a15761 100644
--- a/docs/02-app/01-building-your-application/03-rendering/02-client-components.mdx
+++ b/docs/02-app/01-building-your-application/03-rendering/02-client-components.mdx
@@ -91,7 +91,7 @@ Then, on the client:
 
 > **What is hydration?**
 >
-> Hydration is process of attaching event listeners to the DOM, to make the static HTML interactive. Behind the scenes, hydration is done with the [`hydrateRoot`](https://react.dev/reference/react-dom/client/hydrateRoot) React API.
+> Hydration is the process of attaching event listeners to the DOM, to make the static HTML interactive. Behind the scenes, hydration is done with the [`hydrateRoot`](https://react.dev/reference/react-dom/client/hydrateRoot) React API.
 
 ### Subsequent Navigations
 
diff --git a/lerna.json b/lerna.json
index b4ff2eda07dcf..ad3fab982201e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -16,5 +16,5 @@
       "registry": "https://registry.npmjs.org/"
     }
   },
-  "version": "13.5.5-canary.2"
+  "version": "13.5.5-canary.4"
 }
diff --git a/package.json b/package.json
index 6cd4a3dac6c6f..b0c41f67309df 100644
--- a/package.json
+++ b/package.json
@@ -199,7 +199,7 @@
     "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-d900fadbf-20230929",
     "react-experimental-builtin": "npm:react@0.0.0-experimental-d900fadbf-20230929",
     "react-server-dom-turbopack": "18.3.0-canary-d900fadbf-20230929",
-    "react-server-dom-turbopack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-d900fadbf-20230929",
+    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-d900fadbf-20230929",
     "react-server-dom-webpack": "18.3.0-canary-d900fadbf-20230929",
     "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-d900fadbf-20230929",
     "react-ssr-prepass": "1.0.8",
diff --git a/packages/create-next-app/create-app.ts b/packages/create-next-app/create-app.ts
index 23d0c1419edfb..89719e48ad473 100644
--- a/packages/create-next-app/create-app.ts
+++ b/packages/create-next-app/create-app.ts
@@ -3,13 +3,13 @@ import retry from 'async-retry'
 import { red, green, cyan } from 'picocolors'
 import fs from 'fs'
 import path from 'path'
+import type { RepoInfo } from './helpers/examples'
 import {
   downloadAndExtractExample,
   downloadAndExtractRepo,
   getRepoInfo,
   existsInRepo,
   hasRepo,
-  RepoInfo,
 } from './helpers/examples'
 import { makeDir } from './helpers/make-dir'
 import { tryGitInit } from './helpers/git'
@@ -19,12 +19,8 @@ import { getOnline } from './helpers/is-online'
 import { isWriteable } from './helpers/is-writeable'
 import type { PackageManager } from './helpers/get-pkg-manager'
 
-import {
-  getTemplateFile,
-  installTemplate,
-  TemplateMode,
-  TemplateType,
-} from './templates'
+import type { TemplateMode, TemplateType } from './templates'
+import { getTemplateFile, installTemplate } from './templates'
 
 export class DownloadError extends Error {}
 
diff --git a/packages/create-next-app/package.json b/packages/create-next-app/package.json
index 1ca01794a8ee1..4badb4015965f 100644
--- a/packages/create-next-app/package.json
+++ b/packages/create-next-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-next-app",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "keywords": [
     "react",
     "next",
diff --git a/packages/eslint-config-next/package.json b/packages/eslint-config-next/package.json
index ab5cafb81e28c..d349a1c12e24f 100644
--- a/packages/eslint-config-next/package.json
+++ b/packages/eslint-config-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-next",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "ESLint configuration used by Next.js.",
   "main": "index.js",
   "license": "MIT",
@@ -10,7 +10,7 @@
   },
   "homepage": "https://nextjs.org/docs/app/building-your-application/configuring/eslint#eslint-config",
   "dependencies": {
-    "@next/eslint-plugin-next": "13.5.5-canary.2",
+    "@next/eslint-plugin-next": "13.5.5-canary.4",
     "@rushstack/eslint-patch": "^1.3.3",
     "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
     "eslint-import-resolver-node": "^0.3.6",
diff --git a/packages/eslint-plugin-next/package.json b/packages/eslint-plugin-next/package.json
index d37cf3822c4f9..b92d5a8596f42 100644
--- a/packages/eslint-plugin-next/package.json
+++ b/packages/eslint-plugin-next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/eslint-plugin-next",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "ESLint plugin for Next.js.",
   "main": "dist/index.js",
   "license": "MIT",
diff --git a/packages/font/package.json b/packages/font/package.json
index e8dac1caf89d8..856f0a79da3eb 100644
--- a/packages/font/package.json
+++ b/packages/font/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/font",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/font"
diff --git a/packages/font/src/google/get-proxy-agent.ts b/packages/font/src/google/get-proxy-agent.ts
index 9095a6f5a12f8..eb2db1b21fa34 100644
--- a/packages/font/src/google/get-proxy-agent.ts
+++ b/packages/font/src/google/get-proxy-agent.ts
@@ -2,7 +2,7 @@
 import HttpsProxyAgent from 'next/dist/compiled/https-proxy-agent'
 // @ts-ignore
 import HttpProxyAgent from 'next/dist/compiled/http-proxy-agent'
-import { Agent } from 'https'
+import type { Agent } from 'https'
 
 /**
  * If the http(s)_proxy environment variables is set, return a proxy agent.
diff --git a/packages/next-bundle-analyzer/package.json b/packages/next-bundle-analyzer/package.json
index 44ac0d40b40ac..8a557e3557a4f 100644
--- a/packages/next-bundle-analyzer/package.json
+++ b/packages/next-bundle-analyzer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/bundle-analyzer",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "main": "index.js",
   "types": "index.d.ts",
   "license": "MIT",
diff --git a/packages/next-codemod/lib/cra-to-next/global-css-transform.ts b/packages/next-codemod/lib/cra-to-next/global-css-transform.ts
index 6687194e64d57..46b539b1ff9e8 100644
--- a/packages/next-codemod/lib/cra-to-next/global-css-transform.ts
+++ b/packages/next-codemod/lib/cra-to-next/global-css-transform.ts
@@ -1,5 +1,5 @@
 import nodePath from 'path'
-import { API, FileInfo, Options } from 'jscodeshift'
+import type { API, FileInfo, Options } from 'jscodeshift'
 
 export const globalCssContext = {
   cssImports: new Set<string>(),
diff --git a/packages/next-codemod/lib/cra-to-next/index-to-component.ts b/packages/next-codemod/lib/cra-to-next/index-to-component.ts
index cb66d61f873be..bcb15b2941d4d 100644
--- a/packages/next-codemod/lib/cra-to-next/index-to-component.ts
+++ b/packages/next-codemod/lib/cra-to-next/index-to-component.ts
@@ -1,4 +1,4 @@
-import { API, FileInfo, JSXElement, Options } from 'jscodeshift'
+import type { API, FileInfo, JSXElement, Options } from 'jscodeshift'
 
 export const indexContext = {
   multipleRenderRoots: false,
diff --git a/packages/next-codemod/package.json b/packages/next-codemod/package.json
index 81b150a3b928c..f910d70927782 100644
--- a/packages/next-codemod/package.json
+++ b/packages/next-codemod/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/codemod",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/packages/next-codemod/transforms/add-missing-react-import.ts b/packages/next-codemod/transforms/add-missing-react-import.ts
index da966ab8094ba..5e6267ed736c1 100644
--- a/packages/next-codemod/transforms/add-missing-react-import.ts
+++ b/packages/next-codemod/transforms/add-missing-react-import.ts
@@ -1,4 +1,10 @@
-import { API, Collection, FileInfo, JSCodeshift, Options } from 'jscodeshift'
+import type {
+  API,
+  Collection,
+  FileInfo,
+  JSCodeshift,
+  Options,
+} from 'jscodeshift'
 
 function addReactImport(j: JSCodeshift, root: Collection) {
   // We create an import specifier, this is the value of an import, eg:
diff --git a/packages/next-codemod/transforms/name-default-component.ts b/packages/next-codemod/transforms/name-default-component.ts
index 8a7d4169ff1da..6e02b73adfdc7 100644
--- a/packages/next-codemod/transforms/name-default-component.ts
+++ b/packages/next-codemod/transforms/name-default-component.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   API,
   ArrowFunctionExpression,
   ASTPath,
diff --git a/packages/next-codemod/transforms/new-link.ts b/packages/next-codemod/transforms/new-link.ts
index 1214db85c06ef..fce40964cc074 100644
--- a/packages/next-codemod/transforms/new-link.ts
+++ b/packages/next-codemod/transforms/new-link.ts
@@ -1,4 +1,4 @@
-import { API, FileInfo } from 'jscodeshift'
+import type { API, FileInfo } from 'jscodeshift'
 
 export default function transformer(file: FileInfo, api: API) {
   const j = api.jscodeshift.withParser('tsx')
diff --git a/packages/next-env/package.json b/packages/next-env/package.json
index e3c5a99ea5487..78eb4c0d87be7 100644
--- a/packages/next-env/package.json
+++ b/packages/next-env/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/env",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "keywords": [
     "react",
     "next",
diff --git a/packages/next-mdx/package.json b/packages/next-mdx/package.json
index 102a8ed4d33ef..4c754fba02b7d 100644
--- a/packages/next-mdx/package.json
+++ b/packages/next-mdx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/mdx",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "main": "index.js",
   "license": "MIT",
   "repository": {
diff --git a/packages/next-plugin-storybook/package.json b/packages/next-plugin-storybook/package.json
index cd3dca272564e..b89fde2bf621d 100644
--- a/packages/next-plugin-storybook/package.json
+++ b/packages/next-plugin-storybook/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/plugin-storybook",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "repository": {
     "url": "vercel/next.js",
     "directory": "packages/next-plugin-storybook"
diff --git a/packages/next-polyfill-module/package.json b/packages/next-polyfill-module/package.json
index d498743e0287b..5c77a0c4e9bc5 100644
--- a/packages/next-polyfill-module/package.json
+++ b/packages/next-polyfill-module/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/polyfill-module",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "A standard library polyfill for ES Modules supporting browsers (Edge 16+, Firefox 60+, Chrome 61+, Safari 10.1+)",
   "main": "dist/polyfill-module.js",
   "license": "MIT",
diff --git a/packages/next-polyfill-nomodule/package.json b/packages/next-polyfill-nomodule/package.json
index c715e5a210921..3e6adee4c8318 100644
--- a/packages/next-polyfill-nomodule/package.json
+++ b/packages/next-polyfill-nomodule/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/polyfill-nomodule",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "A polyfill for non-dead, nomodule browsers.",
   "main": "dist/polyfill-nomodule.js",
   "license": "MIT",
diff --git a/packages/next-swc/crates/core/src/react_server_components.rs b/packages/next-swc/crates/core/src/react_server_components.rs
index 8dd923dc61c74..8d136e78b09d8 100644
--- a/packages/next-swc/crates/core/src/react_server_components.rs
+++ b/packages/next-swc/crates/core/src/react_server_components.rs
@@ -344,6 +344,10 @@ impl<C: Comments> ReactServerComponents<C> {
     }
 
     fn assert_server_graph(&self, imports: &[ModuleImports], module: &Module) {
+        // If the
+        if self.is_from_node_modules(&self.filepath) {
+            return;
+        }
         for import in imports {
             let source = import.source.0.clone();
             if self.invalid_server_imports.contains(&source) {
@@ -391,6 +395,9 @@ impl<C: Comments> ReactServerComponents<C> {
     }
 
     fn assert_server_filename(&self, module: &Module) {
+        if self.is_from_node_modules(&self.filepath) {
+            return;
+        }
         let is_error_file = Regex::new(r"[\\/]error\.(ts|js)x?$")
             .unwrap()
             .is_match(&self.filepath);
@@ -416,6 +423,9 @@ impl<C: Comments> ReactServerComponents<C> {
     }
 
     fn assert_client_graph(&self, imports: &[ModuleImports]) {
+        if self.is_from_node_modules(&self.filepath) {
+            return;
+        }
         for import in imports {
             let source = import.source.0.clone();
             if self.invalid_client_imports.contains(&source) {
@@ -432,6 +442,9 @@ impl<C: Comments> ReactServerComponents<C> {
     }
 
     fn assert_invalid_api(&self, module: &Module, is_client_entry: bool) {
+        if self.is_from_node_modules(&self.filepath) {
+            return;
+        }
         let is_layout_or_page = Regex::new(r"[\\/](page|layout)\.(ts|js)x?$")
             .unwrap()
             .is_match(&self.filepath);
@@ -562,6 +575,12 @@ impl<C: Comments> ReactServerComponents<C> {
             },
         );
     }
+
+    fn is_from_node_modules(&self, filepath: &str) -> bool {
+        Regex::new(r"[\\/]node_modules[\\/]")
+            .unwrap()
+            .is_match(filepath)
+    }
 }
 
 pub fn server_components<C: Comments>(
diff --git a/packages/next-swc/crates/next-api/src/app.rs b/packages/next-swc/crates/next-api/src/app.rs
index 05d7a0008e33b..1b0684d6746d2 100644
--- a/packages/next-swc/crates/next-api/src/app.rs
+++ b/packages/next-swc/crates/next-api/src/app.rs
@@ -39,8 +39,9 @@ use turbopack_binding::{
     turbopack::{
         core::{
             asset::{Asset, AssetContent},
-            chunk::{ChunkableModuleExt, ChunkingContext, EvaluatableAssets},
+            chunk::{ChunkingContext, EvaluatableAssets},
             file_source::FileSource,
+            module::Module,
             output::{OutputAsset, OutputAssets},
             virtual_output::VirtualOutputAsset,
         },
@@ -507,7 +508,13 @@ impl AppEndpoint {
         let mut server_assets = vec![];
         let mut client_assets = vec![];
 
+        let app_entry = app_entry.await?;
+
         let client_shared_chunks = get_app_client_shared_chunks(
+            app_entry
+                .rsc_entry
+                .ident()
+                .with_modifier(Vc::cell("client_shared_chunks".to_string())),
             this.app_project.client_runtime_entries(),
             this.app_project.project().client_chunking_context(),
         );
@@ -524,7 +531,6 @@ impl AppEndpoint {
             }
         }
 
-        let app_entry = app_entry.await?;
         let rsc_entry = app_entry.rsc_entry;
 
         let rsc_entry_asset = Vc::upcast(rsc_entry);
@@ -707,9 +713,7 @@ impl AppEndpoint {
                 }
 
                 let files = chunking_context.evaluated_chunk_group(
-                    app_entry
-                        .rsc_entry
-                        .as_root_chunk(Vc::upcast(chunking_context)),
+                    app_entry.rsc_entry.ident(),
                     Vc::cell(evaluatable_assets),
                 );
                 server_assets.extend(files.await?.iter().copied());
diff --git a/packages/next-swc/crates/next-api/src/middleware.rs b/packages/next-swc/crates/next-api/src/middleware.rs
index b7fedd56befb0..ba5f17524f777 100644
--- a/packages/next-swc/crates/next-api/src/middleware.rs
+++ b/packages/next-swc/crates/next-api/src/middleware.rs
@@ -13,7 +13,7 @@ use turbopack_binding::{
     turbopack::{
         core::{
             asset::AssetContent,
-            chunk::{ChunkableModuleExt, ChunkingContext},
+            chunk::ChunkingContext,
             context::AssetContext,
             module::Module,
             output::{OutputAsset, OutputAssets},
@@ -88,10 +88,8 @@ impl MiddlewareEndpoint {
 
         let edge_chunking_context = self.project.edge_middleware_chunking_context();
 
-        let edge_files = edge_chunking_context.evaluated_chunk_group(
-            module.as_root_chunk(Vc::upcast(edge_chunking_context)),
-            Vc::cell(evaluatable_assets),
-        );
+        let edge_files = edge_chunking_context
+            .evaluated_chunk_group(module.ident(), Vc::cell(evaluatable_assets));
 
         Ok(edge_files)
     }
diff --git a/packages/next-swc/crates/next-api/src/pages.rs b/packages/next-swc/crates/next-api/src/pages.rs
index e198e346a3e05..8d8f6705e8b15 100644
--- a/packages/next-swc/crates/next-api/src/pages.rs
+++ b/packages/next-swc/crates/next-api/src/pages.rs
@@ -37,10 +37,11 @@ use turbopack_binding::{
         build::BuildChunkingContext,
         core::{
             asset::AssetContent,
-            chunk::{ChunkableModuleExt, ChunkingContext, EvaluatableAssets},
+            chunk::{ChunkingContext, EvaluatableAssets},
             context::AssetContext,
             file_source::FileSource,
             issue::{IssueSeverity, OptionIssueSource},
+            module::Module,
             output::{OutputAsset, OutputAssets},
             reference_type::{
                 EcmaScriptModulesReferenceSubType, EntryReferenceSubType, ReferenceType,
@@ -549,11 +550,9 @@ impl PageEndpoint {
 
         let client_chunking_context = this.pages_project.project().client_chunking_context();
 
-        let client_entry_chunk = client_module.as_root_chunk(Vc::upcast(client_chunking_context));
-
         let mut client_chunks = client_chunking_context
             .evaluated_chunk_group(
-                client_entry_chunk,
+                client_module.ident(),
                 this.pages_project
                     .client_runtime_entries()
                     .with_entry(Vc::upcast(client_main_module))
@@ -611,10 +610,8 @@ impl PageEndpoint {
             };
             evaluatable_assets.push(evaluatable);
 
-            let edge_files = edge_chunking_context.evaluated_chunk_group(
-                ssr_module.as_root_chunk(Vc::upcast(edge_chunking_context)),
-                Vc::cell(evaluatable_assets),
-            );
+            let edge_files = edge_chunking_context
+                .evaluated_chunk_group(ssr_module.ident(), Vc::cell(evaluatable_assets));
 
             Ok(SsrChunk::Edge { files: edge_files }.cell())
         } else {
diff --git a/packages/next-swc/crates/next-build/src/next_app/app_entries.rs b/packages/next-swc/crates/next-build/src/next_app/app_entries.rs
index 57c5143babb9c..e8a05d1a86260 100644
--- a/packages/next-swc/crates/next-build/src/next_app/app_entries.rs
+++ b/packages/next-swc/crates/next-build/src/next_app/app_entries.rs
@@ -27,7 +27,10 @@ use turbopack_binding::{
     turbopack::{
         build::BuildChunkingContext,
         core::{
-            chunk::EvaluatableAssets, compile_time_info::CompileTimeInfo, file_source::FileSource,
+            chunk::{ChunkingContext, EvaluatableAssets},
+            compile_time_info::CompileTimeInfo,
+            file_source::FileSource,
+            ident::AssetIdent,
             output::OutputAsset,
         },
         ecmascript::chunk::EcmascriptChunkingContext,
@@ -256,8 +259,15 @@ pub async fn compute_app_entries_chunks(
 ) -> Result<()> {
     let client_relative_path_ref = client_relative_path.await?;
 
-    let app_client_shared_chunks =
-        get_app_client_shared_chunks(app_entries.client_runtime_entries, client_chunking_context);
+    let app_client_shared_chunks = get_app_client_shared_chunks(
+        AssetIdent::from_path(
+            client_chunking_context
+                .context_path()
+                .join("client shared chunk group".to_string()),
+        ),
+        app_entries.client_runtime_entries,
+        client_chunking_context,
+    );
 
     let mut app_shared_client_chunks_paths = vec![];
     for chunk in app_client_shared_chunks.await?.iter().copied() {
diff --git a/packages/next-swc/crates/next-build/src/next_pages/page_entries.rs b/packages/next-swc/crates/next-build/src/next_pages/page_entries.rs
index 1f024e90e1c64..0b183f7e535ef 100644
--- a/packages/next-swc/crates/next-build/src/next_pages/page_entries.rs
+++ b/packages/next-swc/crates/next-build/src/next_pages/page_entries.rs
@@ -27,10 +27,11 @@ use turbopack_binding::{
     turbopack::{
         build::BuildChunkingContext,
         core::{
-            chunk::{ChunkableModuleExt, ChunkingContext, EvaluatableAssets},
+            chunk::{ChunkingContext, EvaluatableAssets},
             compile_time_info::CompileTimeInfo,
             context::AssetContext,
             file_source::FileSource,
+            module::Module,
             output::OutputAsset,
             reference_type::{EntryReferenceSubType, ReferenceType},
             source::Source,
@@ -400,12 +401,8 @@ pub async fn compute_page_entries_chunks(
                 .insert(pathname.clone_value(), asset_path.to_string());
         }
 
-        let client_entry_chunk = page_entry
-            .client_module
-            .as_root_chunk(Vc::upcast(client_chunking_context));
-
         let client_chunks = client_chunking_context.evaluated_chunk_group(
-            client_entry_chunk,
+            page_entry.client_module.ident(),
             page_entries
                 .client_runtime_entries
                 .with_entry(Vc::upcast(page_entry.client_module)),
diff --git a/packages/next-swc/crates/next-core/src/next_app/app_client_references_chunks.rs b/packages/next-swc/crates/next-core/src/next_app/app_client_references_chunks.rs
index ea67efab3a447..83ba23239b68c 100644
--- a/packages/next-swc/crates/next-core/src/next_app/app_client_references_chunks.rs
+++ b/packages/next-swc/crates/next-core/src/next_app/app_client_references_chunks.rs
@@ -4,10 +4,7 @@ use serde::{Deserialize, Serialize};
 use turbo_tasks::{debug::ValueDebugFormat, trace::TraceRawVcs, TryJoinIterExt, Vc};
 use turbopack_binding::turbopack::{
     build::BuildChunkingContext,
-    core::{
-        chunk::{ChunkableModuleExt, ChunkingContext},
-        output::OutputAssets,
-    },
+    core::{chunk::ChunkingContextExt, output::OutputAssets},
     ecmascript::chunk::EcmascriptChunkingContext,
 };
 
@@ -46,24 +43,21 @@ pub async fn get_app_client_references_chunks(
                 match client_reference_ty {
                     ClientReferenceType::EcmascriptClientReference(ecmascript_client_reference) => {
                         let ecmascript_client_reference_ref = ecmascript_client_reference.await?;
-                        let client_entry_chunk = ecmascript_client_reference_ref
-                            .client_module
-                            .as_root_chunk(Vc::upcast(client_chunking_context));
-                        let ssr_entry_chunk = ecmascript_client_reference_ref
-                            .ssr_module
-                            .as_root_chunk(Vc::upcast(ssr_chunking_context));
                         ClientReferenceChunks {
-                            client_chunks: client_chunking_context.chunk_group(client_entry_chunk),
-                            ssr_chunks: ssr_chunking_context.chunk_group(ssr_entry_chunk),
+                            client_chunks: client_chunking_context.root_chunk_group(Vc::upcast(
+                                ecmascript_client_reference_ref.client_module,
+                            )),
+                            ssr_chunks: ssr_chunking_context.root_chunk_group(Vc::upcast(
+                                ecmascript_client_reference_ref.ssr_module,
+                            )),
                         }
                     }
                     ClientReferenceType::CssClientReference(css_client_reference) => {
                         let css_client_reference_ref = css_client_reference.await?;
-                        let client_entry_chunk = css_client_reference_ref
-                            .client_module
-                            .as_root_chunk(Vc::upcast(client_chunking_context));
                         ClientReferenceChunks {
-                            client_chunks: client_chunking_context.chunk_group(client_entry_chunk),
+                            client_chunks: client_chunking_context.root_chunk_group(Vc::upcast(
+                                css_client_reference_ref.client_module,
+                            )),
                             ssr_chunks: OutputAssets::empty(),
                         }
                     }
diff --git a/packages/next-swc/crates/next-core/src/next_app/app_client_shared_chunks.rs b/packages/next-swc/crates/next-core/src/next_app/app_client_shared_chunks.rs
index cedcd7a506a6d..e7e2881816905 100644
--- a/packages/next-swc/crates/next-core/src/next_app/app_client_shared_chunks.rs
+++ b/packages/next-swc/crates/next-core/src/next_app/app_client_shared_chunks.rs
@@ -1,41 +1,17 @@
 use anyhow::Result;
-use turbo_tasks::{TryJoinIterExt, Value, Vc};
+use turbo_tasks::Vc;
 use turbopack_binding::turbopack::{
     core::{
-        chunk::{availability_info::AvailabilityInfo, ChunkingContext, EvaluatableAssets},
+        chunk::{ChunkingContext, EvaluatableAssets},
+        ident::AssetIdent,
         output::OutputAssets,
     },
-    ecmascript::chunk::{EcmascriptChunk, EcmascriptChunkPlaceable, EcmascriptChunkingContext},
+    ecmascript::chunk::EcmascriptChunkingContext,
 };
 
-#[turbo_tasks::function]
-pub async fn get_app_shared_client_chunk(
-    app_client_runtime_entries: Vc<EvaluatableAssets>,
-    client_chunking_context: Vc<Box<dyn EcmascriptChunkingContext>>,
-) -> Result<Vc<EcmascriptChunk>> {
-    let client_runtime_entries: Vec<_> = app_client_runtime_entries
-        .await?
-        .iter()
-        .map(|entry| async move {
-            Ok(Vc::try_resolve_sidecast::<Box<dyn EcmascriptChunkPlaceable>>(*entry).await?)
-        })
-        .try_join()
-        .await?
-        .into_iter()
-        .flatten()
-        .collect();
-
-    Ok(EcmascriptChunk::new_normalized(
-        client_chunking_context,
-        // TODO(alexkirsz) Should this accept Evaluatable instead?
-        Vc::cell(client_runtime_entries),
-        None,
-        Value::new(AvailabilityInfo::Untracked),
-    ))
-}
-
 #[turbo_tasks::function]
 pub async fn get_app_client_shared_chunks(
+    ident: Vc<AssetIdent>,
     app_client_runtime_entries: Vc<EvaluatableAssets>,
     client_chunking_context: Vc<Box<dyn EcmascriptChunkingContext>>,
 ) -> Result<Vc<OutputAssets>> {
@@ -43,13 +19,8 @@ pub async fn get_app_client_shared_chunks(
         return Ok(OutputAssets::empty());
     }
 
-    let app_client_shared_chunk =
-        get_app_shared_client_chunk(app_client_runtime_entries, client_chunking_context);
-
-    let app_client_shared_chunks = client_chunking_context.evaluated_chunk_group(
-        Vc::upcast(app_client_shared_chunk),
-        app_client_runtime_entries,
-    );
+    let app_client_shared_chunks =
+        client_chunking_context.evaluated_chunk_group(ident, app_client_runtime_entries);
 
     Ok(app_client_shared_chunks)
 }
diff --git a/packages/next-swc/crates/next-core/src/next_client/context.rs b/packages/next-swc/crates/next-core/src/next_client/context.rs
index fe3b43aaf1564..08069da234d60 100644
--- a/packages/next-swc/crates/next-core/src/next_client/context.rs
+++ b/packages/next-swc/crates/next-core/src/next_client/context.rs
@@ -19,7 +19,6 @@ use turbopack_binding::{
         },
         dev::{react_refresh::assert_can_resolve_react_refresh, DevChunkingContext},
         ecmascript::chunk::EcmascriptChunkingContext,
-        ecmascript_plugin::transform::directives::server::ServerDirectiveTransformer,
         node::execution_context::ExecutionContext,
         turbopack::{
             condition::ContextCondition,
@@ -232,11 +231,6 @@ pub async fn get_client_module_options_context(
         *get_emotion_transform_plugin(next_config).await?,
         *get_styled_components_transform_plugin(next_config).await?,
         *get_styled_jsx_transform_plugin().await?,
-        Some(Vc::cell(Box::new(ServerDirectiveTransformer::new(
-            // ServerDirective is not implemented yet and always reports an issue.
-            // We don't have to pass a valid transition name yet, but the API is prepared.
-            &Vc::cell("TODO".to_string()),
-        )) as _)),
     ]
     .into_iter()
     .flatten()
diff --git a/packages/next-swc/crates/next-core/src/next_client_component/with_client_chunks.rs b/packages/next-swc/crates/next-core/src/next_client_component/with_client_chunks.rs
index d5499cc0de811..84ea9db26b1f6 100644
--- a/packages/next-swc/crates/next-core/src/next_client_component/with_client_chunks.rs
+++ b/packages/next-swc/crates/next-core/src/next_client_component/with_client_chunks.rs
@@ -1,15 +1,15 @@
 use anyhow::{Context, Result};
 use indoc::formatdoc;
-use turbo_tasks::{TryJoinIterExt, Value, ValueToString, Vc};
+use turbo_tasks::{TryJoinIterExt, ValueToString, Vc};
 use turbopack_binding::{
     turbo::tasks_fs::FileSystemPath,
     turbopack::{
         core::{
             asset::{Asset, AssetContent},
             chunk::{
-                availability_info::AvailabilityInfo, Chunk, ChunkData, ChunkItem, ChunkItemExt,
-                ChunkableModule, ChunkableModuleExt, ChunkableModuleReference, ChunkingContext,
-                ChunkingType, ChunkingTypeOption, ChunksData,
+                ChunkData, ChunkItem, ChunkItemExt, ChunkType, ChunkableModule,
+                ChunkableModuleReference, ChunkingContext, ChunkingContextExt, ChunkingType,
+                ChunkingTypeOption, ChunksData,
             },
             ident::AssetIdent,
             module::Module,
@@ -18,11 +18,11 @@ use turbopack_binding::{
             reference::{ModuleReference, ModuleReferences, SingleOutputAssetReference},
             resolve::ModuleResolveResult,
         },
-        ecmascript::chunk::EcmascriptChunkData,
+        ecmascript::chunk::{EcmascriptChunkData, EcmascriptChunkType},
         turbopack::ecmascript::{
             chunk::{
-                EcmascriptChunk, EcmascriptChunkItem, EcmascriptChunkItemContent,
-                EcmascriptChunkPlaceable, EcmascriptChunkingContext, EcmascriptExports,
+                EcmascriptChunkItem, EcmascriptChunkItemContent, EcmascriptChunkPlaceable,
+                EcmascriptChunkingContext, EcmascriptExports,
             },
             utils::StringifyJs,
         },
@@ -111,9 +111,7 @@ impl WithClientChunksChunkItem {
     async fn chunks(self: Vc<Self>) -> Result<Vc<OutputAssets>> {
         let this = self.await?;
         let inner = this.inner.await?;
-        Ok(this
-            .context
-            .chunk_group(inner.asset.as_root_chunk(Vc::upcast(this.context))))
+        Ok(this.context.root_chunk_group(Vc::upcast(inner.asset)))
     }
 
     #[turbo_tasks::function]
@@ -241,12 +239,13 @@ impl ChunkItem for WithClientChunksChunkItem {
     }
 
     #[turbo_tasks::function]
-    fn as_chunk(&self, availability_info: Value<AvailabilityInfo>) -> Vc<Box<dyn Chunk>> {
-        Vc::upcast(EcmascriptChunk::new(
-            Vc::upcast(self.context.with_layer("rsc".to_string())),
-            Vc::upcast(self.inner),
-            availability_info,
-        ))
+    fn ty(&self) -> Vc<Box<dyn ChunkType>> {
+        Vc::upcast(Vc::<EcmascriptChunkType>::default())
+    }
+
+    #[turbo_tasks::function]
+    fn module(&self) -> Vc<Box<dyn Module>> {
+        Vc::upcast(self.inner)
     }
 }
 
diff --git a/packages/next-swc/crates/next-core/src/next_client_reference/ecmascript_client_reference/ecmascript_client_reference_proxy_module.rs b/packages/next-swc/crates/next-core/src/next_client_reference/ecmascript_client_reference/ecmascript_client_reference_proxy_module.rs
index fe3c06999ff39..48eb66dfe84ad 100644
--- a/packages/next-swc/crates/next-core/src/next_client_reference/ecmascript_client_reference/ecmascript_client_reference_proxy_module.rs
+++ b/packages/next-swc/crates/next-core/src/next_client_reference/ecmascript_client_reference/ecmascript_client_reference_proxy_module.rs
@@ -8,7 +8,8 @@ use turbopack_binding::turbopack::{
     core::{
         asset::{Asset, AssetContent},
         chunk::{
-            availability_info::AvailabilityInfo, Chunk, ChunkItem, ChunkableModule, ChunkingContext,
+            availability_info::AvailabilityInfo, ChunkItem, ChunkType, ChunkableModule,
+            ChunkingContext,
         },
         code_builder::CodeBuilder,
         context::AssetContext,
@@ -20,8 +21,8 @@ use turbopack_binding::turbopack::{
     },
     ecmascript::{
         chunk::{
-            EcmascriptChunk, EcmascriptChunkItem, EcmascriptChunkItemContent,
-            EcmascriptChunkPlaceable, EcmascriptChunkingContext, EcmascriptExports,
+            EcmascriptChunkItem, EcmascriptChunkItemContent, EcmascriptChunkPlaceable,
+            EcmascriptChunkType, EcmascriptChunkingContext, EcmascriptExports,
         },
         utils::StringifyJs,
         EcmascriptModuleAsset,
@@ -238,12 +239,13 @@ impl ChunkItem for ProxyModuleChunkItem {
     }
 
     #[turbo_tasks::function]
-    fn as_chunk(&self, availability_info: Value<AvailabilityInfo>) -> Vc<Box<dyn Chunk>> {
-        Vc::upcast(EcmascriptChunk::new(
-            Vc::upcast(self.chunking_context),
-            Vc::upcast(self.client_proxy_asset),
-            availability_info,
-        ))
+    fn ty(&self) -> Vc<Box<dyn ChunkType>> {
+        Vc::upcast(Vc::<EcmascriptChunkType>::default())
+    }
+
+    #[turbo_tasks::function]
+    fn module(&self) -> Vc<Box<dyn Module>> {
+        Vc::upcast(self.client_proxy_asset)
     }
 }
 
diff --git a/packages/next-swc/crates/next-core/src/next_dynamic/dynamic_module.rs b/packages/next-swc/crates/next-core/src/next_dynamic/dynamic_module.rs
index b5cd908992b66..8e20f4c4dabf6 100644
--- a/packages/next-swc/crates/next-core/src/next_dynamic/dynamic_module.rs
+++ b/packages/next-swc/crates/next-core/src/next_dynamic/dynamic_module.rs
@@ -2,7 +2,7 @@ use anyhow::{bail, Result};
 use turbo_tasks::Vc;
 use turbopack_binding::turbopack::core::{
     asset::{Asset, AssetContent},
-    chunk::{ChunkableModule, ChunkableModuleExt, ChunkingContext},
+    chunk::{ChunkableModule, ChunkingContext, ChunkingContextExt},
     ident::AssetIdent,
     module::Module,
     output::OutputAssets,
@@ -41,8 +41,7 @@ impl NextDynamicEntryModule {
             bail!("dynamic client asset must be chunkable");
         };
 
-        let client_entry_chunk = client_entry_module.as_root_chunk(client_chunking_context);
-        Ok(client_chunking_context.chunk_group(client_entry_chunk))
+        Ok(client_chunking_context.root_chunk_group(client_entry_module))
     }
 }
 
diff --git a/packages/next-swc/crates/next-core/src/next_import_map.rs b/packages/next-swc/crates/next-core/src/next_import_map.rs
index cec5657980867..3d0f2b788b67b 100644
--- a/packages/next-swc/crates/next-core/src/next_import_map.rs
+++ b/packages/next-swc/crates/next-core/src/next_import_map.rs
@@ -280,6 +280,20 @@ pub async fn get_next_server_import_map(
                     "next/dist/build/webpack/loaders/next-flight-loader/action-proxy",
                 ),
             );
+            import_map.insert_exact_alias(
+                "private-next-rsc-action-client-wrapper",
+                request_to_import_mapping(
+                    project_path,
+                    "next/dist/build/webpack/loaders/next-flight-loader/action-client-wrapper",
+                ),
+            );
+            import_map.insert_exact_alias(
+                "private-next-rsc-action-validate",
+                request_to_import_mapping(
+                    project_path,
+                    "next/dist/build/webpack/loaders/next-flight-loader/action-validate",
+                ),
+            );
             import_map.insert_exact_alias(
                 "next/head",
                 request_to_import_mapping(project_path, "next/dist/client/components/noop-head"),
diff --git a/packages/next-swc/crates/next-core/src/next_server/context.rs b/packages/next-swc/crates/next-core/src/next_server/context.rs
index d789721362c58..dd2e3da1b3acc 100644
--- a/packages/next-swc/crates/next-core/src/next_server/context.rs
+++ b/packages/next-swc/crates/next-core/src/next_server/context.rs
@@ -19,9 +19,7 @@ use turbopack_binding::{
             resolve::{parse::Request, pattern::Pattern},
         },
         ecmascript::TransformPlugin,
-        ecmascript_plugin::transform::directives::{
-            client::ClientDirectiveTransformer, server::ServerDirectiveTransformer,
-        },
+        ecmascript_plugin::transform::directives::client::ClientDirectiveTransformer,
         node::execution_context::ExecutionContext,
         turbopack::{
             condition::ContextCondition,
@@ -66,7 +64,7 @@ use crate::{
         get_decorators_transform_options, get_jsx_transform_options,
         get_typescript_transform_options,
     },
-    util::foreign_code_context_condition,
+    util::{foreign_code_context_condition, load_next_js_templateon},
 };
 
 #[turbo_tasks::value(serialization = "auto_for_input")]
@@ -107,10 +105,25 @@ pub async fn get_server_resolve_options_context(
     let root_dir = project_path.root().resolve().await?;
     let module_feature_report_resolve_plugin = ModuleFeatureReportResolvePlugin::new(project_path);
     let unsupported_modules_resolve_plugin = UnsupportedModulesResolvePlugin::new(project_path);
+
+    // Always load these predefined packages as external.
+    let mut external_packages: Vec<String> = load_next_js_templateon(
+        project_path,
+        "dist/lib/server-external-packages.json".to_string(),
+    )
+    .await?;
+
+    // Add the config's own list of external packages.
+    external_packages.extend(
+        (*next_config.server_component_externals().await?)
+            .iter()
+            .cloned(),
+    );
+
     let server_component_externals_plugin = ExternalCjsModulesResolvePlugin::new(
         project_path,
         project_path.root(),
-        ExternalPredicate::Only(next_config.server_component_externals()).cell(),
+        ExternalPredicate::Only(Vc::cell(external_packages)).cell(),
     );
     let ty = ty.into_value();
 
@@ -276,12 +289,6 @@ pub async fn get_server_module_options_context(
     let styled_components_transform_plugin =
         *get_styled_components_transform_plugin(next_config).await?;
     let styled_jsx_transform_plugin = *get_styled_jsx_transform_plugin().await?;
-    let server_directive_transform_plugin =
-        Some(Vc::cell(Box::new(ServerDirectiveTransformer::new(
-            // ServerDirective is not implemented yet and always reports an issue.
-            // We don't have to pass a valid transition name yet, but the API is prepared.
-            &Vc::cell("TODO".to_string()),
-        )) as _));
 
     // ModuleOptionsContext related options
     let tsconfig = get_typescript_transform_options(project_path);
@@ -374,7 +381,6 @@ pub async fn get_server_module_options_context(
             let mut base_source_transforms: Vec<Vc<TransformPlugin>> = vec![
                 styled_components_transform_plugin,
                 styled_jsx_transform_plugin,
-                server_directive_transform_plugin,
             ]
             .into_iter()
             .flatten()
@@ -433,13 +439,11 @@ pub async fn get_server_module_options_context(
             ecmascript_client_reference_transition_name,
             ..
         } => {
-            let mut base_source_transforms: Vec<Vc<TransformPlugin>> = vec![
-                styled_components_transform_plugin,
-                server_directive_transform_plugin,
-            ]
-            .into_iter()
-            .flatten()
-            .collect();
+            let mut base_source_transforms: Vec<Vc<TransformPlugin>> =
+                vec![styled_components_transform_plugin]
+                    .into_iter()
+                    .flatten()
+                    .collect();
 
             if let Some(ecmascript_client_reference_transition_name) =
                 ecmascript_client_reference_transition_name
diff --git a/packages/next-swc/crates/next-core/src/next_server_component/server_component_module.rs b/packages/next-swc/crates/next-core/src/next_server_component/server_component_module.rs
index bd89ee6081954..b70659a88fcac 100644
--- a/packages/next-swc/crates/next-core/src/next_server_component/server_component_module.rs
+++ b/packages/next-swc/crates/next-core/src/next_server_component/server_component_module.rs
@@ -1,22 +1,20 @@
 use anyhow::{bail, Context, Result};
 use indoc::formatdoc;
-use turbo_tasks::{Value, Vc};
+use turbo_tasks::Vc;
 use turbo_tasks_fs::FileSystemPath;
 use turbopack_binding::turbopack::{
     core::{
         asset::{Asset, AssetContent},
-        chunk::{
-            availability_info::AvailabilityInfo, Chunk, ChunkItem, ChunkItemExt, ChunkableModule,
-            ChunkingContext,
-        },
+        chunk::{ChunkItem, ChunkItemExt, ChunkType, ChunkableModule, ChunkingContext},
         ident::AssetIdent,
         module::Module,
         reference::ModuleReferences,
     },
+    ecmascript::chunk::EcmascriptChunkType,
     turbopack::ecmascript::{
         chunk::{
-            EcmascriptChunk, EcmascriptChunkItem, EcmascriptChunkItemContent,
-            EcmascriptChunkPlaceable, EcmascriptChunkingContext, EcmascriptExports,
+            EcmascriptChunkItem, EcmascriptChunkItemContent, EcmascriptChunkPlaceable,
+            EcmascriptChunkingContext, EcmascriptExports,
         },
         utils::StringifyJs,
     },
@@ -161,11 +159,12 @@ impl ChunkItem for BuildServerComponentChunkItem {
     }
 
     #[turbo_tasks::function]
-    fn as_chunk(&self, availability_info: Value<AvailabilityInfo>) -> Vc<Box<dyn Chunk>> {
-        Vc::upcast(EcmascriptChunk::new(
-            Vc::upcast(self.context),
-            Vc::upcast(self.inner),
-            availability_info,
-        ))
+    fn ty(&self) -> Vc<Box<dyn ChunkType>> {
+        Vc::upcast(Vc::<EcmascriptChunkType>::default())
+    }
+
+    #[turbo_tasks::function]
+    fn module(&self) -> Vc<Box<dyn Module>> {
+        Vc::upcast(self.inner)
     }
 }
diff --git a/packages/next-swc/crates/next-core/src/page_loader.rs b/packages/next-swc/crates/next-core/src/page_loader.rs
index 56d240b1a476b..7ac15c7b65a93 100644
--- a/packages/next-swc/crates/next-core/src/page_loader.rs
+++ b/packages/next-swc/crates/next-core/src/page_loader.rs
@@ -9,10 +9,7 @@ use turbopack_binding::{
     turbopack::{
         core::{
             asset::{Asset, AssetContent},
-            chunk::{
-                ChunkData, ChunkableModuleExt, ChunkingContext, ChunksData, EvaluatableAsset,
-                EvaluatableAssets,
-            },
+            chunk::{ChunkData, ChunkingContext, ChunksData, EvaluatableAsset, EvaluatableAssets},
             context::AssetContext,
             ident::AssetIdent,
             module::Module,
@@ -138,10 +135,9 @@ impl PageLoaderAsset {
             bail!("internal module must be evaluatable");
         };
 
-        Ok(this.client_chunking_context.evaluated_chunk_group(
-            module.as_root_chunk(this.client_chunking_context),
-            EvaluatableAssets::one(module),
-        ))
+        Ok(this
+            .client_chunking_context
+            .evaluated_chunk_group(module.ident(), EvaluatableAssets::one(module)))
     }
 
     #[turbo_tasks::function]
diff --git a/packages/next-swc/crates/next-core/src/util.rs b/packages/next-swc/crates/next-core/src/util.rs
index 6b1479255a090..144012cd2a175 100644
--- a/packages/next-swc/crates/next-core/src/util.rs
+++ b/packages/next-swc/crates/next-core/src/util.rs
@@ -568,12 +568,12 @@ pub async fn load_next_js_templateon<T: DeserializeOwned>(
     project_path: Vc<FileSystemPath>,
     path: String,
 ) -> Result<T> {
-    let file_path = get_next_package(project_path).join(path);
+    let file_path = get_next_package(project_path).join(path.clone());
 
     let content = &*file_path.read().await?;
 
     let FileContent::Content(file) = content else {
-        bail!("Expected file content for metrics data");
+        bail!("Expected file content at {}", path);
     };
 
     let result: T = parse_json_rope_with_source_context(file.content())?;
diff --git a/packages/next-swc/package.json b/packages/next-swc/package.json
index eb13e7a3d6d43..08e9191210978 100644
--- a/packages/next-swc/package.json
+++ b/packages/next-swc/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/swc",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "private": true,
   "scripts": {
     "clean": "node ../../scripts/rm.mjs native",
diff --git a/packages/next/package.json b/packages/next/package.json
index 85d14ea8518d8..c5e0808ee5a28 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "The React Framework",
   "main": "./dist/server/next.js",
   "license": "MIT",
@@ -90,7 +90,7 @@
     ]
   },
   "dependencies": {
-    "@next/env": "13.5.5-canary.2",
+    "@next/env": "13.5.5-canary.4",
     "@swc/helpers": "0.5.2",
     "busboy": "1.6.0",
     "caniuse-lite": "^1.0.30001406",
@@ -144,11 +144,11 @@
     "@mswjs/interceptors": "0.23.0",
     "@napi-rs/cli": "2.16.2",
     "@napi-rs/triples": "1.1.0",
-    "@next/polyfill-module": "13.5.5-canary.2",
-    "@next/polyfill-nomodule": "13.5.5-canary.2",
-    "@next/react-dev-overlay": "13.5.5-canary.2",
-    "@next/react-refresh-utils": "13.5.5-canary.2",
-    "@next/swc": "13.5.5-canary.2",
+    "@next/polyfill-module": "13.5.5-canary.4",
+    "@next/polyfill-nomodule": "13.5.5-canary.4",
+    "@next/react-dev-overlay": "13.5.5-canary.4",
+    "@next/react-refresh-utils": "13.5.5-canary.4",
+    "@next/swc": "13.5.5-canary.4",
     "@opentelemetry/api": "1.4.1",
     "@playwright/test": "^1.35.1",
     "@taskr/clear": "1.1.0",
@@ -191,7 +191,7 @@
     "@types/ws": "8.2.0",
     "@vercel/ncc": "0.34.0",
     "@vercel/nft": "0.22.6",
-    "@vercel/turbopack-ecmascript-runtime": "https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2",
+    "@vercel/turbopack-ecmascript-runtime": "https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4",
     "acorn": "8.5.0",
     "amphtml-validator": "1.0.35",
     "anser": "1.4.9",
diff --git a/packages/next/src/bin/next.ts b/packages/next/src/bin/next.ts
index 80d6a0fe6fde4..2bde7eb71a911 100755
--- a/packages/next/src/bin/next.ts
+++ b/packages/next/src/bin/next.ts
@@ -1,4 +1,5 @@
 #!/usr/bin/env node
+performance.mark('next-start')
 import '../server/require-hook'
 import * as log from '../build/output/log'
 import arg from 'next/dist/compiled/arg/index.js'
diff --git a/packages/next/src/build/analysis/get-page-static-info.ts b/packages/next/src/build/analysis/get-page-static-info.ts
index 37440dfe8065c..45e99e28e9933 100644
--- a/packages/next/src/build/analysis/get-page-static-info.ts
+++ b/packages/next/src/build/analysis/get-page-static-info.ts
@@ -4,7 +4,7 @@ import type { Middleware, RouteHas } from '../../lib/load-custom-routes'
 import { promises as fs } from 'fs'
 import LRUCache from 'next/dist/compiled/lru-cache'
 import { matcher } from 'next/dist/compiled/micromatch'
-import { ServerRuntime } from 'next/types'
+import type { ServerRuntime } from 'next/types'
 import {
   extractExportedConstValue,
   UnsupportedValueError,
diff --git a/packages/next/src/build/babel/loader/get-config.ts b/packages/next/src/build/babel/loader/get-config.ts
index 3aaa549176ebf..6fd0d56663df0 100644
--- a/packages/next/src/build/babel/loader/get-config.ts
+++ b/packages/next/src/build/babel/loader/get-config.ts
@@ -4,7 +4,7 @@ import JSON5 from 'next/dist/compiled/json5'
 import { createConfigItem, loadOptions } from 'next/dist/compiled/babel/core'
 import loadConfig from 'next/dist/compiled/babel/core-lib-config'
 
-import { NextBabelLoaderOptions, NextJsLoaderContext } from './types'
+import type { NextBabelLoaderOptions, NextJsLoaderContext } from './types'
 import { consumeIterator } from './util'
 import * as Log from '../../output/log'
 
diff --git a/packages/next/src/build/babel/loader/index.ts b/packages/next/src/build/babel/loader/index.ts
index e7c77416d54fc..b8da35142ca5a 100644
--- a/packages/next/src/build/babel/loader/index.ts
+++ b/packages/next/src/build/babel/loader/index.ts
@@ -1,6 +1,6 @@
-import { Span } from '../../../trace'
+import type { Span } from '../../../trace'
 import transform from './transform'
-import { NextJsLoaderContext } from './types'
+import type { NextJsLoaderContext } from './types'
 
 async function nextBabelLoader(
   this: NextJsLoaderContext,
diff --git a/packages/next/src/build/babel/loader/transform.ts b/packages/next/src/build/babel/loader/transform.ts
index 57dd2985ec419..8357313bb943c 100644
--- a/packages/next/src/build/babel/loader/transform.ts
+++ b/packages/next/src/build/babel/loader/transform.ts
@@ -11,8 +11,8 @@ import PluginPass from 'next/dist/compiled/babel/core-lib-plugin-pass'
 
 import getConfig from './get-config'
 import { consumeIterator } from './util'
-import { Span } from '../../../trace'
-import { NextJsLoaderContext } from './types'
+import type { Span } from '../../../trace'
+import type { NextJsLoaderContext } from './types'
 
 function getTraversalParams(file: any, pluginPairs: any[]) {
   const passPairs = []
diff --git a/packages/next/src/build/babel/loader/types.d.ts b/packages/next/src/build/babel/loader/types.d.ts
index 896d2bf55e835..49dedf35776ec 100644
--- a/packages/next/src/build/babel/loader/types.d.ts
+++ b/packages/next/src/build/babel/loader/types.d.ts
@@ -1,5 +1,5 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
-import { Span } from '../../../trace'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { Span } from '../../../trace'
 
 export interface NextJsLoaderContext extends webpack.LoaderContext<{}> {
   currentTraceSpan: Span
diff --git a/packages/next/src/build/babel/plugins/amp-attributes.ts b/packages/next/src/build/babel/plugins/amp-attributes.ts
index b19b7f9184ef3..b76d00ebabc06 100644
--- a/packages/next/src/build/babel/plugins/amp-attributes.ts
+++ b/packages/next/src/build/babel/plugins/amp-attributes.ts
@@ -1,4 +1,4 @@
-import { NodePath, PluginObj, types } from 'next/dist/compiled/babel/core'
+import type { NodePath, types, PluginObj } from 'next/dist/compiled/babel/core'
 
 export default function AmpAttributePatcher(): PluginObj {
   return {
diff --git a/packages/next/src/build/babel/plugins/commonjs.ts b/packages/next/src/build/babel/plugins/commonjs.ts
index 766153450221b..01573619015ca 100644
--- a/packages/next/src/build/babel/plugins/commonjs.ts
+++ b/packages/next/src/build/babel/plugins/commonjs.ts
@@ -1,4 +1,5 @@
-import { NodePath, PluginObj, types } from 'next/dist/compiled/babel/core'
+import type { NodePath, types } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 import commonjsPlugin from 'next/dist/compiled/babel/plugin-transform-modules-commonjs'
 
 // Handle module.exports in user code
diff --git a/packages/next/src/build/babel/plugins/jsx-pragma.ts b/packages/next/src/build/babel/plugins/jsx-pragma.ts
index e992088b2435e..8413ddac3fc25 100644
--- a/packages/next/src/build/babel/plugins/jsx-pragma.ts
+++ b/packages/next/src/build/babel/plugins/jsx-pragma.ts
@@ -1,8 +1,8 @@
-import {
+import type {
   NodePath,
-  PluginObj,
   types as BabelTypes,
 } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 import jsx from 'next/dist/compiled/babel/plugin-syntax-jsx'
 
 export default function ({
diff --git a/packages/next/src/build/babel/plugins/next-font-unsupported.ts b/packages/next/src/build/babel/plugins/next-font-unsupported.ts
index 49dc853ea3e64..c29dd8e3cd81c 100644
--- a/packages/next/src/build/babel/plugins/next-font-unsupported.ts
+++ b/packages/next/src/build/babel/plugins/next-font-unsupported.ts
@@ -1,4 +1,5 @@
-import { NodePath, PluginObj, types } from 'next/dist/compiled/babel/core'
+import type { NodePath, types } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 
 export default function NextPageDisallowReExportAllExports(): PluginObj<any> {
   return {
diff --git a/packages/next/src/build/babel/plugins/next-page-config.ts b/packages/next/src/build/babel/plugins/next-page-config.ts
index 3126ba6ccf533..ceae6f8dd952d 100644
--- a/packages/next/src/build/babel/plugins/next-page-config.ts
+++ b/packages/next/src/build/babel/plugins/next-page-config.ts
@@ -1,11 +1,11 @@
-import {
-  NodePath,
+import { types as BabelTypes } from 'next/dist/compiled/babel/core'
+import type {
   PluginObj,
   PluginPass,
-  types as BabelTypes,
   Visitor,
+  NodePath,
 } from 'next/dist/compiled/babel/core'
-import { PageConfig } from 'next/types'
+import type { PageConfig } from 'next/types'
 import { STRING_LITERAL_DROP_BUNDLE } from '../../../shared/lib/constants'
 
 const CONFIG_KEY = 'config'
diff --git a/packages/next/src/build/babel/plugins/next-page-disallow-re-export-all-exports.ts b/packages/next/src/build/babel/plugins/next-page-disallow-re-export-all-exports.ts
index 93ffe83ea838b..7814fbecd995a 100644
--- a/packages/next/src/build/babel/plugins/next-page-disallow-re-export-all-exports.ts
+++ b/packages/next/src/build/babel/plugins/next-page-disallow-re-export-all-exports.ts
@@ -1,4 +1,5 @@
-import { NodePath, PluginObj, types } from 'next/dist/compiled/babel/core'
+import type { NodePath, types } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 
 export default function NextPageDisallowReExportAllExports(): PluginObj<any> {
   return {
diff --git a/packages/next/src/build/babel/plugins/next-ssg-transform.ts b/packages/next/src/build/babel/plugins/next-ssg-transform.ts
index eb741358a1ce5..db6be10944b94 100644
--- a/packages/next/src/build/babel/plugins/next-ssg-transform.ts
+++ b/packages/next/src/build/babel/plugins/next-ssg-transform.ts
@@ -1,8 +1,8 @@
-import {
+import type {
   NodePath,
-  PluginObj,
   types as BabelTypes,
 } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 import { SERVER_PROPS_SSG_CONFLICT } from '../../../lib/constants'
 import { SERVER_PROPS_ID, STATIC_PROPS_ID } from '../../../shared/lib/constants'
 
diff --git a/packages/next/src/build/babel/plugins/optimize-hook-destructuring.ts b/packages/next/src/build/babel/plugins/optimize-hook-destructuring.ts
index a951ae376b6b2..63e9ccd7abe11 100644
--- a/packages/next/src/build/babel/plugins/optimize-hook-destructuring.ts
+++ b/packages/next/src/build/babel/plugins/optimize-hook-destructuring.ts
@@ -1,9 +1,8 @@
-import {
+import type {
   NodePath,
-  PluginObj,
   types as BabelTypes,
 } from 'next/dist/compiled/babel/core'
-
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 // matches any hook-like (the default)
 const isHook = /^use[A-Z]/
 
diff --git a/packages/next/src/build/babel/plugins/react-loadable-plugin.ts b/packages/next/src/build/babel/plugins/react-loadable-plugin.ts
index 045f29271a673..884e6f3b1ed26 100644
--- a/packages/next/src/build/babel/plugins/react-loadable-plugin.ts
+++ b/packages/next/src/build/babel/plugins/react-loadable-plugin.ts
@@ -23,11 +23,11 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWAR
 // Modified to put `webpack` and `modules` under `loadableGenerated` to be backwards compatible with next/dynamic which has a `modules` key
 // Modified to support `dynamic(import('something'))` and `dynamic(import('something'), options)
 
-import {
+import type {
   NodePath,
-  PluginObj,
   types as BabelTypes,
 } from 'next/dist/compiled/babel/core'
+import type { PluginObj } from 'next/dist/compiled/babel/core'
 
 import { relative as relativePath } from 'path'
 
diff --git a/packages/next/src/build/babel/preset.ts b/packages/next/src/build/babel/preset.ts
index 5ea2a647a5e9b..4a2f34fb825f4 100644
--- a/packages/next/src/build/babel/preset.ts
+++ b/packages/next/src/build/babel/preset.ts
@@ -1,4 +1,4 @@
-import { PluginItem } from 'next/dist/compiled/babel/core'
+import type { PluginItem } from 'next/dist/compiled/babel/core'
 import { dirname } from 'path'
 
 const isLoadIntentTest = process.env.NODE_ENV === 'test'
diff --git a/packages/next/src/build/collect-build-traces.ts b/packages/next/src/build/collect-build-traces.ts
index e64fd17834698..54f72c254a91a 100644
--- a/packages/next/src/build/collect-build-traces.ts
+++ b/packages/next/src/build/collect-build-traces.ts
@@ -14,7 +14,7 @@ import {
 
 import path from 'path'
 import fs from 'fs/promises'
-import { PageInfo } from './utils'
+import type { PageInfo } from './utils'
 import { loadBindings } from './swc'
 import { nonNullable } from '../lib/non-nullable'
 import * as ciEnvironment from '../telemetry/ci-info'
diff --git a/packages/next/src/build/compiler.ts b/packages/next/src/build/compiler.ts
index 8af624eae1dc0..5206a4d7813ad 100644
--- a/packages/next/src/build/compiler.ts
+++ b/packages/next/src/build/compiler.ts
@@ -1,5 +1,5 @@
 import { webpack } from 'next/dist/compiled/webpack/webpack'
-import { Span } from '../trace'
+import type { Span } from '../trace'
 
 export type CompilerResult = {
   errors: webpack.StatsError[]
diff --git a/packages/next/src/build/entries.ts b/packages/next/src/build/entries.ts
index 551f2a5e960b0..828eb49bda84e 100644
--- a/packages/next/src/build/entries.ts
+++ b/packages/next/src/build/entries.ts
@@ -32,11 +32,11 @@ import {
   CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
   CLIENT_STATIC_FILES_RUNTIME_POLYFILLS,
   CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH,
-  CompilerNameValues,
   COMPILER_NAMES,
   EDGE_RUNTIME_WEBPACK,
 } from '../shared/lib/constants'
-import { __ApiPreviewProps } from '../server/api-utils'
+import type { CompilerNameValues } from '../shared/lib/constants'
+import type { __ApiPreviewProps } from '../server/api-utils'
 import { warn } from './output/log'
 import {
   isMiddlewareFile,
@@ -46,10 +46,10 @@ import {
 import { getPageStaticInfo } from './analysis/get-page-static-info'
 import { normalizePathSep } from '../shared/lib/page-path/normalize-path-sep'
 import { normalizePagePath } from '../shared/lib/page-path/normalize-page-path'
-import { ServerRuntime } from '../../types'
+import type { ServerRuntime } from '../../types'
 import { normalizeAppPath } from '../shared/lib/router/utils/app-paths'
 import { encodeMatchers } from './webpack/loaders/next-middleware-loader'
-import { EdgeFunctionLoaderOptions } from './webpack/loaders/next-edge-function-loader'
+import type { EdgeFunctionLoaderOptions } from './webpack/loaders/next-edge-function-loader'
 import { isAppRouteRoute } from '../lib/is-app-route-route'
 import { normalizeMetadataRoute } from '../lib/metadata/get-metadata-route'
 import { getRouteLoaderEntry } from './webpack/loaders/next-route-loader'
diff --git a/packages/next/src/build/handle-externals.ts b/packages/next/src/build/handle-externals.ts
index a52f9dea1a021..2e0eb816b1495 100644
--- a/packages/next/src/build/handle-externals.ts
+++ b/packages/next/src/build/handle-externals.ts
@@ -1,4 +1,5 @@
-import { WebpackLayerName, WEBPACK_LAYERS } from '../lib/constants'
+import { WEBPACK_LAYERS } from '../lib/constants'
+import type { WebpackLayerName } from '../lib/constants'
 import { defaultOverrides } from '../server/require-hook'
 import { BARREL_OPTIMIZATION_PREFIX } from '../shared/lib/constants'
 import path from '../shared/lib/isomorphic/path'
@@ -9,7 +10,7 @@ import {
   NODE_RESOLVE_OPTIONS,
 } from './webpack-config'
 import { isWebpackAppLayer, isWebpackServerLayer } from './worker'
-import { NextConfigComplete } from '../server/config-shared'
+import type { NextConfigComplete } from '../server/config-shared'
 const reactPackagesRegex = /^(react|react-dom|react-server-dom-webpack)($|\/)/
 
 const pathSeparators = '[/\\\\]'
diff --git a/packages/next/src/build/index.ts b/packages/next/src/build/index.ts
index a226078d05853..4b6654d25349c 100644
--- a/packages/next/src/build/index.ts
+++ b/packages/next/src/build/index.ts
@@ -31,9 +31,11 @@ import {
 import { FileType, fileExists } from '../lib/file-exists'
 import { findPagesDir } from '../lib/find-pages-dir'
 import loadCustomRoutes, {
+  normalizeRouteRegex,
+} from '../lib/load-custom-routes'
+import type {
   CustomRoutes,
   Header,
-  normalizeRouteRegex,
   Redirect,
   Rewrite,
   RouteHas,
@@ -72,9 +74,9 @@ import {
   FUNCTIONS_CONFIG_MANIFEST,
 } from '../shared/lib/constants'
 import { getSortedRoutes, isDynamicRoute } from '../shared/lib/router/utils'
-import { __ApiPreviewProps } from '../server/api-utils'
+import type { __ApiPreviewProps } from '../server/api-utils'
 import loadConfig from '../server/config'
-import { BuildManifest } from '../server/get-page-files'
+import type { BuildManifest } from '../server/get-page-files'
 import { normalizePagePath } from '../shared/lib/page-path/normalize-page-path'
 import { getPagePath } from '../server/require'
 import * as ciEnvironment from '../telemetry/ci-info'
@@ -84,10 +86,10 @@ import {
   eventBuildFeatureUsage,
   eventNextPlugins,
   EVENT_BUILD_FEATURE_USAGE,
-  EventBuildFeatureUsage,
   eventPackageUsedInGetServerSideProps,
   eventBuildCompleted,
 } from '../telemetry/events'
+import type { EventBuildFeatureUsage } from '../telemetry/events'
 import { Telemetry } from '../telemetry/storage'
 import {
   isDynamicMetadataRoute,
@@ -103,17 +105,17 @@ import {
   detectConflictingPaths,
   computeFromManifest,
   getJsPageSizeInKb,
-  PageInfo,
   printCustomRoutes,
   printTreeView,
   copyTracedFiles,
   isReservedPage,
-  AppConfig,
   isAppBuiltinNotFoundPage,
 } from './utils'
+import type { PageInfo, AppConfig } from './utils'
 import { writeBuildId } from './write-build-id'
 import { normalizeLocalePath } from '../shared/lib/i18n/normalize-locale-path'
-import isError, { NextError } from '../lib/is-error'
+import isError from '../lib/is-error'
+import type { NextError } from '../lib/is-error'
 import { isEdgeRuntime } from '../lib/is-edge-runtime'
 import { recursiveCopy } from '../lib/recursive-copy'
 import { recursiveReadDir } from '../lib/recursive-readdir'
@@ -149,7 +151,7 @@ import { buildDataRoute } from '../server/lib/router-utils/build-data-route'
 import { initialize as initializeIncrementalCache } from '../server/lib/incremental-cache-server'
 import { nodeFs } from '../server/lib/node-fs-methods'
 import { collectBuildTraces } from './collect-build-traces'
-import { BuildTraceContext } from './webpack/plugins/next-trace-entrypoints-plugin'
+import type { BuildTraceContext } from './webpack/plugins/next-trace-entrypoints-plugin'
 import { formatManifest } from './manifests/formatter/format-manifest'
 
 interface ExperimentalBypassForInfo {
diff --git a/packages/next/src/build/load-jsconfig.ts b/packages/next/src/build/load-jsconfig.ts
index aaca3d52f7061..28f37dc6ce7d3 100644
--- a/packages/next/src/build/load-jsconfig.ts
+++ b/packages/next/src/build/load-jsconfig.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import fs from 'fs'
-import { NextConfigComplete } from '../server/config-shared'
+import type { NextConfigComplete } from '../server/config-shared'
 import * as Log from './output/log'
 import { getTypeScriptConfiguration } from '../lib/typescript/getTypeScriptConfiguration'
 import { readFileSync } from 'fs'
diff --git a/packages/next/src/build/output/index.ts b/packages/next/src/build/output/index.ts
index 60932a079c11e..1519fe64387e8 100644
--- a/packages/next/src/build/output/index.ts
+++ b/packages/next/src/build/output/index.ts
@@ -3,9 +3,11 @@ import stripAnsi from 'next/dist/compiled/strip-ansi'
 import textTable from 'next/dist/compiled/text-table'
 import createStore from 'next/dist/compiled/unistore'
 import formatWebpackMessages from '../../client/dev/error-overlay/format-webpack-messages'
-import { OutputState, store as consoleStore } from './store'
+import { store as consoleStore } from './store'
+import type { OutputState } from './store'
 import type { webpack } from 'next/dist/compiled/webpack/webpack'
-import { CompilerNameValues, COMPILER_NAMES } from '../../shared/lib/constants'
+import { COMPILER_NAMES } from '../../shared/lib/constants'
+import type { CompilerNameValues } from '../../shared/lib/constants'
 
 export function startedDevelopmentServer(appUrl: string, bindAddr: string) {
   consoleStore.setState({ appUrl, bindAddr })
diff --git a/packages/next/src/build/swc/index.ts b/packages/next/src/build/swc/index.ts
index 6accfadab603c..7d7f2ea107d49 100644
--- a/packages/next/src/build/swc/index.ts
+++ b/packages/next/src/build/swc/index.ts
@@ -8,12 +8,10 @@ import { getParserOptions } from './options'
 import { eventSwcLoadFailure } from '../../telemetry/events/swc-load-failure'
 import { patchIncorrectLockfile } from '../../lib/patch-incorrect-lockfile'
 import { downloadWasmSwc, downloadNativeNextSwc } from '../../lib/download-swc'
-import { NextConfigComplete, TurboRule } from '../../server/config-shared'
+import type { NextConfigComplete, TurboRule } from '../../server/config-shared'
 import { isDeepStrictEqual } from 'util'
-import {
-  DefineEnvPluginOptions,
-  getDefineEnv,
-} from '../webpack/plugins/define-env-plugin'
+import { getDefineEnv } from '../webpack/plugins/define-env-plugin'
+import type { DefineEnvPluginOptions } from '../webpack/plugins/define-env-plugin'
 
 const nextVersion = process.env.__NEXT_VERSION as string
 
diff --git a/packages/next/src/build/swc/options.ts b/packages/next/src/build/swc/options.ts
index 66fc96dc66573..f92bd3c99fd6f 100644
--- a/packages/next/src/build/swc/options.ts
+++ b/packages/next/src/build/swc/options.ts
@@ -321,7 +321,6 @@ export function getLoaderSWCOptions({
   hasServerComponents,
   isServerLayer,
   isServerActionsEnabled,
-  optimizeBarrelExports,
   bundleTarget,
 }: // This is not passed yet as "paths" resolving is handled by webpack currently.
 // resolvedBaseUrl,
@@ -348,9 +347,6 @@ export function getLoaderSWCOptions({
   hasServerComponents?: boolean
   isServerLayer: boolean
   isServerActionsEnabled?: boolean
-  optimizeBarrelExports?: {
-    wildcard: boolean
-  }
 }) {
   let baseOptions: any = getBaseSWCOptions({
     filename,
@@ -405,9 +401,6 @@ export function getLoaderSWCOptions({
       packages: optimizePackageImports,
     }
   }
-  if (optimizeBarrelExports) {
-    baseOptions.optimizeBarrelExports = optimizeBarrelExports
-  }
 
   const isNextDist = nextDistPath.test(filename)
 
diff --git a/packages/next/src/build/type-check.ts b/packages/next/src/build/type-check.ts
index b52cfb6d9743d..c8c18352311da 100644
--- a/packages/next/src/build/type-check.ts
+++ b/packages/next/src/build/type-check.ts
@@ -11,12 +11,12 @@ import { eventTypeCheckCompleted } from '../telemetry/events'
 import isError from '../lib/is-error'
 
 /**
- * typescript will be loaded in "next/lib/verifyTypeScriptSetup" and
+ * typescript will be loaded in "next/lib/verify-typescript-setup" and
  * then passed to "next/lib/typescript/runTypeCheck" as a parameter.
  *
  * Since it is impossible to pass a function from main thread to a worker,
  * instead of running "next/lib/typescript/runTypeCheck" in a worker,
- * we will run entire "next/lib/verifyTypeScriptSetup" in a worker instead.
+ * we will run entire "next/lib/verify-typescript-setup" in a worker instead.
  */
 function verifyTypeScriptSetup(
   dir: string,
@@ -31,14 +31,14 @@ function verifyTypeScriptSetup(
   hasPagesDir: boolean
 ) {
   const typeCheckWorker = new JestWorker(
-    require.resolve('../lib/verifyTypeScriptSetup'),
+    require.resolve('../lib/verify-typescript-setup'),
     {
       numWorkers: 1,
       enableWorkerThreads,
       maxRetries: 0,
     }
   ) as JestWorker & {
-    verifyTypeScriptSetup: typeof import('../lib/verifyTypeScriptSetup').verifyTypeScriptSetup
+    verifyTypeScriptSetup: typeof import('../lib/verify-typescript-setup').verifyTypeScriptSetup
   }
 
   typeCheckWorker.getStdout().pipe(process.stdout)
diff --git a/packages/next/src/build/utils.ts b/packages/next/src/build/utils.ts
index 824d86b9845eb..beb14976125d3 100644
--- a/packages/next/src/build/utils.ts
+++ b/packages/next/src/build/utils.ts
@@ -50,10 +50,8 @@ import { removeTrailingSlash } from '../shared/lib/router/utils/remove-trailing-
 import { isEdgeRuntime } from '../lib/is-edge-runtime'
 import { normalizeLocalePath } from '../shared/lib/i18n/normalize-locale-path'
 import * as Log from './output/log'
-import {
-  loadComponents,
-  LoadComponentsReturnType,
-} from '../server/load-components'
+import { loadComponents } from '../server/load-components'
+import type { LoadComponentsReturnType } from '../server/load-components'
 import { trace } from '../trace'
 import { setHttpClientAndAgentOptions } from '../server/setup-http-agent-env'
 import { Sema } from 'next/dist/compiled/async-sema'
@@ -1927,7 +1925,8 @@ export async function copyTracedFiles(
     serverOutputPath,
     `${
       moduleType
-        ? `import path from 'path'
+        ? `performance.mark('next-start');
+import path from 'path'
 import { fileURLToPath } from 'url'
 import module from 'module'
 const require = module.createRequire(import.meta.url)
diff --git a/packages/next/src/build/webpack-build/impl.ts b/packages/next/src/build/webpack-build/impl.ts
index d0c686c2c3d74..d64f0eaca9d03 100644
--- a/packages/next/src/build/webpack-build/impl.ts
+++ b/packages/next/src/build/webpack-build/impl.ts
@@ -1,18 +1,18 @@
-import { type webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { red } from '../../lib/picocolors'
 import formatWebpackMessages from '../../client/dev/error-overlay/format-webpack-messages'
 import { nonNullable } from '../../lib/non-nullable'
+import type { COMPILER_INDEXES } from '../../shared/lib/constants'
 import {
   COMPILER_NAMES,
   CLIENT_STATIC_FILES_RUNTIME_MAIN_APP,
   APP_CLIENT_INTERNALS,
   PHASE_PRODUCTION_BUILD,
-  COMPILER_INDEXES,
 } from '../../shared/lib/constants'
 import { runCompiler } from '../compiler'
 import * as Log from '../output/log'
 import getBaseWebpackConfig, { loadProjectInfo } from '../webpack-config'
-import { NextError } from '../../lib/is-error'
+import type { NextError } from '../../lib/is-error'
 import { TelemetryPlugin } from '../webpack/plugins/telemetry-plugin'
 import {
   NextBuildContext,
@@ -23,11 +23,9 @@ import { createEntrypoints } from '../entries'
 import loadConfig from '../../server/config'
 import { trace } from '../../trace'
 import { WEBPACK_LAYERS } from '../../lib/constants'
-import {
-  BuildTraceContext,
-  TraceEntryPointsPlugin,
-} from '../webpack/plugins/next-trace-entrypoints-plugin'
-import { UnwrapPromise } from '../../lib/coalesced-function'
+import { TraceEntryPointsPlugin } from '../webpack/plugins/next-trace-entrypoints-plugin'
+import type { BuildTraceContext } from '../webpack/plugins/next-trace-entrypoints-plugin'
+import type { UnwrapPromise } from '../../lib/coalesced-function'
 
 import origDebug from 'next/dist/compiled/debug'
 
diff --git a/packages/next/src/build/webpack-build/index.ts b/packages/next/src/build/webpack-build/index.ts
index 9d5855f8c5072..6d55342f1ebce 100644
--- a/packages/next/src/build/webpack-build/index.ts
+++ b/packages/next/src/build/webpack-build/index.ts
@@ -1,10 +1,10 @@
-import { COMPILER_INDEXES } from '../../shared/lib/constants'
+import type { COMPILER_INDEXES } from '../../shared/lib/constants'
 import * as Log from '../output/log'
 import { NextBuildContext } from '../build-context'
 import type { BuildTraceContext } from '../webpack/plugins/next-trace-entrypoints-plugin'
 import { Worker } from 'next/dist/compiled/jest-worker'
 import origDebug from 'next/dist/compiled/debug'
-import { ChildProcess } from 'child_process'
+import type { ChildProcess } from 'child_process'
 import path from 'path'
 
 const debug = origDebug('next:build:webpack-build')
diff --git a/packages/next/src/build/webpack-config.ts b/packages/next/src/build/webpack-config.ts
index de5d19591b091..1a3344be3a1d7 100644
--- a/packages/next/src/build/webpack-config.ts
+++ b/packages/next/src/build/webpack-config.ts
@@ -17,10 +17,10 @@ import {
   RSC_ACTION_CLIENT_WRAPPER_ALIAS,
   RSC_ACTION_VALIDATE_ALIAS,
   WEBPACK_RESOURCE_QUERIES,
-  WebpackLayerName,
 } from '../lib/constants'
+import type { WebpackLayerName } from '../lib/constants'
 import { isWebpackDefaultLayer, isWebpackServerLayer } from './utils'
-import { CustomRoutes } from '../lib/load-custom-routes.js'
+import type { CustomRoutes } from '../lib/load-custom-routes.js'
 import {
   CLIENT_STATIC_FILES_RUNTIME_AMP,
   CLIENT_STATIC_FILES_RUNTIME_MAIN,
@@ -32,10 +32,10 @@ import {
   REACT_LOADABLE_MANIFEST,
   SERVER_DIRECTORY,
   COMPILER_NAMES,
-  CompilerNameValues,
 } from '../shared/lib/constants'
+import type { CompilerNameValues } from '../shared/lib/constants'
 import { execOnce } from '../shared/lib/utils'
-import { NextConfigComplete } from '../server/config-shared'
+import type { NextConfigComplete } from '../server/config-shared'
 import { finalizeEntrypoint } from './entries'
 import * as Log from './output/log'
 import { buildConfiguration } from './webpack/config'
@@ -72,7 +72,7 @@ import { getBabelConfigFile } from './get-babel-config-file'
 import { defaultOverrides } from '../server/require-hook'
 import { needsExperimentalReact } from '../lib/needs-experimental-react'
 import { getDefineEnvPlugin } from './webpack/plugins/define-env-plugin'
-import { SWCLoaderOptions } from './webpack/loaders/next-swc-loader'
+import type { SWCLoaderOptions } from './webpack/loaders/next-swc-loader'
 import { isResourceInPackages, makeExternalHandler } from './handle-externals'
 
 type ExcludesFalse = <T>(x: T | false) => x is T
@@ -1412,27 +1412,6 @@ export default async function getBaseWebpackConfig(
     },
     module: {
       rules: [
-        {
-          // This loader rule passes the resource to the SWC loader with
-          // `optimizeBarrelExports` enabled. This option makes the SWC to
-          // transform the original code to be a JSON of its export map, so
-          // the barrel loader can analyze it and only keep the needed ones.
-          test: /__barrel_transform__/,
-          use: ({ resourceQuery }: { resourceQuery: string }) => {
-            const isFromWildcardExport = /[&?]wildcard/.test(resourceQuery)
-
-            return [
-              getSwcLoader({
-                isServerLayer: false,
-                bundleTarget: 'client',
-                hasServerComponents: false,
-                optimizeBarrelExports: {
-                  wildcard: isFromWildcardExport,
-                },
-              }),
-            ]
-          },
-        },
         {
           // This loader rule works like a bridge between user's import and
           // the target module behind a package's barrel file. It reads SWC's
@@ -1443,14 +1422,18 @@ export default async function getBaseWebpackConfig(
             const names = (
               resourceQuery.match(/\?names=([^&]+)/)?.[1] || ''
             ).split(',')
-            const isFromWildcardExport = /[&?]wildcard/.test(resourceQuery)
 
             return [
               {
                 loader: 'next-barrel-loader',
                 options: {
                   names,
-                  wildcard: isFromWildcardExport,
+                  swcCacheDir: path.join(
+                    dir,
+                    config?.distDir ?? '.next',
+                    'cache',
+                    'swc'
+                  ),
                 },
                 // This is part of the request value to serve as the module key.
                 // The barrel loader are no-op re-exported modules keyed by
diff --git a/packages/next/src/build/webpack/config/blocks/base.ts b/packages/next/src/build/webpack/config/blocks/base.ts
index c580c056faaef..2fc42f11bcb80 100644
--- a/packages/next/src/build/webpack/config/blocks/base.ts
+++ b/packages/next/src/build/webpack/config/blocks/base.ts
@@ -1,7 +1,7 @@
 import curry from 'next/dist/compiled/lodash.curry'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { COMPILER_NAMES } from '../../../../shared/lib/constants'
-import { ConfigurationContext } from '../utils'
+import type { ConfigurationContext } from '../utils'
 
 export const base = curry(function base(
   ctx: ConfigurationContext,
diff --git a/packages/next/src/build/webpack/config/blocks/css/index.ts b/packages/next/src/build/webpack/config/blocks/css/index.ts
index 632c5fa959993..4cd621d937f5c 100644
--- a/packages/next/src/build/webpack/config/blocks/css/index.ts
+++ b/packages/next/src/build/webpack/config/blocks/css/index.ts
@@ -1,7 +1,8 @@
 import curry from 'next/dist/compiled/lodash.curry'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { loader, plugin } from '../../helpers'
-import { ConfigurationContext, ConfigurationFn, pipe } from '../../utils'
+import { pipe } from '../../utils'
+import type { ConfigurationContext, ConfigurationFn } from '../../utils'
 import { getCssModuleLoader, getGlobalCssLoader } from './loaders'
 import { getNextFontLoader } from './loaders/next-font'
 import {
diff --git a/packages/next/src/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.ts b/packages/next/src/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.ts
index 567329efb404f..2291a07484e4d 100644
--- a/packages/next/src/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.ts
+++ b/packages/next/src/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent.ts
@@ -1,6 +1,6 @@
 import loaderUtils from 'next/dist/compiled/loader-utils3'
 import path from 'path'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 const regexLikeIndexModule = /(?<!pages[\\/])index\.module\.(scss|sass|css)$/
 
diff --git a/packages/next/src/build/webpack/config/blocks/css/loaders/modules.ts b/packages/next/src/build/webpack/config/blocks/css/loaders/modules.ts
index 55533e6d1cca1..09e40bf8ffad7 100644
--- a/packages/next/src/build/webpack/config/blocks/css/loaders/modules.ts
+++ b/packages/next/src/build/webpack/config/blocks/css/loaders/modules.ts
@@ -1,5 +1,5 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
-import { ConfigurationContext } from '../../../utils'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { ConfigurationContext } from '../../../utils'
 import { getClientStyleLoader } from './client'
 import { cssFileResolve } from './file-resolve'
 import { getCssModuleLocalIdent } from './getCssModuleLocalIdent'
diff --git a/packages/next/src/build/webpack/config/blocks/css/loaders/next-font.ts b/packages/next/src/build/webpack/config/blocks/css/loaders/next-font.ts
index 6bc54f6f0bfd8..10ec131f9e0af 100644
--- a/packages/next/src/build/webpack/config/blocks/css/loaders/next-font.ts
+++ b/packages/next/src/build/webpack/config/blocks/css/loaders/next-font.ts
@@ -1,5 +1,5 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
-import { ConfigurationContext } from '../../../utils'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { ConfigurationContext } from '../../../utils'
 import { getClientStyleLoader } from './client'
 import { cssFileResolve } from './file-resolve'
 
diff --git a/packages/next/src/build/webpack/config/blocks/images/index.ts b/packages/next/src/build/webpack/config/blocks/images/index.ts
index 0b675928b3ee5..102d50b8fdaa6 100644
--- a/packages/next/src/build/webpack/config/blocks/images/index.ts
+++ b/packages/next/src/build/webpack/config/blocks/images/index.ts
@@ -1,8 +1,9 @@
 import curry from 'next/dist/compiled/lodash.curry'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { nextImageLoaderRegex } from '../../../../webpack-config'
 import { loader } from '../../helpers'
-import { ConfigurationContext, ConfigurationFn, pipe } from '../../utils'
+import { pipe } from '../../utils'
+import type { ConfigurationContext, ConfigurationFn } from '../../utils'
 import { getCustomDocumentImageError } from './messages'
 
 export const images = curry(async function images(
diff --git a/packages/next/src/build/webpack/config/helpers.ts b/packages/next/src/build/webpack/config/helpers.ts
index b4cfabd59757e..8149df9fdaba7 100644
--- a/packages/next/src/build/webpack/config/helpers.ts
+++ b/packages/next/src/build/webpack/config/helpers.ts
@@ -1,5 +1,5 @@
 import curry from 'next/dist/compiled/lodash.curry'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 export const loader = curry(function loader(
   rule: webpack.RuleSetRule,
diff --git a/packages/next/src/build/webpack/loaders/error-loader.ts b/packages/next/src/build/webpack/loaders/error-loader.ts
index f41ce60093836..af57d692541ef 100644
--- a/packages/next/src/build/webpack/loaders/error-loader.ts
+++ b/packages/next/src/build/webpack/loaders/error-loader.ts
@@ -1,6 +1,6 @@
 import { cyan } from '../../../lib/picocolors'
 import path from 'path'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 const ErrorLoader: webpack.LoaderDefinitionFunction = function () {
   // @ts-ignore exists
diff --git a/packages/next/src/build/webpack/loaders/get-module-build-info.ts b/packages/next/src/build/webpack/loaders/get-module-build-info.ts
index f0ca52bf2f864..5892d9f996e91 100644
--- a/packages/next/src/build/webpack/loaders/get-module-build-info.ts
+++ b/packages/next/src/build/webpack/loaders/get-module-build-info.ts
@@ -3,7 +3,7 @@ import type {
   MiddlewareMatcher,
   RSCModuleType,
 } from '../../analysis/get-page-static-info'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 export type ModuleBuildInfo = {
   nextEdgeMiddleware?: EdgeMiddlewareMeta
diff --git a/packages/next/src/build/webpack/loaders/metadata/discover.ts b/packages/next/src/build/webpack/loaders/metadata/discover.ts
index 53b971e259d9e..1859a6540df55 100644
--- a/packages/next/src/build/webpack/loaders/metadata/discover.ts
+++ b/packages/next/src/build/webpack/loaders/metadata/discover.ts
@@ -6,7 +6,7 @@ import path from 'path'
 import { stringify } from 'querystring'
 import { STATIC_METADATA_IMAGES } from '../../../../lib/metadata/is-metadata-route'
 import { WEBPACK_RESOURCE_QUERIES } from '../../../../lib/constants'
-import { MetadataResolver } from '../next-app-loader'
+import type { MetadataResolver } from '../next-app-loader'
 
 const METADATA_TYPE = 'metadata'
 
diff --git a/packages/next/src/build/webpack/loaders/next-app-loader.ts b/packages/next/src/build/webpack/loaders/next-app-loader.ts
index 69e97eb0812ac..acc3bc4ea6dfb 100644
--- a/packages/next/src/build/webpack/loaders/next-app-loader.ts
+++ b/packages/next/src/build/webpack/loaders/next-app-loader.ts
@@ -16,10 +16,10 @@ import {
 import { promises as fs } from 'fs'
 import { isAppRouteRoute } from '../../../lib/is-app-route-route'
 import { isMetadataRoute } from '../../../lib/metadata/is-metadata-route'
-import { NextConfig } from '../../../server/config-shared'
+import type { NextConfig } from '../../../server/config-shared'
 import { AppPathnameNormalizer } from '../../../server/future/normalizers/built/app/app-pathname-normalizer'
 import { AppBundlePathNormalizer } from '../../../server/future/normalizers/built/app/app-bundle-path-normalizer'
-import { MiddlewareConfig } from '../../analysis/get-page-static-info'
+import type { MiddlewareConfig } from '../../analysis/get-page-static-info'
 import { getFilenameAndExtension } from './next-metadata-route-loader'
 import { isAppBuiltinNotFoundPage } from '../../utils'
 import { loadEntrypoint } from '../../load-entrypoint'
diff --git a/packages/next/src/build/webpack/loaders/next-barrel-loader.ts b/packages/next/src/build/webpack/loaders/next-barrel-loader.ts
index 404fd9ab5608d..49defba08c1bf 100644
--- a/packages/next/src/build/webpack/loaders/next-barrel-loader.ts
+++ b/packages/next/src/build/webpack/loaders/next-barrel-loader.ts
@@ -86,35 +86,177 @@
 
 import type webpack from 'webpack'
 
+import path from 'path'
+import { transform } from '../../swc'
+
+// This is a in-memory cache for the mapping of barrel exports. This only applies
+// to the packages that we optimize. It will never change (e.g. upgrading packages)
+// during the lifetime of the server so we can safely cache it.
+// There is also no need to collect the cache for the same reason.
+const barrelTransformMappingCache = new Map<
+  string,
+  {
+    prefix: string
+    exportList: [string, string, string][]
+    wildcardExports: string[]
+  } | null
+>()
+
+async function getBarrelMapping(
+  resourcePath: string,
+  swcCacheDir: string,
+  resolve: (context: string, request: string) => Promise<string>,
+  fs: {
+    readFile: (
+      path: string,
+      callback: (err: any, data: string | Buffer | undefined) => void
+    ) => void
+  }
+) {
+  if (barrelTransformMappingCache.has(resourcePath)) {
+    return barrelTransformMappingCache.get(resourcePath)!
+  }
+
+  // This is a SWC transform specifically for `optimizeBarrelExports`. We don't
+  // care about other things but the export map only.
+  async function transpileSource(
+    filename: string,
+    source: string,
+    isWildcard: boolean
+  ) {
+    const isTypeScript = filename.endsWith('.ts') || filename.endsWith('.tsx')
+    return new Promise<string>((res) =>
+      transform(source, {
+        filename,
+        inputSourceMap: undefined,
+        sourceFileName: filename,
+        optimizeBarrelExports: {
+          wildcard: isWildcard,
+        },
+        jsc: {
+          parser: {
+            syntax: isTypeScript ? 'typescript' : 'ecmascript',
+            [isTypeScript ? 'tsx' : 'jsx']: true,
+          },
+          experimental: {
+            cacheRoot: swcCacheDir,
+          },
+        },
+      }).then((output) => {
+        res(output.code)
+      })
+    )
+  }
+
+  // Avoid circular `export *` dependencies
+  const visited = new Set<string>()
+  async function getMatches(file: string, isWildcard: boolean) {
+    if (visited.has(file)) {
+      return null
+    }
+    visited.add(file)
+
+    const source = await new Promise<string>((res, rej) => {
+      fs.readFile(file, (err, data) => {
+        if (err || data === undefined) {
+          rej(err)
+        } else {
+          res(data.toString())
+        }
+      })
+    })
+
+    const output = await transpileSource(file, source, isWildcard)
+
+    const matches = output.match(
+      /^([^]*)export (const|var) __next_private_export_map__ = ('[^']+'|"[^"]+")/
+    )
+    if (!matches) {
+      return null
+    }
+
+    const prefix = matches[1]
+    let exportList = JSON.parse(matches[3].slice(1, -1)) as [
+      string,
+      string,
+      string
+    ][]
+    const wildcardExports = [
+      ...output.matchAll(/export \* from "([^"]+)"/g),
+    ].map((match) => match[1])
+
+    // In the wildcard case, if the value is exported from another file, we
+    // redirect to that file (decl[0]). Otherwise, export from the current
+    // file itself.
+    if (isWildcard) {
+      for (const decl of exportList) {
+        decl[1] = file
+        decl[2] = decl[0]
+      }
+    }
+
+    // This recursively handles the wildcard exports (e.g. `export * from './a'`)
+    if (wildcardExports.length) {
+      await Promise.all(
+        wildcardExports.map(async (req) => {
+          const targetPath = await resolve(
+            path.dirname(file),
+            req.replace('__barrel_optimize__?names=__PLACEHOLDER__!=!', '')
+          )
+
+          const targetMatches = await getMatches(targetPath, true)
+          if (targetMatches) {
+            // Merge the export list
+            exportList = exportList.concat(targetMatches.exportList)
+          }
+        })
+      )
+    }
+
+    return {
+      prefix,
+      exportList,
+      wildcardExports,
+    }
+  }
+
+  const res = await getMatches(resourcePath, false)
+  barrelTransformMappingCache.set(resourcePath, res)
+
+  return res
+}
+
 const NextBarrelLoader = async function (
   this: webpack.LoaderContext<{
     names: string[]
-    wildcard: boolean
+    swcCacheDir: string
   }>
 ) {
   this.async()
-  const { names, wildcard } = this.getOptions()
-
-  const source = await new Promise<string>((resolve, reject) => {
-    this.loadModule(
-      `__barrel_transform__${wildcard ? '?wildcard' : ''}!=!${
-        this.resourcePath
-      }`,
-      (err, src) => {
-        if (err) {
-          reject(err)
-        } else {
-          resolve(src)
-        }
-      }
-    )
+  this.cacheable(true)
+
+  const { names, swcCacheDir } = this.getOptions()
+
+  // For barrel optimizations, we always prefer the "module" field over the
+  // "main" field because ESM handling is more robust with better tree-shaking.
+  const resolve = this.getResolve({
+    mainFields: ['module', 'main'],
   })
 
-  const matches = source.match(
-    /^([^]*)export const __next_private_export_map__ = ('[^']+'|"[^"]+")/
+  const mapping = await getBarrelMapping(
+    this.resourcePath,
+    swcCacheDir,
+    resolve,
+    this.fs
   )
 
-  if (!matches) {
+  // `resolve` adds all sub-paths to the dependency graph. However, we already
+  // cached the mapping and we assume them to not change. So, we can safely
+  // clear the dependencies here to avoid unnecessary watchers which turned out
+  // to be very expensive.
+  this.clearDependencies()
+
+  if (!mapping) {
     // This file isn't a barrel and we can't apply any optimizations. Let's re-export everything.
     // Since this loader accepts `names` and the request is keyed with `names`, we can't simply
     // return the original source here. That will create these imports with different names as
@@ -123,19 +265,12 @@ const NextBarrelLoader = async function (
     return
   }
 
-  const wildcardExports = [...source.matchAll(/export \* from "([^"]+)"/g)]
-
   // It needs to keep the prefix for comments and directives like "use client".
-  const prefix = matches[1]
-
-  const exportList = JSON.parse(matches[2].slice(1, -1)) as [
-    string,
-    string,
-    string
-  ][]
+  const prefix = mapping.prefix
+  const exportList = mapping.exportList
   const exportMap = new Map<string, [string, string]>()
-  for (const [name, path, orig] of exportList) {
-    exportMap.set(name, [path, orig])
+  for (const [name, filePath, orig] of exportList) {
+    exportMap.set(name, [filePath, orig])
   }
 
   let output = prefix
@@ -145,15 +280,6 @@ const NextBarrelLoader = async function (
     if (exportMap.has(name)) {
       const decl = exportMap.get(name)!
 
-      // In the wildcard case, if the value is exported from another file, we
-      // redirect to that file (decl[0]). Otherwise, export from the current
-      // file itself (this.resourcePath).
-      if (wildcard && !decl[0]) {
-        // E.g. the file contains `export const a = 1`
-        decl[0] = this.resourcePath
-        decl[1] = name
-      }
-
       if (decl[1] === '*') {
         output += `\nexport * as ${name} from ${JSON.stringify(decl[0])}`
       } else if (decl[1] === 'default') {
@@ -174,11 +300,9 @@ const NextBarrelLoader = async function (
 
   // These are from wildcard exports.
   if (missedNames.length > 0) {
-    for (const match of wildcardExports) {
-      const path = match[1]
-
+    for (const req of mapping.wildcardExports) {
       output += `\nexport * from ${JSON.stringify(
-        path.replace('__PLACEHOLDER__', missedNames.join(',') + '&wildcard')
+        req.replace('__PLACEHOLDER__', missedNames.join(',') + '&wildcard')
       )}`
     }
   }
diff --git a/packages/next/src/build/webpack/loaders/next-edge-app-route-loader/index.ts b/packages/next/src/build/webpack/loaders/next-edge-app-route-loader/index.ts
index e14db1b3b21b1..8b9b8d244a81e 100644
--- a/packages/next/src/build/webpack/loaders/next-edge-app-route-loader/index.ts
+++ b/packages/next/src/build/webpack/loaders/next-edge-app-route-loader/index.ts
@@ -1,9 +1,9 @@
 import { getModuleBuildInfo } from '../get-module-build-info'
 import { stringifyRequest } from '../../stringify-request'
-import { NextConfig } from '../../../../server/config-shared'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { NextConfig } from '../../../../server/config-shared'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { WEBPACK_RESOURCE_QUERIES } from '../../../../lib/constants'
-import { MiddlewareConfig } from '../../../analysis/get-page-static-info'
+import type { MiddlewareConfig } from '../../../analysis/get-page-static-info'
 import { loadEntrypoint } from '../../../load-entrypoint'
 
 export type EdgeAppRouteLoaderQuery = {
diff --git a/packages/next/src/build/webpack/loaders/next-edge-function-loader.ts b/packages/next/src/build/webpack/loaders/next-edge-function-loader.ts
index c2149799d45c9..d147a340e1127 100644
--- a/packages/next/src/build/webpack/loaders/next-edge-function-loader.ts
+++ b/packages/next/src/build/webpack/loaders/next-edge-function-loader.ts
@@ -1,7 +1,7 @@
 import type webpack from 'webpack'
 import { getModuleBuildInfo } from './get-module-build-info'
 import { stringifyRequest } from '../stringify-request'
-import { MiddlewareConfig } from '../../analysis/get-page-static-info'
+import type { MiddlewareConfig } from '../../analysis/get-page-static-info'
 
 export type EdgeFunctionLoaderOptions = {
   absolutePagePath: string
diff --git a/packages/next/src/build/webpack/loaders/next-edge-ssr-loader/render.ts b/packages/next/src/build/webpack/loaders/next-edge-ssr-loader/render.ts
index d4c4aa11138b0..dea29c64be74d 100644
--- a/packages/next/src/build/webpack/loaders/next-edge-ssr-loader/render.ts
+++ b/packages/next/src/build/webpack/loaders/next-edge-ssr-loader/render.ts
@@ -13,9 +13,9 @@ import {
   WebNextResponse,
 } from '../../../../server/base-http/web'
 import { SERVER_RUNTIME } from '../../../../lib/constants'
-import { PrerenderManifest } from '../../..'
+import type { PrerenderManifest } from '../../..'
 import { normalizeAppPath } from '../../../../shared/lib/router/utils/app-paths'
-import { SizeLimit } from '../../../../../types'
+import type { SizeLimit } from '../../../../../types'
 
 const NEXT_PRIVATE_GLOBAL_WAIT_UNTIL = Symbol.for(
   '__next_private_global_wait_until__'
diff --git a/packages/next/src/build/webpack/loaders/next-font-loader/postcss-next-font.ts b/packages/next/src/build/webpack/loaders/next-font-loader/postcss-next-font.ts
index e8a0cde20377d..cc2cc5e0aad3c 100644
--- a/packages/next/src/build/webpack/loaders/next-font-loader/postcss-next-font.ts
+++ b/packages/next/src/build/webpack/loaders/next-font-loader/postcss-next-font.ts
@@ -1,5 +1,6 @@
 import type { AdjustFontFallback } from '../../../../../font'
-import postcss, { Declaration } from 'postcss'
+import type { Declaration } from 'postcss'
+import postcss from 'postcss'
 
 /**
  * The next/font postcss plugin recieves the @font-face declarations returned from the next/font loaders.
diff --git a/packages/next/src/build/webpack/loaders/next-swc-loader.ts b/packages/next/src/build/webpack/loaders/next-swc-loader.ts
index 253ef9e39035a..6a18b06d9bd2b 100644
--- a/packages/next/src/build/webpack/loaders/next-swc-loader.ts
+++ b/packages/next/src/build/webpack/loaders/next-swc-loader.ts
@@ -45,9 +45,6 @@ export interface SWCLoaderOptions {
   bundleTarget: BundleType
   hasServerComponents?: boolean
   isServerLayer: boolean
-  optimizeBarrelExports?: {
-    wildcard: boolean
-  }
 }
 
 async function loaderTransform(
@@ -73,19 +70,11 @@ async function loaderTransform(
     swcCacheDir,
     hasServerComponents,
     isServerLayer,
-    optimizeBarrelExports,
     bundleTarget,
   } = loaderOptions
   const isPageFile = filename.startsWith(pagesDir)
   const relativeFilePathFromRoot = path.relative(rootDir, filename)
 
-  // For testing purposes
-  if (process.env.NEXT_TEST_MODE) {
-    if (loaderOptions.optimizeBarrelExports) {
-      console.log('optimizeBarrelExports:', filename)
-    }
-  }
-
   const swcOptions = getLoaderSWCOptions({
     pagesDir,
     appDir,
@@ -106,7 +95,6 @@ async function loaderTransform(
     hasServerComponents,
     isServerActionsEnabled: nextConfig?.experimental?.serverActions,
     isServerLayer,
-    optimizeBarrelExports,
     bundleTarget,
   })
 
diff --git a/packages/next/src/build/webpack/loaders/noop-loader.ts b/packages/next/src/build/webpack/loaders/noop-loader.ts
index debcaebcdcdef..0d24991b45520 100644
--- a/packages/next/src/build/webpack/loaders/noop-loader.ts
+++ b/packages/next/src/build/webpack/loaders/noop-loader.ts
@@ -1,4 +1,4 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 const NoopLoader: webpack.LoaderDefinitionFunction = (source) => source
 export default NoopLoader
diff --git a/packages/next/src/build/webpack/plugins/build-manifest-plugin.ts b/packages/next/src/build/webpack/plugins/build-manifest-plugin.ts
index f67dbf9f688e3..015dd08426bfd 100644
--- a/packages/next/src/build/webpack/plugins/build-manifest-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/build-manifest-plugin.ts
@@ -12,7 +12,7 @@ import {
   CLIENT_STATIC_FILES_RUNTIME_AMP,
   SYSTEM_ENTRYPOINTS,
 } from '../../../shared/lib/constants'
-import { BuildManifest } from '../../../server/get-page-files'
+import type { BuildManifest } from '../../../server/get-page-files'
 import getRouteFromEntrypoint from '../../../server/get-route-from-entrypoint'
 import { ampFirstEntryNamesMap } from './next-drop-client-page-plugin'
 import { getSortedRoutes } from '../../../shared/lib/router/utils'
diff --git a/packages/next/src/build/webpack/plugins/css-minimizer-plugin.ts b/packages/next/src/build/webpack/plugins/css-minimizer-plugin.ts
index 7d2a328a94add..d79ad14b71b4e 100644
--- a/packages/next/src/build/webpack/plugins/css-minimizer-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/css-minimizer-plugin.ts
@@ -1,6 +1,7 @@
 import cssnanoSimple from 'next/dist/compiled/cssnano-simple'
 import postcssScss from 'next/dist/compiled/postcss-scss'
-import postcss, { Parser } from 'postcss'
+import postcss from 'postcss'
+import type { Parser } from 'postcss'
 import { webpack, sources } from 'next/dist/compiled/webpack/webpack'
 import { spans } from './profiling-plugin'
 
diff --git a/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts b/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
index 0c2e964c7439e..c62935a243a84 100644
--- a/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/flight-client-entry-plugin.ts
@@ -32,7 +32,7 @@ import {
 import { traverseModules, forEachEntryModule } from '../utils'
 import { normalizePathSep } from '../../../shared/lib/page-path/normalize-path-sep'
 import { getProxiedPluginState } from '../../build-context'
-import { SizeLimit } from '../../../../types'
+import type { SizeLimit } from '../../../../types'
 
 interface Options {
   dev: boolean
diff --git a/packages/next/src/build/webpack/plugins/font-stylesheet-gathering-plugin.ts b/packages/next/src/build/webpack/plugins/font-stylesheet-gathering-plugin.ts
index ea5eedfb28fd9..399bc60aa7d48 100644
--- a/packages/next/src/build/webpack/plugins/font-stylesheet-gathering-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/font-stylesheet-gathering-plugin.ts
@@ -6,8 +6,8 @@ import {
 import {
   getFontDefinitionFromNetwork,
   getFontOverrideCss,
-  FontManifest,
 } from '../../../server/font-utils'
+import type { FontManifest } from '../../../server/font-utils'
 import postcss from 'postcss'
 import minifier from 'next/dist/compiled/cssnano-simple'
 import {
diff --git a/packages/next/src/build/webpack/plugins/jsconfig-paths-plugin.ts b/packages/next/src/build/webpack/plugins/jsconfig-paths-plugin.ts
index 25b73740cdd4c..2e65e9e74ed33 100644
--- a/packages/next/src/build/webpack/plugins/jsconfig-paths-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/jsconfig-paths-plugin.ts
@@ -4,7 +4,7 @@
  * https://github.com/microsoft/TypeScript/blob/214df64e287804577afa1fea0184c18c40f7d1ca/LICENSE.txt
  */
 import path from 'path'
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { debug } from 'next/dist/compiled/debug'
 
 const log = debug('next:jsconfig-paths-plugin')
diff --git a/packages/next/src/build/webpack/plugins/memory-with-gc-cache-plugin.ts b/packages/next/src/build/webpack/plugins/memory-with-gc-cache-plugin.ts
index 8a0f6b480c2c3..65c734378270d 100644
--- a/packages/next/src/build/webpack/plugins/memory-with-gc-cache-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/memory-with-gc-cache-plugin.ts
@@ -32,7 +32,8 @@ The default for max generations is 5, so 1/5th of the modules would be marked fo
 This plugin instead always checks the cache and decreases the time to live of all entries. That way memory is cleaned up earlier.
 */
 
-import { type Compiler, webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { Compiler } from 'next/dist/compiled/webpack/webpack'
 
 // Webpack doesn't expose Etag as a type so get it this way instead.
 type Etag = Parameters<typeof webpack.Cache.prototype.get>[1]
diff --git a/packages/next/src/build/webpack/plugins/middleware-plugin.ts b/packages/next/src/build/webpack/plugins/middleware-plugin.ts
index 07536f36831b2..17fe1c6cb6754 100644
--- a/packages/next/src/build/webpack/plugins/middleware-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/middleware-plugin.ts
@@ -22,8 +22,8 @@ import {
   SERVER_REFERENCE_MANIFEST,
   PRERENDER_MANIFEST,
 } from '../../../shared/lib/constants'
-import { MiddlewareConfig } from '../../analysis/get-page-static-info'
-import { Telemetry } from '../../../telemetry/storage'
+import type { MiddlewareConfig } from '../../analysis/get-page-static-info'
+import type { Telemetry } from '../../../telemetry/storage'
 import { traceGlobals } from '../../../trace/shared'
 import { EVENT_BUILD_FEATURE_USAGE } from '../../../telemetry/events'
 import { normalizeAppPath } from '../../../shared/lib/router/utils/app-paths'
diff --git a/packages/next/src/build/webpack/plugins/next-drop-client-page-plugin.ts b/packages/next/src/build/webpack/plugins/next-drop-client-page-plugin.ts
index 0706a8515afd3..b03428e7c32cb 100644
--- a/packages/next/src/build/webpack/plugins/next-drop-client-page-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/next-drop-client-page-plugin.ts
@@ -1,4 +1,4 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { STRING_LITERAL_DROP_BUNDLE } from '../../../shared/lib/constants'
 
 export const ampFirstEntryNamesMap: WeakMap<webpack.Compilation, string[]> =
diff --git a/packages/next/src/build/webpack/plugins/next-trace-entrypoints-plugin.ts b/packages/next/src/build/webpack/plugins/next-trace-entrypoints-plugin.ts
index 7ce133dbb774d..1f61d3520d29d 100644
--- a/packages/next/src/build/webpack/plugins/next-trace-entrypoints-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/next-trace-entrypoints-plugin.ts
@@ -1,11 +1,9 @@
 import nodePath from 'path'
-import { Span } from '../../../trace'
+import type { Span } from '../../../trace'
 import { spans } from './profiling-plugin'
 import isError from '../../../lib/is-error'
-import {
-  nodeFileTrace,
-  NodeFileTraceReasons,
-} from 'next/dist/compiled/@vercel/nft'
+import { nodeFileTrace } from 'next/dist/compiled/@vercel/nft'
+import type { NodeFileTraceReasons } from 'next/dist/compiled/@vercel/nft'
 import {
   CLIENT_REFERENCE_MANIFEST,
   TRACE_OUTPUT_VERSION,
@@ -15,7 +13,7 @@ import {
   NODE_ESM_RESOLVE_OPTIONS,
   NODE_RESOLVE_OPTIONS,
 } from '../../webpack-config'
-import { NextConfigComplete } from '../../../server/config-shared'
+import type { NextConfigComplete } from '../../../server/config-shared'
 import { loadBindings } from '../../swc'
 import { isMatch } from 'next/dist/compiled/micromatch'
 import { getModuleBuildInfo } from '../loaders/get-module-build-info'
diff --git a/packages/next/src/build/webpack/plugins/profiling-plugin.ts b/packages/next/src/build/webpack/plugins/profiling-plugin.ts
index 1534368c298c7..c2c48b3de2d08 100644
--- a/packages/next/src/build/webpack/plugins/profiling-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/profiling-plugin.ts
@@ -1,5 +1,5 @@
 import { NormalModule } from 'next/dist/compiled/webpack/webpack'
-import { Span } from '../../../trace'
+import type { Span } from '../../../trace'
 import type { webpack } from 'next/dist/compiled/webpack/webpack'
 
 const pluginName = 'ProfilingPlugin'
diff --git a/packages/next/src/build/webpack/plugins/telemetry-plugin.ts b/packages/next/src/build/webpack/plugins/telemetry-plugin.ts
index 156ef5802d24d..9299dd78206cb 100644
--- a/packages/next/src/build/webpack/plugins/telemetry-plugin.ts
+++ b/packages/next/src/build/webpack/plugins/telemetry-plugin.ts
@@ -1,4 +1,5 @@
-import { NormalModule, webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
+import { NormalModule } from 'next/dist/compiled/webpack/webpack'
 
 /**
  * List of target triples next-swc native binary supports.
diff --git a/packages/next/src/build/webpack/plugins/wellknown-errors-plugin/webpackModuleError.ts b/packages/next/src/build/webpack/plugins/wellknown-errors-plugin/webpackModuleError.ts
index 6862511ea0de6..4281344e71ed2 100644
--- a/packages/next/src/build/webpack/plugins/wellknown-errors-plugin/webpackModuleError.ts
+++ b/packages/next/src/build/webpack/plugins/wellknown-errors-plugin/webpackModuleError.ts
@@ -6,7 +6,7 @@ import { getBabelError } from './parseBabel'
 import { getCssError } from './parseCss'
 import { getScssError } from './parseScss'
 import { getNotFoundError, getImageError } from './parseNotFoundError'
-import { SimpleWebpackError } from './simpleWebpackError'
+import type { SimpleWebpackError } from './simpleWebpackError'
 import isError from '../../../../lib/is-error'
 import { getRscError } from './parseRSC'
 import { getNextFontError } from './parseNextFontError'
diff --git a/packages/next/src/build/webpack/utils.ts b/packages/next/src/build/webpack/utils.ts
index 8470a323642e1..95aa01b18bc23 100644
--- a/packages/next/src/build/webpack/utils.ts
+++ b/packages/next/src/build/webpack/utils.ts
@@ -1,4 +1,4 @@
-import { webpack } from 'next/dist/compiled/webpack/webpack'
+import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import { isAppRouteRoute } from '../../lib/is-app-route-route'
 
 export function traverseModules(
diff --git a/packages/next/src/cli/next-build-args.ts b/packages/next/src/cli/next-build-args.ts
index 814ac16df8396..7d328bc68935a 100755
--- a/packages/next/src/cli/next-build-args.ts
+++ b/packages/next/src/cli/next-build-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 export const validArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-build.ts b/packages/next/src/cli/next-build.ts
index d0b3334e55454..634bbc0fc5a59 100755
--- a/packages/next/src/cli/next-build.ts
+++ b/packages/next/src/cli/next-build.ts
@@ -3,7 +3,7 @@
 import '../server/lib/cpu-profile'
 import { existsSync } from 'fs'
 import * as Log from '../build/output/log'
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import build from '../build'
 import { printAndExit } from '../server/lib/utils'
 import isError from '../lib/is-error'
diff --git a/packages/next/src/cli/next-dev-args.ts b/packages/next/src/cli/next-dev-args.ts
index 7d89d04b41940..a1ce6258936d7 100644
--- a/packages/next/src/cli/next-dev-args.ts
+++ b/packages/next/src/cli/next-dev-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 export const validArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-dev.ts b/packages/next/src/cli/next-dev.ts
index 70546ea42f008..9805f183f2dd0 100644
--- a/packages/next/src/cli/next-dev.ts
+++ b/packages/next/src/cli/next-dev.ts
@@ -4,21 +4,19 @@ import '../server/lib/cpu-profile'
 import type { StartServerOptions } from '../server/lib/start-server'
 import { RESTART_EXIT_CODE, getPort, printAndExit } from '../server/lib/utils'
 import * as Log from '../build/output/log'
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import { getProjectDir } from '../lib/get-project-dir'
 import { PHASE_DEVELOPMENT_SERVER } from '../shared/lib/constants'
 import path from 'path'
-import { NextConfigComplete } from '../server/config-shared'
+import type { NextConfigComplete } from '../server/config-shared'
 import { setGlobal, traceGlobals } from '../trace/shared'
 import { Telemetry } from '../telemetry/storage'
 import loadConfig, { getEnabledExperimentalFeatures } from '../server/config'
 import { findPagesDir } from '../lib/find-pages-dir'
 import { fileExists, FileType } from '../lib/file-exists'
 import { getNpxCommand } from '../lib/helpers/get-npx-command'
-import {
-  SelfSignedCertificate,
-  createSelfSignedCertificate,
-} from '../lib/mkcert'
+import { createSelfSignedCertificate } from '../lib/mkcert'
+import type { SelfSignedCertificate } from '../lib/mkcert'
 import uploadTrace from '../trace/upload-trace'
 import { initialEnv, loadEnvConfig } from '@next/env'
 import { trace } from '../trace'
diff --git a/packages/next/src/cli/next-export-args.ts b/packages/next/src/cli/next-export-args.ts
index e6c66da77dd30..f573274be7a1b 100755
--- a/packages/next/src/cli/next-export-args.ts
+++ b/packages/next/src/cli/next-export-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 export const validArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-export.ts b/packages/next/src/cli/next-export.ts
index a53d05dce0c01..1791ced809b16 100755
--- a/packages/next/src/cli/next-export.ts
+++ b/packages/next/src/cli/next-export.ts
@@ -7,7 +7,7 @@ import { cyan } from '../lib/picocolors'
 import exportApp, { ExportError } from '../export'
 import * as Log from '../build/output/log'
 import { printAndExit } from '../server/lib/utils'
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import { trace } from '../trace'
 import { getProjectDir } from '../lib/get-project-dir'
 
diff --git a/packages/next/src/cli/next-info-args.ts b/packages/next/src/cli/next-info-args.ts
index dafea92660d84..53cdbc4b92da9 100755
--- a/packages/next/src/cli/next-info-args.ts
+++ b/packages/next/src/cli/next-info-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 /**
  * Supported CLI arguments.
diff --git a/packages/next/src/cli/next-info.ts b/packages/next/src/cli/next-info.ts
index 46d2f4efb41c0..282f742368f79 100755
--- a/packages/next/src/cli/next-info.ts
+++ b/packages/next/src/cli/next-info.ts
@@ -7,7 +7,7 @@ import { bold, cyan, yellow } from '../lib/picocolors'
 const { fetch } = require('next/dist/compiled/undici') as {
   fetch: typeof global.fetch
 }
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import { PHASE_INFO } from '../shared/lib/constants'
 import loadConfig from '../server/config'
 
diff --git a/packages/next/src/cli/next-lint-args.ts b/packages/next/src/cli/next-lint-args.ts
index 854af64be303f..5e1fbfe3c49aa 100755
--- a/packages/next/src/cli/next-lint-args.ts
+++ b/packages/next/src/cli/next-lint-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 const validEslintArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-lint.ts b/packages/next/src/cli/next-lint.ts
index 93984a473d658..170826fb071c4 100755
--- a/packages/next/src/cli/next-lint.ts
+++ b/packages/next/src/cli/next-lint.ts
@@ -4,7 +4,7 @@ import { existsSync } from 'fs'
 import { join } from 'path'
 import { green } from '../lib/picocolors'
 
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import { ESLINT_DEFAULT_DIRS } from '../lib/constants'
 import { runLintCheck } from '../lib/eslint/runLintCheck'
 import { printAndExit } from '../server/lib/utils'
@@ -15,7 +15,7 @@ import { eventLintCheckCompleted } from '../telemetry/events'
 import { CompileError } from '../lib/compile-error'
 import { getProjectDir } from '../lib/get-project-dir'
 import { findPagesDir } from '../lib/find-pages-dir'
-import { verifyTypeScriptSetup } from '../lib/verifyTypeScriptSetup'
+import { verifyTypeScriptSetup } from '../lib/verify-typescript-setup'
 
 const eslintOptions = (args: arg.Spec, defaultCacheLocation: string) => ({
   overrideConfigFile: args['--config'] || null,
diff --git a/packages/next/src/cli/next-start-args.ts b/packages/next/src/cli/next-start-args.ts
index 1c95bafd0bc71..151d1cd33bc4d 100755
--- a/packages/next/src/cli/next-start-args.ts
+++ b/packages/next/src/cli/next-start-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 export const validArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-start.ts b/packages/next/src/cli/next-start.ts
index 06cddaed5a86f..9b072ba99edb9 100755
--- a/packages/next/src/cli/next-start.ts
+++ b/packages/next/src/cli/next-start.ts
@@ -1,10 +1,9 @@
 #!/usr/bin/env node
-
 import '../server/lib/cpu-profile'
 import { startServer } from '../server/lib/start-server'
 import { getPort, printAndExit } from '../server/lib/utils'
 import { getProjectDir } from '../lib/get-project-dir'
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import {
   getReservedPortExplanation,
   isPortIsReserved,
diff --git a/packages/next/src/cli/next-telemetry-args.ts b/packages/next/src/cli/next-telemetry-args.ts
index 91b07af36d4fe..bdb5a7375076c 100755
--- a/packages/next/src/cli/next-telemetry-args.ts
+++ b/packages/next/src/cli/next-telemetry-args.ts
@@ -1,4 +1,4 @@
-import arg from 'next/dist/compiled/arg/index.js'
+import type arg from 'next/dist/compiled/arg/index.js'
 
 export const validArgs: arg.Spec = {
   // Types
diff --git a/packages/next/src/cli/next-telemetry.ts b/packages/next/src/cli/next-telemetry.ts
index 7a61b92bbfb82..e1039873131b4 100755
--- a/packages/next/src/cli/next-telemetry.ts
+++ b/packages/next/src/cli/next-telemetry.ts
@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import { bold, cyan, green, red, yellow } from '../lib/picocolors'
-import { CliCommand } from '../lib/commands'
+import type { CliCommand } from '../lib/commands'
 import { Telemetry } from '../telemetry/storage'
 
 const nextTelemetry: CliCommand = (args) => {
diff --git a/packages/next/src/client/compat/router.ts b/packages/next/src/client/compat/router.ts
index e9143c4117bd7..ec5752e7627f9 100644
--- a/packages/next/src/client/compat/router.ts
+++ b/packages/next/src/client/compat/router.ts
@@ -1,6 +1,6 @@
 import { useContext } from 'react'
 import { RouterContext } from '../../shared/lib/router-context.shared-runtime'
-import { NextRouter } from '../router'
+import type { NextRouter } from '../router'
 
 /**
  * useRouter from `next/compat/router` is designed to assist developers
diff --git a/packages/next/src/client/components/app-router.tsx b/packages/next/src/client/components/app-router.tsx
index 51c749f002b3a..5f2d106e67d1f 100644
--- a/packages/next/src/client/components/app-router.tsx
+++ b/packages/next/src/client/components/app-router.tsx
@@ -33,8 +33,10 @@ import {
   ACTION_RESTORE,
   ACTION_SERVER_ACTION,
   ACTION_SERVER_PATCH,
-  Mutable,
   PrefetchKind,
+} from './router-reducer/router-reducer-types'
+import type {
+  Mutable,
   ReducerActions,
   RouterChangeByServerResponse,
   RouterNavigate,
@@ -47,10 +49,8 @@ import {
 } from '../../shared/lib/hooks-client-context.shared-runtime'
 import { useReducerWithReduxDevtools } from './use-reducer-with-devtools'
 import { ErrorBoundary } from './error-boundary'
-import {
-  createInitialRouterState,
-  InitialRouterStateParameters,
-} from './router-reducer/create-initial-router-state'
+import { createInitialRouterState } from './router-reducer/create-initial-router-state'
+import type { InitialRouterStateParameters } from './router-reducer/create-initial-router-state'
 import { isBot } from '../../shared/lib/router/utils/is-bot'
 import { addBasePath } from '../add-base-path'
 import { AppRouterAnnouncer } from './app-router-announcer'
diff --git a/packages/next/src/client/components/react-dev-overlay/hot-reloader-client.tsx b/packages/next/src/client/components/react-dev-overlay/hot-reloader-client.tsx
index d4a2da56d3acc..6c4240d780a91 100644
--- a/packages/next/src/client/components/react-dev-overlay/hot-reloader-client.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/hot-reloader-client.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 import React, {
   useCallback,
   useEffect,
@@ -36,10 +36,8 @@ import {
 } from './internal/helpers/use-websocket'
 import { parseComponentStack } from './internal/helpers/parse-component-stack'
 import type { VersionInfo } from '../../../server/dev/parse-version-info'
-import {
-  HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
-} from '../../../server/dev/hot-reloader-types'
+import { HMR_ACTIONS_SENT_TO_BROWSER } from '../../../server/dev/hot-reloader-types'
+import type { HMR_ACTION_TYPES } from '../../../server/dev/hot-reloader-types'
 
 interface Dispatcher {
   onBuildOk(): void
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/ReactDevOverlay.tsx b/packages/next/src/client/components/react-dev-overlay/internal/ReactDevOverlay.tsx
index 715e3fd1b9571..7d3c49cd0b670 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/ReactDevOverlay.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/ReactDevOverlay.tsx
@@ -1,13 +1,14 @@
 import * as React from 'react'
-import {
-  ACTION_UNHANDLED_ERROR,
+import { ACTION_UNHANDLED_ERROR } from './error-overlay-reducer'
+import type {
   OverlayState,
   UnhandledErrorAction,
 } from './error-overlay-reducer'
 
 import { ShadowPortal } from './components/ShadowPortal'
 import { BuildError } from './container/BuildError'
-import { Errors, SupportedErrorEvent } from './container/Errors'
+import { Errors } from './container/Errors'
+import type { SupportedErrorEvent } from './container/Errors'
 import { RootLayoutError } from './container/RootLayoutError'
 import { parseStack } from './helpers/parseStack'
 import { Base } from './styles/Base'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/components/CodeFrame/CodeFrame.tsx b/packages/next/src/client/components/react-dev-overlay/internal/components/CodeFrame/CodeFrame.tsx
index eb8b8172b2880..3f879291291bf 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/components/CodeFrame/CodeFrame.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/components/CodeFrame/CodeFrame.tsx
@@ -1,6 +1,6 @@
 import Anser from 'next/dist/compiled/anser'
 import * as React from 'react'
-import { StackFrame } from 'next/dist/compiled/stacktrace-parser'
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'
 import stripAnsi from 'next/dist/compiled/strip-ansi'
 import { getFrameSource } from '../../helpers/stack-frame'
 import { useOpenInEditor } from '../../helpers/use-open-in-editor'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/container/Errors.tsx b/packages/next/src/client/components/react-dev-overlay/internal/container/Errors.tsx
index ab6d9df6652e7..3a799356d28e1 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/container/Errors.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/container/Errors.tsx
@@ -2,6 +2,8 @@ import * as React from 'react'
 import {
   ACTION_UNHANDLED_ERROR,
   ACTION_UNHANDLED_REJECTION,
+} from '../error-overlay-reducer'
+import type {
   UnhandledErrorAction,
   UnhandledRejectionAction,
 } from '../error-overlay-reducer'
@@ -14,7 +16,8 @@ import {
 import { LeftRightDialogHeader } from '../components/LeftRightDialogHeader'
 import { Overlay } from '../components/Overlay'
 import { Toast } from '../components/Toast'
-import { getErrorByType, ReadyRuntimeError } from '../helpers/getErrorByType'
+import { getErrorByType } from '../helpers/getErrorByType'
+import type { ReadyRuntimeError } from '../helpers/getErrorByType'
 import { getErrorSource } from '../helpers/nodeStackFrames'
 import { noop as css } from '../helpers/noop-template'
 import { CloseIcon } from '../icons/CloseIcon'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
index 6efe28bdffb90..bc348bbb4e7d4 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react'
 import { CodeFrame } from '../../components/CodeFrame'
-import { ReadyRuntimeError } from '../../helpers/getErrorByType'
+import type { ReadyRuntimeError } from '../../helpers/getErrorByType'
 import { noop as css } from '../../helpers/noop-template'
-import { OriginalStackFrame } from '../../helpers/stack-frame'
+import type { OriginalStackFrame } from '../../helpers/stack-frame'
 import { groupStackFramesByFramework } from '../../helpers/group-stack-frames-by-framework'
 import { CallStackFrame } from './CallStackFrame'
 import { GroupedStackFrames } from './GroupedStackFrames'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/error-overlay-reducer.ts b/packages/next/src/client/components/react-dev-overlay/internal/error-overlay-reducer.ts
index 44cb2470db7a4..4536a263277e4 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/error-overlay-reducer.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/error-overlay-reducer.ts
@@ -1,7 +1,7 @@
 import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'
 import type { VersionInfo } from '../../../../server/dev/parse-version-info'
 import type { SupportedErrorEvent } from './container/Errors'
-import { ComponentStackFrame } from './helpers/parse-component-stack'
+import type { ComponentStackFrame } from './helpers/parse-component-stack'
 
 export const ACTION_BUILD_OK = 'build-ok'
 export const ACTION_BUILD_ERROR = 'build-error'
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/helpers/getErrorByType.ts b/packages/next/src/client/components/react-dev-overlay/internal/helpers/getErrorByType.ts
index 9819e90555692..cd0b866e31127 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/helpers/getErrorByType.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/helpers/getErrorByType.ts
@@ -2,10 +2,11 @@ import {
   ACTION_UNHANDLED_ERROR,
   ACTION_UNHANDLED_REJECTION,
 } from '../error-overlay-reducer'
-import { SupportedErrorEvent } from '../container/Errors'
+import type { SupportedErrorEvent } from '../container/Errors'
 import { getErrorSource } from './nodeStackFrames'
-import { getOriginalStackFrames, OriginalStackFrame } from './stack-frame'
-import { ComponentStackFrame } from './parse-component-stack'
+import { getOriginalStackFrames } from './stack-frame'
+import type { OriginalStackFrame } from './stack-frame'
+import type { ComponentStackFrame } from './parse-component-stack'
 
 export type ReadyRuntimeError = {
   id: number
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/helpers/getRawSourceMap.ts b/packages/next/src/client/components/react-dev-overlay/internal/helpers/getRawSourceMap.ts
index 504fa2c93bf85..0670daa0a8610 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/helpers/getRawSourceMap.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/helpers/getRawSourceMap.ts
@@ -1,6 +1,5 @@
-import dataUriToBuffer, {
-  MimeBuffer,
-} from 'next/dist/compiled/data-uri-to-buffer'
+import dataUriToBuffer from 'next/dist/compiled/data-uri-to-buffer'
+import type { MimeBuffer } from 'next/dist/compiled/data-uri-to-buffer'
 import type { RawSourceMap } from 'source-map'
 import { getSourceMapUrl } from './getSourceMapUrl'
 
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/helpers/nodeStackFrames.ts b/packages/next/src/client/components/react-dev-overlay/internal/helpers/nodeStackFrames.ts
index cb3f9db12a072..d3691fe629654 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/helpers/nodeStackFrames.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/helpers/nodeStackFrames.ts
@@ -1,4 +1,5 @@
-import { parse, StackFrame } from 'next/dist/compiled/stacktrace-parser'
+import { parse } from 'next/dist/compiled/stacktrace-parser'
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'
 
 export function getFilesystemFrame(frame: StackFrame): StackFrame {
   const f: StackFrame = { ...frame }
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/helpers/parseStack.ts b/packages/next/src/client/components/react-dev-overlay/internal/helpers/parseStack.ts
index ed95a92a82182..fbd509339945c 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/helpers/parseStack.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/helpers/parseStack.ts
@@ -1,4 +1,5 @@
-import { parse, StackFrame } from 'next/dist/compiled/stacktrace-parser'
+import { parse } from 'next/dist/compiled/stacktrace-parser'
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'
 
 const regexNextStatic = /\/_next(\/static\/.+)/g
 
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/helpers/stack-frame.ts b/packages/next/src/client/components/react-dev-overlay/internal/helpers/stack-frame.ts
index c02e961aeeca6..a213da0579787 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/helpers/stack-frame.ts
+++ b/packages/next/src/client/components/react-dev-overlay/internal/helpers/stack-frame.ts
@@ -1,4 +1,4 @@
-import { StackFrame } from 'next/dist/compiled/stacktrace-parser'
+import type { StackFrame } from 'next/dist/compiled/stacktrace-parser'
 // import type { OriginalStackFrameResponse } from '../../middleware'
 
 export type OriginalStackFrame =
diff --git a/packages/next/src/client/components/redirect-boundary.tsx b/packages/next/src/client/components/redirect-boundary.tsx
index 8d407fd6e9d6e..f0ee6fad318c4 100644
--- a/packages/next/src/client/components/redirect-boundary.tsx
+++ b/packages/next/src/client/components/redirect-boundary.tsx
@@ -1,6 +1,6 @@
 'use client'
 import React, { useEffect } from 'react'
-import { AppRouterInstance } from '../../shared/lib/app-router-context.shared-runtime'
+import type { AppRouterInstance } from '../../shared/lib/app-router-context.shared-runtime'
 import { useRouter } from './navigation'
 import {
   RedirectType,
diff --git a/packages/next/src/client/components/router-reducer/apply-flight-data.ts b/packages/next/src/client/components/router-reducer/apply-flight-data.ts
index 003d0a5cde9e4..f30a8df3bc8ba 100644
--- a/packages/next/src/client/components/router-reducer/apply-flight-data.ts
+++ b/packages/next/src/client/components/router-reducer/apply-flight-data.ts
@@ -1,8 +1,6 @@
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../shared/lib/app-router-context.shared-runtime'
-import { FlightDataPath } from '../../../server/app-render/types'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { FlightDataPath } from '../../../server/app-render/types'
 import { fillLazyItemsTillLeafWithHead } from './fill-lazy-items-till-leaf-with-head'
 import { fillCacheWithNewSubTreeData } from './fill-cache-with-new-subtree-data'
 
diff --git a/packages/next/src/client/components/router-reducer/compute-changed-path.ts b/packages/next/src/client/components/router-reducer/compute-changed-path.ts
index 3a80a5a051b8a..fc3c751595c26 100644
--- a/packages/next/src/client/components/router-reducer/compute-changed-path.ts
+++ b/packages/next/src/client/components/router-reducer/compute-changed-path.ts
@@ -1,4 +1,7 @@
-import { FlightRouterState, Segment } from '../../../server/app-render/types'
+import type {
+  FlightRouterState,
+  Segment,
+} from '../../../server/app-render/types'
 import { INTERCEPTION_ROUTE_MARKERS } from '../../../server/future/helpers/interception-routes'
 import { isGroupSegment } from '../../../shared/lib/segment'
 import { matchSegment } from '../match-segments'
diff --git a/packages/next/src/client/components/router-reducer/create-initial-router-state.test.tsx b/packages/next/src/client/components/router-reducer/create-initial-router-state.test.tsx
index 414b553c63249..036944640cadf 100644
--- a/packages/next/src/client/components/router-reducer/create-initial-router-state.test.tsx
+++ b/packages/next/src/client/components/router-reducer/create-initial-router-state.test.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
 import type { FlightRouterState } from '../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import { createInitialRouterState } from './create-initial-router-state'
 
 const buildId = 'development'
diff --git a/packages/next/src/client/components/router-reducer/create-record-from-thenable.ts b/packages/next/src/client/components/router-reducer/create-record-from-thenable.ts
index 2976bc8decf71..ae63ff16ef564 100644
--- a/packages/next/src/client/components/router-reducer/create-record-from-thenable.ts
+++ b/packages/next/src/client/components/router-reducer/create-record-from-thenable.ts
@@ -1,4 +1,4 @@
-import { ThenableRecord } from './router-reducer-types'
+import type { ThenableRecord } from './router-reducer-types'
 
 /**
  * Create data fetching record for Promise.
diff --git a/packages/next/src/client/components/router-reducer/create-router-cache-key.ts b/packages/next/src/client/components/router-reducer/create-router-cache-key.ts
index 3e9d739a717d7..dcf334d06ef48 100644
--- a/packages/next/src/client/components/router-reducer/create-router-cache-key.ts
+++ b/packages/next/src/client/components/router-reducer/create-router-cache-key.ts
@@ -1,4 +1,4 @@
-import { Segment } from '../../../server/app-render/types'
+import type { Segment } from '../../../server/app-render/types'
 
 export function createRouterCacheKey(
   segment: Segment,
diff --git a/packages/next/src/client/components/router-reducer/fetch-server-response.ts b/packages/next/src/client/components/router-reducer/fetch-server-response.ts
index 691f1be2f16c8..28e8e8e65b52d 100644
--- a/packages/next/src/client/components/router-reducer/fetch-server-response.ts
+++ b/packages/next/src/client/components/router-reducer/fetch-server-response.ts
@@ -145,7 +145,7 @@ export async function fetchServerResponse(
     return [flightData, canonicalUrl]
   } catch (err) {
     console.error(
-      'Failed to fetch RSC payload. Falling back to browser navigation.',
+      `Failed to fetch RSC payload for ${url}. Falling back to browser navigation.`,
       err
     )
     // If fetch fails handle it like a mpa navigation
diff --git a/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.test.tsx b/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.test.tsx
index f64fd86b2af90..5aacf327c2270 100644
--- a/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.test.tsx
+++ b/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.test.tsx
@@ -1,12 +1,10 @@
 import React from 'react'
 import type { FetchServerResponseResult } from './fetch-server-response'
 import { fillCacheWithDataProperty } from './fill-cache-with-data-property'
-import {
-  CacheStates,
-  CacheNode,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import { createRecordFromThenable } from './create-record-from-thenable'
-import { ThenableRecord } from './router-reducer-types'
+import type { ThenableRecord } from './router-reducer-types'
 describe('fillCacheWithDataProperty', () => {
   it('should add data property', () => {
     const fetchServerResponseMock: jest.Mock<
diff --git a/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.ts b/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.ts
index 274b9070f0c19..5584747ef06d6 100644
--- a/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.ts
+++ b/packages/next/src/client/components/router-reducer/fill-cache-with-data-property.ts
@@ -1,10 +1,8 @@
 import type { FetchServerResponseResult } from './fetch-server-response'
 import type { ThenableRecord } from './router-reducer-types'
-import { FlightSegmentPath } from '../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import type { FlightSegmentPath } from '../../../server/app-render/types'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import { createRouterCacheKey } from './create-router-cache-key'
 
 /**
diff --git a/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.test.tsx b/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.test.tsx
index ac888a3ede0ff..d81ee63e12817 100644
--- a/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.test.tsx
+++ b/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.test.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
 import { fillCacheWithNewSubTreeData } from './fill-cache-with-new-subtree-data'
-import {
-  CacheStates,
-  CacheNode,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import type { FlightData } from '../../../server/app-render/types'
 
 const getFlightData = (): FlightData => {
diff --git a/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.ts b/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.ts
index 7e9a93699fb65..694f24b0b0e93 100644
--- a/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.ts
+++ b/packages/next/src/client/components/router-reducer/fill-cache-with-new-subtree-data.ts
@@ -1,7 +1,5 @@
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import type { FlightDataPath } from '../../../server/app-render/types'
 import { invalidateCacheByRouterState } from './invalidate-cache-by-router-state'
 import { fillLazyItemsTillLeafWithHead } from './fill-lazy-items-till-leaf-with-head'
diff --git a/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.test.tsx b/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.test.tsx
index 1edbeffd7b3e9..ba0d5fbc602b2 100644
--- a/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.test.tsx
+++ b/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.test.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
 import { fillLazyItemsTillLeafWithHead } from './fill-lazy-items-till-leaf-with-head'
-import {
-  CacheStates,
-  CacheNode,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import type { FlightData } from '../../../server/app-render/types'
 
 const getFlightData = (): FlightData => {
diff --git a/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.ts b/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.ts
index f558edfab2f1e..4292b7f4607a0 100644
--- a/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.ts
+++ b/packages/next/src/client/components/router-reducer/fill-lazy-items-till-leaf-with-head.ts
@@ -1,7 +1,5 @@
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import type { FlightRouterState } from '../../../server/app-render/types'
 import { createRouterCacheKey } from './create-router-cache-key'
 
diff --git a/packages/next/src/client/components/router-reducer/get-prefetch-cache-entry-status.ts b/packages/next/src/client/components/router-reducer/get-prefetch-cache-entry-status.ts
index f2a6cedb134b0..efc899716b63a 100644
--- a/packages/next/src/client/components/router-reducer/get-prefetch-cache-entry-status.ts
+++ b/packages/next/src/client/components/router-reducer/get-prefetch-cache-entry-status.ts
@@ -1,4 +1,4 @@
-import { PrefetchCacheEntry } from './router-reducer-types'
+import type { PrefetchCacheEntry } from './router-reducer-types'
 
 const FIVE_MINUTES = 5 * 60 * 1000
 const THIRTY_SECONDS = 30 * 1000
diff --git a/packages/next/src/client/components/router-reducer/handle-mutable.ts b/packages/next/src/client/components/router-reducer/handle-mutable.ts
index d5f48235bbde6..37b7f23066177 100644
--- a/packages/next/src/client/components/router-reducer/handle-mutable.ts
+++ b/packages/next/src/client/components/router-reducer/handle-mutable.ts
@@ -1,5 +1,5 @@
 import { computeChangedPath } from './compute-changed-path'
-import {
+import type {
   Mutable,
   ReadonlyReducerState,
   ReducerState,
diff --git a/packages/next/src/client/components/router-reducer/invalidate-cache-below-flight-segmentpath.test.tsx b/packages/next/src/client/components/router-reducer/invalidate-cache-below-flight-segmentpath.test.tsx
index 8c23c47d42d74..9f062babb0f75 100644
--- a/packages/next/src/client/components/router-reducer/invalidate-cache-below-flight-segmentpath.test.tsx
+++ b/packages/next/src/client/components/router-reducer/invalidate-cache-below-flight-segmentpath.test.tsx
@@ -1,10 +1,8 @@
 import React from 'react'
 import type { FlightData } from '../../../server/app-render/types'
 import { invalidateCacheBelowFlightSegmentPath } from './invalidate-cache-below-flight-segmentpath'
-import {
-  CacheStates,
-  CacheNode,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import { fillCacheWithNewSubTreeData } from './fill-cache-with-new-subtree-data'
 
 const getFlightData = (): FlightData => {
diff --git a/packages/next/src/client/components/router-reducer/invalidate-cache-by-router-state.test.tsx b/packages/next/src/client/components/router-reducer/invalidate-cache-by-router-state.test.tsx
index bdd819b0614d9..c365d6ae9765e 100644
--- a/packages/next/src/client/components/router-reducer/invalidate-cache-by-router-state.test.tsx
+++ b/packages/next/src/client/components/router-reducer/invalidate-cache-by-router-state.test.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
 import { invalidateCacheByRouterState } from './invalidate-cache-by-router-state'
-import {
-  CacheStates,
-  CacheNode,
-} from '../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../shared/lib/app-router-context.shared-runtime'
 import type { FlightRouterState } from '../../../server/app-render/types'
 
 describe('invalidateCacheByRouterState', () => {
diff --git a/packages/next/src/client/components/router-reducer/reducers/fast-refresh-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/fast-refresh-reducer.ts
index dcf618118fb11..09acc94b4a9a8 100644
--- a/packages/next/src/client/components/router-reducer/reducers/fast-refresh-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/fast-refresh-reducer.ts
@@ -4,7 +4,7 @@ import { readRecordValue } from '../read-record-value'
 import { createHrefFromUrl } from '../create-href-from-url'
 import { applyRouterStatePatchToTree } from '../apply-router-state-patch-to-tree'
 import { isNavigatingToNewRootLayout } from '../is-navigating-to-new-root-layout'
-import {
+import type {
   ReadonlyReducerState,
   ReducerState,
   FastRefreshAction,
diff --git a/packages/next/src/client/components/router-reducer/reducers/find-head-in-cache.test.tsx b/packages/next/src/client/components/router-reducer/reducers/find-head-in-cache.test.tsx
index 2d4cdef348b1e..f3eaaad8a5c64 100644
--- a/packages/next/src/client/components/router-reducer/reducers/find-head-in-cache.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/find-head-in-cache.test.tsx
@@ -1,9 +1,7 @@
 import React from 'react'
 import type { FlightRouterState } from '../../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
 import { findHeadInCache } from './find-head-in-cache'
 
 describe('findHeadInCache', () => {
diff --git a/packages/next/src/client/components/router-reducer/reducers/get-segment-value.ts b/packages/next/src/client/components/router-reducer/reducers/get-segment-value.ts
index 52000f5578bda..2ec8269583afa 100644
--- a/packages/next/src/client/components/router-reducer/reducers/get-segment-value.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/get-segment-value.ts
@@ -1,4 +1,4 @@
-import { Segment } from '../../../../server/app-render/types'
+import type { Segment } from '../../../../server/app-render/types'
 
 export function getSegmentValue(segment: Segment) {
   return Array.isArray(segment) ? segment[1] : segment
diff --git a/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.test.tsx b/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.test.tsx
index fcde9b963e9fd..6b2e9f0d343db 100644
--- a/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.test.tsx
@@ -1,6 +1,18 @@
 import React from 'react'
 import type { fetchServerResponse as fetchServerResponseType } from '../fetch-server-response'
 import type { FlightData } from '../../../../server/app-render/types'
+import type { FlightRouterState } from '../../../../server/app-render/types'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
+import { createInitialRouterState } from '../create-initial-router-state'
+import {
+  ACTION_NAVIGATE,
+  ACTION_PREFETCH,
+  PrefetchKind,
+} from '../router-reducer-types'
+import type { NavigateAction, PrefetchAction } from '../router-reducer-types'
+import { navigateReducer } from './navigate-reducer'
+import { prefetchReducer } from './prefetch-reducer'
 
 const buildId = 'development'
 
@@ -75,22 +87,6 @@ jest.mock('../fetch-server-response', () => {
   }
 })
 
-import { FlightRouterState } from '../../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
-import { createInitialRouterState } from '../create-initial-router-state'
-import {
-  NavigateAction,
-  ACTION_NAVIGATE,
-  ACTION_PREFETCH,
-  PrefetchAction,
-  PrefetchKind,
-} from '../router-reducer-types'
-import { navigateReducer } from './navigate-reducer'
-import { prefetchReducer } from './prefetch-reducer'
-
 const getInitialRouterStateTree = (): FlightRouterState => [
   '',
   {
diff --git a/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.ts
index 2436a15aca527..6ffefb5076d7c 100644
--- a/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/navigate-reducer.ts
@@ -1,15 +1,11 @@
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
 import type {
   FlightRouterState,
   FlightSegmentPath,
 } from '../../../../server/app-render/types'
-import {
-  FetchServerResponseResult,
-  fetchServerResponse,
-} from '../fetch-server-response'
+import { fetchServerResponse } from '../fetch-server-response'
+import type { FetchServerResponseResult } from '../fetch-server-response'
 import { createRecordFromThenable } from '../create-record-from-thenable'
 import { readRecordValue } from '../read-record-value'
 import { createHrefFromUrl } from '../create-href-from-url'
@@ -19,14 +15,14 @@ import { createOptimisticTree } from '../create-optimistic-tree'
 import { applyRouterStatePatchToTree } from '../apply-router-state-patch-to-tree'
 import { shouldHardNavigate } from '../should-hard-navigate'
 import { isNavigatingToNewRootLayout } from '../is-navigating-to-new-root-layout'
-import {
+import type {
   Mutable,
   NavigateAction,
-  PrefetchKind,
   ReadonlyReducerState,
   ReducerState,
   ThenableRecord,
 } from '../router-reducer-types'
+import { PrefetchKind } from '../router-reducer-types'
 import { handleMutable } from '../handle-mutable'
 import { applyFlightData } from '../apply-flight-data'
 import {
diff --git a/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.test.tsx b/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.test.tsx
index bbbee6ff5f2a4..c5eca08342ead 100644
--- a/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.test.tsx
@@ -1,6 +1,16 @@
 import React from 'react'
 import type { fetchServerResponse as fetchServerResponseType } from '../fetch-server-response'
 import type { FlightData } from '../../../../server/app-render/types'
+import type { FlightRouterState } from '../../../../server/app-render/types'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
+import { createInitialRouterState } from '../create-initial-router-state'
+import { ACTION_PREFETCH, PrefetchKind } from '../router-reducer-types'
+import type { PrefetchAction } from '../router-reducer-types'
+import { prefetchReducer } from './prefetch-reducer'
+import { fetchServerResponse } from '../fetch-server-response'
+import { createRecordFromThenable } from '../create-record-from-thenable'
+
 jest.mock('../fetch-server-response', () => {
   const flightData: FlightData = [
     [
@@ -32,20 +42,6 @@ jest.mock('../fetch-server-response', () => {
     },
   }
 })
-import { FlightRouterState } from '../../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
-import { createInitialRouterState } from '../create-initial-router-state'
-import {
-  PrefetchAction,
-  ACTION_PREFETCH,
-  PrefetchKind,
-} from '../router-reducer-types'
-import { prefetchReducer } from './prefetch-reducer'
-import { fetchServerResponse } from '../fetch-server-response'
-import { createRecordFromThenable } from '../create-record-from-thenable'
 
 const getInitialRouterStateTree = (): FlightRouterState => [
   '',
diff --git a/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.ts
index 9344223de3c8d..9c9e87785b437 100644
--- a/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/prefetch-reducer.ts
@@ -1,11 +1,11 @@
 import { createHrefFromUrl } from '../create-href-from-url'
 import { fetchServerResponse } from '../fetch-server-response'
-import {
+import type {
   PrefetchAction,
   ReducerState,
   ReadonlyReducerState,
-  PrefetchKind,
 } from '../router-reducer-types'
+import { PrefetchKind } from '../router-reducer-types'
 import { createRecordFromThenable } from '../create-record-from-thenable'
 import { prunePrefetchCache } from './prune-prefetch-cache'
 import { NEXT_RSC_UNION_QUERY } from '../../app-router-headers'
diff --git a/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.test.tsx b/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.test.tsx
index bbf36b1ec538c..dec910480ee19 100644
--- a/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.test.tsx
@@ -1,7 +1,13 @@
 import React from 'react'
 import type { fetchServerResponse } from '../fetch-server-response'
 import type { FlightData } from '../../../../server/app-render/types'
-
+import type { FlightRouterState } from '../../../../server/app-render/types'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
+import { createInitialRouterState } from '../create-initial-router-state'
+import { ACTION_REFRESH } from '../router-reducer-types'
+import type { RefreshAction } from '../router-reducer-types'
+import { refreshReducer } from './refresh-reducer'
 const buildId = 'development'
 
 jest.mock('../fetch-server-response', () => {
@@ -42,14 +48,6 @@ jest.mock('../fetch-server-response', () => {
     },
   }
 })
-import { FlightRouterState } from '../../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
-import { createInitialRouterState } from '../create-initial-router-state'
-import { RefreshAction, ACTION_REFRESH } from '../router-reducer-types'
-import { refreshReducer } from './refresh-reducer'
 
 const getInitialRouterStateTree = (): FlightRouterState => [
   '',
diff --git a/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.ts
index bd6dfc4ef9047..804f3d619427d 100644
--- a/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/refresh-reducer.ts
@@ -4,7 +4,7 @@ import { readRecordValue } from '../read-record-value'
 import { createHrefFromUrl } from '../create-href-from-url'
 import { applyRouterStatePatchToTree } from '../apply-router-state-patch-to-tree'
 import { isNavigatingToNewRootLayout } from '../is-navigating-to-new-root-layout'
-import {
+import type {
   ReadonlyReducerState,
   ReducerState,
   RefreshAction,
diff --git a/packages/next/src/client/components/router-reducer/reducers/restore-reducer.test.tsx b/packages/next/src/client/components/router-reducer/reducers/restore-reducer.test.tsx
index 36c978926517f..8cca3d7a9701c 100644
--- a/packages/next/src/client/components/router-reducer/reducers/restore-reducer.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/restore-reducer.test.tsx
@@ -1,11 +1,10 @@
 import React from 'react'
 import type { FlightRouterState } from '../../../../server/app-render/types'
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
 import { createInitialRouterState } from '../create-initial-router-state'
-import { RestoreAction, ACTION_RESTORE } from '../router-reducer-types'
+import { ACTION_RESTORE } from '../router-reducer-types'
+import type { RestoreAction } from '../router-reducer-types'
 import { restoreReducer } from './restore-reducer'
 
 const buildId = 'development'
diff --git a/packages/next/src/client/components/router-reducer/reducers/restore-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/restore-reducer.ts
index 675ae5e64ef4a..9b0ff103c94a6 100644
--- a/packages/next/src/client/components/router-reducer/reducers/restore-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/restore-reducer.ts
@@ -1,5 +1,5 @@
 import { createHrefFromUrl } from '../create-href-from-url'
-import {
+import type {
   ReadonlyReducerState,
   ReducerState,
   RestoreAction,
diff --git a/packages/next/src/client/components/router-reducer/reducers/server-action-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/server-action-reducer.ts
index d8c67e507cc95..9ccaddafa066e 100644
--- a/packages/next/src/client/components/router-reducer/reducers/server-action-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/server-action-reducer.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   ActionFlightResponse,
   ActionResult,
   FlightData,
@@ -24,7 +24,7 @@ const { createFromFetch, encodeReply } = (
       require('react-server-dom-webpack/client')
 ) as typeof import('react-server-dom-webpack/client')
 
-import {
+import type {
   ReadonlyReducerState,
   ReducerState,
   ServerActionAction,
diff --git a/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.test.tsx b/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.test.tsx
index 9e7035dc7e819..c1349a2740afc 100644
--- a/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.test.tsx
+++ b/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.test.tsx
@@ -4,7 +4,13 @@ import type {
   FlightData,
   FlightRouterState,
 } from '../../../../server/app-render/types'
-
+import { CacheStates } from '../../../../shared/lib/app-router-context.shared-runtime'
+import type { CacheNode } from '../../../../shared/lib/app-router-context.shared-runtime'
+import { createInitialRouterState } from '../create-initial-router-state'
+import { ACTION_SERVER_PATCH, ACTION_NAVIGATE } from '../router-reducer-types'
+import type { ServerPatchAction, NavigateAction } from '../router-reducer-types'
+import { navigateReducer } from './navigate-reducer'
+import { serverPatchReducer } from './server-patch-reducer'
 const buildId = 'development'
 
 const globalMutable = {
@@ -42,19 +48,6 @@ jest.mock('../fetch-server-response', () => {
     },
   }
 })
-import {
-  CacheNode,
-  CacheStates,
-} from '../../../../shared/lib/app-router-context.shared-runtime'
-import { createInitialRouterState } from '../create-initial-router-state'
-import {
-  ServerPatchAction,
-  ACTION_SERVER_PATCH,
-  NavigateAction,
-  ACTION_NAVIGATE,
-} from '../router-reducer-types'
-import { navigateReducer } from './navigate-reducer'
-import { serverPatchReducer } from './server-patch-reducer'
 
 const flightDataForPatch: FlightData = [
   [
diff --git a/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.ts b/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.ts
index 980f3b39827f6..d0697ea16084c 100644
--- a/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/reducers/server-patch-reducer.ts
@@ -1,7 +1,7 @@
 import { createHrefFromUrl } from '../create-href-from-url'
 import { applyRouterStatePatchToTree } from '../apply-router-state-patch-to-tree'
 import { isNavigatingToNewRootLayout } from '../is-navigating-to-new-root-layout'
-import {
+import type {
   ServerPatchAction,
   ReducerState,
   ReadonlyReducerState,
diff --git a/packages/next/src/client/components/router-reducer/router-reducer.ts b/packages/next/src/client/components/router-reducer/router-reducer.ts
index d7832711aec20..ec48a3c9a8635 100644
--- a/packages/next/src/client/components/router-reducer/router-reducer.ts
+++ b/packages/next/src/client/components/router-reducer/router-reducer.ts
@@ -4,11 +4,13 @@ import {
   ACTION_RESTORE,
   ACTION_REFRESH,
   ACTION_PREFETCH,
+  ACTION_FAST_REFRESH,
+  ACTION_SERVER_ACTION,
+} from './router-reducer-types'
+import type {
   ReducerActions,
   ReducerState,
   ReadonlyReducerState,
-  ACTION_FAST_REFRESH,
-  ACTION_SERVER_ACTION,
 } from './router-reducer-types'
 import { navigateReducer } from './reducers/navigate-reducer'
 import { serverPatchReducer } from './reducers/server-patch-reducer'
diff --git a/packages/next/src/client/dev/dev-build-watcher.ts b/packages/next/src/client/dev/dev-build-watcher.ts
index ef9c008603c4a..231c3536cfbe9 100644
--- a/packages/next/src/client/dev/dev-build-watcher.ts
+++ b/packages/next/src/client/dev/dev-build-watcher.ts
@@ -1,8 +1,6 @@
 /* eslint-disable @typescript-eslint/no-use-before-define */
-import {
-  HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
-} from '../../server/dev/hot-reloader-types'
+import { HMR_ACTIONS_SENT_TO_BROWSER } from '../../server/dev/hot-reloader-types'
+import type { HMR_ACTION_TYPES } from '../../server/dev/hot-reloader-types'
 import { addMessageListener } from './error-overlay/websocket'
 
 type VerticalPosition = 'top' | 'bottom'
diff --git a/packages/next/src/client/dev/error-overlay/hot-dev-client.ts b/packages/next/src/client/dev/error-overlay/hot-dev-client.ts
index 04992a011bb54..5fb470ea358e0 100644
--- a/packages/next/src/client/dev/error-overlay/hot-dev-client.ts
+++ b/packages/next/src/client/dev/error-overlay/hot-dev-client.ts
@@ -38,11 +38,8 @@ import {
 import stripAnsi from 'next/dist/compiled/strip-ansi'
 import { addMessageListener, sendMessage } from './websocket'
 import formatWebpackMessages from './format-webpack-messages'
-import {
-  HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
-} from '../../../server/dev/hot-reloader-types'
-
+import { HMR_ACTIONS_SENT_TO_BROWSER } from '../../../server/dev/hot-reloader-types'
+import type { HMR_ACTION_TYPES } from '../../../server/dev/hot-reloader-types'
 // This alternative WebpackDevServer combines the functionality of:
 // https://github.com/webpack/webpack-dev-server/blob/webpack-1/client/index.js
 // https://github.com/webpack/webpack/blob/webpack-1/hot/dev-server.js
diff --git a/packages/next/src/client/dev/error-overlay/websocket.ts b/packages/next/src/client/dev/error-overlay/websocket.ts
index 7273c9482f111..5a90b045d186c 100644
--- a/packages/next/src/client/dev/error-overlay/websocket.ts
+++ b/packages/next/src/client/dev/error-overlay/websocket.ts
@@ -1,4 +1,4 @@
-import { HMR_ACTION_TYPES } from '../../../server/dev/hot-reloader-types'
+import type { HMR_ACTION_TYPES } from '../../../server/dev/hot-reloader-types'
 
 let source: WebSocket
 
diff --git a/packages/next/src/client/index.tsx b/packages/next/src/client/index.tsx
index 0bce4c663e899..f8904d1308977 100644
--- a/packages/next/src/client/index.tsx
+++ b/packages/next/src/client/index.tsx
@@ -11,7 +11,8 @@ import type {
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { HeadManagerContext } from '../shared/lib/head-manager-context.shared-runtime'
-import mitt, { MittEmitter } from '../shared/lib/mitt'
+import mitt from '../shared/lib/mitt'
+import type { MittEmitter } from '../shared/lib/mitt'
 import { RouterContext } from '../shared/lib/router-context.shared-runtime'
 import { handleSmoothScroll } from '../shared/lib/router/utils/handle-smooth-scroll'
 import { isDynamicRoute } from '../shared/lib/router/utils/is-dynamic'
@@ -20,22 +21,18 @@ import {
   assign,
 } from '../shared/lib/router/utils/querystring'
 import { setConfig } from '../shared/lib/runtime-config.external'
-import {
-  getURL,
-  loadGetInitialProps,
-  NextWebVitalsMetric,
-  NEXT_DATA,
-  ST,
-} from '../shared/lib/utils'
+import { getURL, loadGetInitialProps, ST } from '../shared/lib/utils'
+import type { NextWebVitalsMetric, NEXT_DATA } from '../shared/lib/utils'
 import { Portal } from './portal'
 import initHeadManager from './head-manager'
-import PageLoader, { StyleSheetTuple } from './page-loader'
+import PageLoader from './page-loader'
+import type { StyleSheetTuple } from './page-loader'
 import measureWebVitals from './performance-relayer'
 import { RouteAnnouncer } from './route-announcer'
 import { createRouter, makePublicRouterInstance } from './router'
 import { getProperError } from '../lib/is-error'
 import { ImageConfigContext } from '../shared/lib/image-config-context.shared-runtime'
-import { ImageConfigComplete } from '../shared/lib/image-config'
+import type { ImageConfigComplete } from '../shared/lib/image-config'
 import { removeBasePath } from './remove-base-path'
 import { hasBasePath } from './has-base-path'
 import { AppRouterContext } from '../shared/lib/app-router-context.shared-runtime'
diff --git a/packages/next/src/client/legacy/image.tsx b/packages/next/src/client/legacy/image.tsx
index 0ef397d4320df..d982e9fa8a330 100644
--- a/packages/next/src/client/legacy/image.tsx
+++ b/packages/next/src/client/legacy/image.tsx
@@ -10,11 +10,13 @@ import React, {
 } from 'react'
 import Head from '../../shared/lib/head'
 import {
-  ImageConfigComplete,
   imageConfigDefault,
-  LoaderValue,
   VALID_LOADERS,
 } from '../../shared/lib/image-config'
+import type {
+  ImageConfigComplete,
+  LoaderValue,
+} from '../../shared/lib/image-config'
 import { useIntersection } from '../use-intersection'
 import { ImageConfigContext } from '../../shared/lib/image-config-context.shared-runtime'
 import { warnOnce } from '../../shared/lib/utils/warn-once'
diff --git a/packages/next/src/client/link.tsx b/packages/next/src/client/link.tsx
index 7a15dee249e26..92d6646f0ebac 100644
--- a/packages/next/src/client/link.tsx
+++ b/packages/next/src/client/link.tsx
@@ -6,15 +6,15 @@ import type {
 } from '../shared/lib/router/router'
 
 import React from 'react'
-import { UrlObject } from 'url'
+import type { UrlObject } from 'url'
 import { resolveHref } from './resolve-href'
 import { isLocalURL } from '../shared/lib/router/utils/is-local-url'
 import { formatUrl } from '../shared/lib/router/utils/format-url'
 import { isAbsoluteUrl } from '../shared/lib/utils'
 import { addLocale } from './add-locale'
 import { RouterContext } from '../shared/lib/router-context.shared-runtime'
-import {
-  AppRouterContext,
+import { AppRouterContext } from '../shared/lib/app-router-context.shared-runtime'
+import type {
   AppRouterInstance,
   PrefetchOptions as AppRouterPrefetchOptions,
 } from '../shared/lib/app-router-context.shared-runtime'
diff --git a/packages/next/src/client/next-dev-turbopack.ts b/packages/next/src/client/next-dev-turbopack.ts
index 3381761de0b1b..54778e0c38277 100644
--- a/packages/next/src/client/next-dev-turbopack.ts
+++ b/packages/next/src/client/next-dev-turbopack.ts
@@ -7,7 +7,7 @@ import { pageBootrap } from './page-bootstrap'
 import { addMessageListener, sendMessage } from './dev/error-overlay/websocket'
 //@ts-expect-error requires "moduleResolution": "node16" in tsconfig.json and not .ts extension
 import { connect } from '@vercel/turbopack-ecmascript-runtime/dev/client/hmr-client.ts'
-import { HMR_ACTION_TYPES } from '../server/dev/hot-reloader-types'
+import type { HMR_ACTION_TYPES } from '../server/dev/hot-reloader-types'
 
 window.next = {
   version: `${version}-turbo`,
diff --git a/packages/next/src/client/page-bootstrap.ts b/packages/next/src/client/page-bootstrap.ts
index 1d57584ae5d75..a998607b3ac57 100644
--- a/packages/next/src/client/page-bootstrap.ts
+++ b/packages/next/src/client/page-bootstrap.ts
@@ -1,8 +1,7 @@
 import { hydrate, router } from './'
 import initOnDemandEntries from './dev/on-demand-entries-client'
-import initializeBuildWatcher, {
-  ShowHideHandler,
-} from './dev/dev-build-watcher'
+import initializeBuildWatcher from './dev/dev-build-watcher'
+import type { ShowHideHandler } from './dev/dev-build-watcher'
 import { displayContent } from './dev/fouc'
 import { connectHMR, addMessageListener } from './dev/error-overlay/websocket'
 import {
diff --git a/packages/next/src/client/script.tsx b/packages/next/src/client/script.tsx
index f695e691c482d..9fe128aba41e1 100644
--- a/packages/next/src/client/script.tsx
+++ b/packages/next/src/client/script.tsx
@@ -2,7 +2,7 @@
 
 import ReactDOM from 'react-dom'
 import React, { useEffect, useContext, useRef } from 'react'
-import { ScriptHTMLAttributes } from 'react'
+import type { ScriptHTMLAttributes } from 'react'
 import { HeadManagerContext } from '../shared/lib/head-manager-context.shared-runtime'
 import { DOMAttributeNames } from './head-manager'
 import { requestIdleCallback } from './request-idle-callback'
diff --git a/packages/next/src/client/tracing/report-to-socket.ts b/packages/next/src/client/tracing/report-to-socket.ts
index 74c87703e9997..493bd3aa98831 100644
--- a/packages/next/src/client/tracing/report-to-socket.ts
+++ b/packages/next/src/client/tracing/report-to-socket.ts
@@ -1,5 +1,5 @@
 import { sendMessage } from '../dev/error-overlay/websocket'
-import { Span } from './tracer'
+import type { Span } from './tracer'
 
 export default function reportToSocket(span: Span) {
   if (span.state.state !== 'ended') {
diff --git a/packages/next/src/client/tracing/tracer.ts b/packages/next/src/client/tracing/tracer.ts
index f93b5f7219c7a..8694615980caa 100644
--- a/packages/next/src/client/tracing/tracer.ts
+++ b/packages/next/src/client/tracing/tracer.ts
@@ -1,4 +1,5 @@
-import mitt, { MittEmitter } from '../../shared/lib/mitt'
+import mitt from '../../shared/lib/mitt'
+import type { MittEmitter } from '../../shared/lib/mitt'
 
 export type SpanOptions = {
   startTime?: number
@@ -73,5 +74,5 @@ class Tracer {
   }
 }
 
-export { ISpan as Span }
+export type { ISpan as Span }
 export default new Tracer()
diff --git a/packages/next/src/client/web-vitals.ts b/packages/next/src/client/web-vitals.ts
index 4194cf90f5666..36c532553bcf2 100644
--- a/packages/next/src/client/web-vitals.ts
+++ b/packages/next/src/client/web-vitals.ts
@@ -6,8 +6,8 @@ import {
   onINP,
   onFCP,
   onTTFB,
-  Metric,
 } from 'next/dist/compiled/web-vitals'
+import type { Metric } from 'next/dist/compiled/web-vitals'
 
 export function useReportWebVitals(
   reportWebVitalsFn: (metric: Metric) => void
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js
new file mode 100644
index 0000000000000..30862f737b0eb
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js
@@ -0,0 +1,2223 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.browser.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var ReactDOM = require('react-dom');
+var React = require('react');
+
+function createStringDecoder() {
+  return new TextDecoder();
+}
+var decoderOptions = {
+  stream: true
+};
+function readPartialStringChunk(decoder, buffer) {
+  return decoder.decode(buffer, decoderOptions);
+}
+function readFinalStringChunk(decoder, buffer) {
+  return decoder.decode(buffer);
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+function resolveClientReference(bundlerConfig, metadata) {
+  if (bundlerConfig) {
+    var moduleExports = bundlerConfig[metadata[ID]];
+    var resolvedModuleData = moduleExports[metadata[NAME]];
+    var name;
+
+    if (resolvedModuleData) {
+      // The potentially aliased name.
+      name = resolvedModuleData.name;
+    } else {
+      // If we don't have this specific name, we might have the full module.
+      resolvedModuleData = moduleExports['*'];
+
+      if (!resolvedModuleData) {
+        throw new Error('Could not find the module "' + metadata[ID] + '" in the React SSR Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+      }
+
+      name = metadata[NAME];
+    }
+
+    if (isAsyncImport(metadata)) {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1
+      /* async */
+      ];
+    } else {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+    }
+  }
+
+  return metadata;
+}
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = __turbopack_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = __turbopack_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return __turbopack_load__(filename);
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// This client file is in the shared folder because it applies to both SSR and browser contexts.
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    switch (code) {
+      case 'D':
+        {
+          var refined = refineModel(code, model);
+          var href = refined;
+          dispatcher.prefetchDNS(href);
+          return;
+        }
+
+      case 'C':
+        {
+          var _refined = refineModel(code, model);
+
+          if (typeof _refined === 'string') {
+            var _href = _refined;
+            dispatcher.preconnect(_href);
+          } else {
+            var _href2 = _refined[0];
+            var crossOrigin = _refined[1];
+            dispatcher.preconnect(_href2, crossOrigin);
+          }
+
+          return;
+        }
+
+      case 'L':
+        {
+          var _refined2 = refineModel(code, model);
+
+          var _href3 = _refined2[0];
+          var as = _refined2[1];
+
+          if (_refined2.length === 3) {
+            var options = _refined2[2];
+            dispatcher.preload(_href3, as, options);
+          } else {
+            dispatcher.preload(_href3, as);
+          }
+
+          return;
+        }
+
+      case 'm':
+        {
+          var _refined3 = refineModel(code, model);
+
+          if (typeof _refined3 === 'string') {
+            var _href4 = _refined3;
+            dispatcher.preloadModule(_href4);
+          } else {
+            var _href5 = _refined3[0];
+            var _options = _refined3[1];
+            dispatcher.preloadModule(_href5, _options);
+          }
+
+          return;
+        }
+
+      case 'S':
+        {
+          var _refined4 = refineModel(code, model);
+
+          if (typeof _refined4 === 'string') {
+            var _href6 = _refined4;
+            dispatcher.preinitStyle(_href6);
+          } else {
+            var _href7 = _refined4[0];
+            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+
+            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+
+            dispatcher.preinitStyle(_href7, precedence, _options2);
+          }
+
+          return;
+        }
+
+      case 'X':
+        {
+          var _refined5 = refineModel(code, model);
+
+          if (typeof _refined5 === 'string') {
+            var _href8 = _refined5;
+            dispatcher.preinitScript(_href8);
+          } else {
+            var _href9 = _refined5[0];
+            var _options3 = _refined5[1];
+            dispatcher.preinitScript(_href9, _options3);
+          }
+
+          return;
+        }
+
+      case 'M':
+        {
+          var _refined6 = refineModel(code, model);
+
+          if (typeof _refined6 === 'string') {
+            var _href10 = _refined6;
+            dispatcher.preinitModuleScript(_href10);
+          } else {
+            var _href11 = _refined6[0];
+            var _options4 = _refined6[1];
+            dispatcher.preinitModuleScript(_href11, _options4);
+          }
+
+          return;
+        }
+    }
+  }
+} // Flow is having troulbe refining the HintModels so we help it a bit.
+// This should be compiled out in the production build.
+
+function refineModel(code, model) {
+  return model;
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var knownServerReferences = new WeakMap(); // Serializable values
+// Thenable<ReactServerValue>
+// function serializeByValueID(id: number): string {
+//   return '$' + id.toString(16);
+// }
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeFormDataReference(id) {
+  // Why K? F is "Function". D is "Date". What else?
+  return '$K' + id.toString(16);
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeMapID(id) {
+  return '$Q' + id.toString(16);
+}
+
+function serializeSetID(id) {
+  return '$W' + id.toString(16);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+function processReply(root, formFieldPrefix, resolve, reject) {
+  var nextPartId = 1;
+  var pendingParts = 0;
+  var formData = null;
+
+  function resolveToJSON(key, value) {
+    var parent = this; // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+
+    {
+      // $FlowFixMe[incompatible-use]
+      var originalValue = parent[key];
+
+      if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+        if (objectName(originalValue) !== 'Object') {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+        }
+      }
+    }
+
+    if (value === null) {
+      return null;
+    }
+
+    if (typeof value === 'object') {
+      // $FlowFixMe[method-unbinding]
+      if (typeof value.then === 'function') {
+        // We assume that any object with a .then property is a "Thenable" type,
+        // or a Promise type. Either of which can be represented by a Promise.
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        }
+
+        pendingParts++;
+        var promiseId = nextPartId++;
+        var thenable = value;
+        thenable.then(function (partValue) {
+          var partJSON = JSON.stringify(partValue, resolveToJSON); // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
+
+          var data = formData; // eslint-disable-next-line react-internal/safe-string-coercion
+
+          data.append(formFieldPrefix + promiseId, partJSON);
+          pendingParts--;
+
+          if (pendingParts === 0) {
+            resolve(data);
+          }
+        }, function (reason) {
+          // In the future we could consider serializing this as an error
+          // that throws on the server instead.
+          reject(reason);
+        });
+        return serializePromiseID(promiseId);
+      } // TODO: Should we the Object.prototype.toString.call() to test for cross-realm objects?
+
+
+      if (value instanceof FormData) {
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to use rich objects as its values.
+          formData = new FormData();
+        }
+
+        var data = formData;
+        var refId = nextPartId++; // Copy all the form fields with a prefix for this reference.
+        // These must come first in the form order because we assume that all the
+        // fields are available before this is referenced.
+
+        var prefix = formFieldPrefix + refId + '_'; // $FlowFixMe[prop-missing]: FormData has forEach.
+
+        value.forEach(function (originalValue, originalKey) {
+          data.append(prefix + originalKey, originalValue);
+        });
+        return serializeFormDataReference(refId);
+      }
+
+      if (value instanceof Map) {
+        var partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var mapId = nextPartId++;
+        formData.append(formFieldPrefix + mapId, partJSON);
+        return serializeMapID(mapId);
+      }
+
+      if (value instanceof Set) {
+        var _partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var setId = nextPartId++;
+        formData.append(formFieldPrefix + setId, _partJSON);
+        return serializeSetID(setId);
+      }
+
+      if (!isArray(value)) {
+        var iteratorFn = getIteratorFn(value);
+
+        if (iteratorFn) {
+          return Array.from(value);
+        }
+      }
+
+      {
+        if (value !== null && !isArray(value)) {
+          // Verify that this is a simple plain object.
+          if (value.$$typeof === REACT_ELEMENT_TYPE) {
+            error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_LAZY_TYPE) {
+            error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+            error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (objectName(value) !== 'Object') {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+          } else if (!isSimpleObject(value)) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+          } else if (Object.getOwnPropertySymbols) {
+            var symbols = Object.getOwnPropertySymbols(value);
+
+            if (symbols.length > 0) {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-return]
+
+
+      return value;
+    }
+
+    if (typeof value === 'string') {
+      // TODO: Maybe too clever. If we support URL there's no similar trick.
+      if (value[value.length - 1] === 'Z') {
+        // Possibly a Date, whose toJSON automatically calls toISOString
+        // $FlowFixMe[incompatible-use]
+        var _originalValue = parent[key];
+
+        if (_originalValue instanceof Date) {
+          return serializeDateFromDateJSON(value);
+        }
+      }
+
+      return escapeStringValue(value);
+    }
+
+    if (typeof value === 'boolean') {
+      return value;
+    }
+
+    if (typeof value === 'number') {
+      return serializeNumber(value);
+    }
+
+    if (typeof value === 'undefined') {
+      return serializeUndefined();
+    }
+
+    if (typeof value === 'function') {
+      var metaData = knownServerReferences.get(value);
+
+      if (metaData !== undefined) {
+        var metaDataJSON = JSON.stringify(metaData, resolveToJSON);
+
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        } // The reference to this function came from the same client so we can pass it back.
+
+
+        var _refId = nextPartId++; // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+        formData.set(formFieldPrefix + _refId, metaDataJSON);
+        return serializeServerReferenceID(_refId);
+      }
+
+      throw new Error('Client Functions cannot be passed directly to Server Functions. ' + 'Only Functions passed from the Server can be passed back again.');
+    }
+
+    if (typeof value === 'symbol') {
+      // $FlowFixMe[incompatible-type] `description` might be undefined
+      var name = value.description;
+
+      if (Symbol.for(name) !== value) {
+        throw new Error('Only global symbols received from Symbol.for(...) can be passed to Server Functions. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+        value.description + ") cannot be found among global symbols."));
+      }
+
+      return serializeSymbolReference(name);
+    }
+
+    if (typeof value === 'bigint') {
+      return serializeBigInt(value);
+    }
+
+    throw new Error("Type " + typeof value + " is not supported as an argument to a Server Function.");
+  } // $FlowFixMe[incompatible-type] it's not going to be undefined because we'll encode it.
+
+
+  var json = JSON.stringify(root, resolveToJSON);
+
+  if (formData === null) {
+    // If it's a simple data structure, we just use plain JSON.
+    resolve(json);
+  } else {
+    // Otherwise, we use FormData to let us stream in the result.
+    formData.set(formFieldPrefix + '0', json);
+
+    if (pendingParts === 0) {
+      // $FlowFixMe[incompatible-call] this has already been refined.
+      resolve(formData);
+    }
+  }
+}
+
+function registerServerReference(proxy, reference) {
+
+  knownServerReferences.set(proxy, reference);
+} // $FlowFixMe[method-unbinding]
+
+function createServerReference(id, callServer) {
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    return callServer(id, args);
+  };
+
+  registerServerReference(proxy, {
+    id: id,
+    bound: null
+  });
+  return proxy;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var ROW_ID = 0;
+var ROW_TAG = 1;
+var ROW_LENGTH = 2;
+var ROW_CHUNK_BY_NEWLINE = 3;
+var ROW_CHUNK_BY_LENGTH = 4;
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var RESOLVED_MODULE = 'resolved_module';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function readChunk(chunk) {
+  // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      return chunk.value;
+
+    case PENDING:
+    case BLOCKED:
+      // eslint-disable-next-line no-throw-literal
+      throw chunk;
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function createBlockedChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(BLOCKED, null, null, response);
+}
+
+function createErrorChunk(response, error) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(ERRORED, null, error, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function createResolvedModuleChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODULE, value, null, response);
+}
+
+function createInitializedTextChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function createInitializedBufferChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function resolveModuleChunk(chunk, value) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODULE;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    initializeModuleChunk(resolvedChunk);
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = parseModel(chunk._response, chunk.value);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+}
+
+function initializeModuleChunk(chunk) {
+  try {
+    var value = requireModule(chunk.value);
+    var initializedChunk = chunk;
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = value;
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function createElement(type, key, props) {
+  var element = {
+    // This tag allows us to uniquely identify this as a React Element
+    $$typeof: REACT_ELEMENT_TYPE,
+    // Built-in properties that belong on the element
+    type: type,
+    key: key,
+    ref: null,
+    props: props,
+    // Record the component responsible for creating this element.
+    _owner: null
+  };
+
+  {
+    // We don't really need to add any of these but keeping them for good measure.
+    // Unfortunately, _store is enumerable in jest matchers so for equality to
+    // work, I need to keep it or make _store non-enumerable in the other file.
+    element._store = {};
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: true // This element has already been validated on the server.
+
+    });
+    Object.defineProperty(element, '_self', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+    Object.defineProperty(element, '_source', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+  }
+
+  return element;
+}
+
+function createLazyChunkWrapper(chunk) {
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: chunk,
+    _init: readChunk
+  };
+  return lazyType;
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunk = createPendingChunk(response);
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function createServerReferenceProxy(response, metaData) {
+  var callServer = response._callServer;
+
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    var p = metaData.bound;
+
+    if (!p) {
+      return callServer(metaData.id, args);
+    }
+
+    if (p.status === INITIALIZED) {
+      var bound = p.value;
+      return callServer(metaData.id, bound.concat(args));
+    } // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+    // TODO: Remove the wrapper once that's fixed.
+
+
+    return Promise.resolve(p).then(function (bound) {
+      return callServer(metaData.id, bound.concat(args));
+    });
+  };
+
+  registerServerReference(proxy, metaData);
+  return proxy;
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      {
+        return chunk.value;
+      }
+    // We always encode it first in the stream so it won't be pending.
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    if (value === '$') {
+      // A very common symbol.
+      return REACT_ELEMENT_TYPE;
+    }
+
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case 'L':
+        {
+          // Lazy node
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
+          // When passed into React, we'll know how to suspend on this.
+
+          return createLazyChunkWrapper(chunk);
+        }
+
+      case '@':
+        {
+          // Promise
+          var _id = parseInt(value.slice(2), 16);
+
+          var _chunk = getChunk(response, _id);
+
+          return _chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'P':
+        {
+          // Server Context Provider
+          return getOrCreateServerContext(value.slice(2)).Provider;
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var metadata = getOutlinedModel(response, _id2);
+          return createServerReferenceProxy(response, metadata);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id3);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id4 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id4);
+
+          return new Set(_data);
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id5 = parseInt(value.slice(1), 16);
+
+          var _chunk2 = getChunk(response, _id5);
+
+          switch (_chunk2.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk2);
+              break;
+
+            case RESOLVED_MODULE:
+              initializeModuleChunk(_chunk2);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk2.status) {
+            case INITIALIZED:
+              return _chunk2.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk2.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk2.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function parseModelTuple(response, value) {
+  var tuple = value;
+
+  if (tuple[0] === REACT_ELEMENT_TYPE) {
+    // TODO: Consider having React just directly accept these arrays as elements.
+    // Or even change the ReactElement type to be an array.
+    return createElement(tuple[1], tuple[2], tuple[3]);
+  }
+
+  return value;
+}
+
+function missingCall() {
+  throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
+}
+
+function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _moduleLoading: moduleLoading,
+    _callServer: callServer !== undefined ? callServer : missingCall,
+    _nonce: nonce,
+    _chunks: chunks,
+    _stringDecoder: createStringDecoder(),
+    _fromJSON: null,
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: []
+  }; // Don't inline this call because it causes closure to outline the call above.
+
+  response._fromJSON = createFromJSONCallback(response);
+  return response;
+}
+
+function resolveModel(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createResolvedModelChunk(response, model));
+  } else {
+    resolveModelChunk(chunk, model);
+  }
+}
+
+function resolveText(response, id, text) {
+  var chunks = response._chunks; // We assume that we always reference large strings after they've been
+  // emitted.
+
+  chunks.set(id, createInitializedTextChunk(response, text));
+}
+
+function resolveBuffer(response, id, buffer) {
+  var chunks = response._chunks; // We assume that we always reference buffers after they've been emitted.
+
+  chunks.set(id, createInitializedBufferChunk(response, buffer));
+}
+
+function resolveModule(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+  var clientReferenceMetadata = parseModel(response, model);
+  var clientReference = resolveClientReference(response._bundlerConfig, clientReferenceMetadata);
+  // For now we preload all modules as early as possible since it's likely
+  // that we'll need them.
+
+  var promise = preloadModule(clientReference);
+
+  if (promise) {
+    var blockedChunk;
+
+    if (!chunk) {
+      // Technically, we should just treat promise as the chunk in this
+      // case. Because it'll just behave as any other promise.
+      blockedChunk = createBlockedChunk(response);
+      chunks.set(id, blockedChunk);
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+    }
+
+    promise.then(function () {
+      return resolveModuleChunk(blockedChunk, clientReference);
+    }, function (error) {
+      return triggerErrorOnChunk(blockedChunk, error);
+    });
+  } else {
+    if (!chunk) {
+      chunks.set(id, createResolvedModuleChunk(response, clientReference));
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      resolveModuleChunk(chunk, clientReference);
+    }
+  }
+}
+
+function resolveErrorDev(response, id, digest, message, stack) {
+
+
+  var error = new Error(message || 'An error occurred in the Server Components render but no message was provided');
+  error.stack = stack;
+  error.digest = digest;
+  var errorWithDigest = error;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, errorWithDigest));
+  } else {
+    triggerErrorOnChunk(chunk, errorWithDigest);
+  }
+}
+
+function resolvePostponeDev(response, id, reason, stack) {
+
+
+  var error = new Error(reason || '');
+  var postponeInstance = error;
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  postponeInstance.stack = stack;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, postponeInstance));
+  } else {
+    triggerErrorOnChunk(chunk, postponeInstance);
+  }
+}
+
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
+
+function mergeBuffer(buffer, lastChunk) {
+  var l = buffer.length; // Count the bytes we'll need
+
+  var byteLength = lastChunk.length;
+
+  for (var i = 0; i < l; i++) {
+    byteLength += buffer[i].byteLength;
+  } // Allocate enough contiguous space
+
+
+  var result = new Uint8Array(byteLength);
+  var offset = 0; // Copy all the buffers into it.
+
+  for (var _i = 0; _i < l; _i++) {
+    var chunk = buffer[_i];
+    result.set(chunk, offset);
+    offset += chunk.byteLength;
+  }
+
+  result.set(lastChunk, offset);
+  return result;
+}
+
+function resolveTypedArray(response, id, buffer, lastChunk, constructor, bytesPerElement) {
+  // If the view fits into one original buffer, we just reuse that buffer instead of
+  // copying it out to a separate copy. This means that it's not always possible to
+  // transfer these values to other threads without copying first since they may
+  // share array buffer. For this to work, it must also have bytes aligned to a
+  // multiple of a size of the type.
+  var chunk = buffer.length === 0 && lastChunk.byteOffset % bytesPerElement === 0 ? lastChunk : mergeBuffer(buffer, lastChunk); // TODO: The transfer protocol of RSC is little-endian. If the client isn't little-endian
+  // we should convert it instead. In practice big endian isn't really Web compatible so it's
+  // somewhat safe to assume that browsers aren't going to run it, but maybe there's some SSR
+  // server that's affected.
+
+  var view = new constructor(chunk.buffer, chunk.byteOffset, chunk.byteLength / bytesPerElement);
+  resolveBuffer(response, id, view);
+}
+
+function processFullRow(response, id, tag, buffer, chunk) {
+  {
+    switch (tag) {
+      case 65
+      /* "A" */
+      :
+        // We must always clone to extract it into a separate buffer instead of just a view.
+        resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
+        return;
+
+      case 67
+      /* "C" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int8Array, 1);
+        return;
+
+      case 99
+      /* "c" */
+      :
+        resolveBuffer(response, id, buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk));
+        return;
+
+      case 85
+      /* "U" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint8ClampedArray, 1);
+        return;
+
+      case 83
+      /* "S" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int16Array, 2);
+        return;
+
+      case 115
+      /* "s" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint16Array, 2);
+        return;
+
+      case 76
+      /* "L" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int32Array, 4);
+        return;
+
+      case 108
+      /* "l" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint32Array, 4);
+        return;
+
+      case 70
+      /* "F" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
+        return;
+
+      case 68
+      /* "D" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
+        return;
+
+      case 78
+      /* "N" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigInt64Array, 8);
+        return;
+
+      case 109
+      /* "m" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigUint64Array, 8);
+        return;
+
+      case 86
+      /* "V" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, DataView, 1);
+        return;
+    }
+  }
+
+  var stringDecoder = response._stringDecoder;
+  var row = '';
+
+  for (var i = 0; i < buffer.length; i++) {
+    row += readPartialStringChunk(stringDecoder, buffer[i]);
+  }
+
+  row += readFinalStringChunk(stringDecoder, chunk);
+
+  switch (tag) {
+    case 73
+    /* "I" */
+    :
+      {
+        resolveModule(response, id, row);
+        return;
+      }
+
+    case 72
+    /* "H" */
+    :
+      {
+        var code = row[0];
+        resolveHint(response, code, row.slice(1));
+        return;
+      }
+
+    case 69
+    /* "E" */
+    :
+      {
+        var errorInfo = JSON.parse(row);
+
+        {
+          resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
+        }
+
+        return;
+      }
+
+    case 84
+    /* "T" */
+    :
+      {
+        resolveText(response, id, row);
+        return;
+      }
+
+    case 80
+    /* "P" */
+    :
+      {
+        {
+          {
+            var postponeInfo = JSON.parse(row);
+            resolvePostponeDev(response, id, postponeInfo.reason, postponeInfo.stack);
+          }
+
+          return;
+        }
+      }
+    // Fallthrough
+
+    default:
+      /* """ "{" "[" "t" "f" "n" "0" - "9" */
+      {
+        // We assume anything else is JSON.
+        resolveModel(response, id, row);
+        return;
+      }
+  }
+}
+
+function processBinaryChunk(response, chunk) {
+  var i = 0;
+  var rowState = response._rowState;
+  var rowID = response._rowID;
+  var rowTag = response._rowTag;
+  var rowLength = response._rowLength;
+  var buffer = response._buffer;
+  var chunkLength = chunk.length;
+
+  while (i < chunkLength) {
+    var lastIdx = -1;
+
+    switch (rowState) {
+      case ROW_ID:
+        {
+          var byte = chunk[i++];
+
+          if (byte === 58
+          /* ":" */
+          ) {
+              // Finished the rowID, next we'll parse the tag.
+              rowState = ROW_TAG;
+            } else {
+            rowID = rowID << 4 | (byte > 96 ? byte - 87 : byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_TAG:
+        {
+          var resolvedRowTag = chunk[i];
+
+          if (resolvedRowTag === 84
+          /* "T" */
+          || (resolvedRowTag === 65
+          /* "A" */
+          || resolvedRowTag === 67
+          /* "C" */
+          || resolvedRowTag === 99
+          /* "c" */
+          || resolvedRowTag === 85
+          /* "U" */
+          || resolvedRowTag === 83
+          /* "S" */
+          || resolvedRowTag === 115
+          /* "s" */
+          || resolvedRowTag === 76
+          /* "L" */
+          || resolvedRowTag === 108
+          /* "l" */
+          || resolvedRowTag === 70
+          /* "F" */
+          || resolvedRowTag === 68
+          /* "D" */
+          || resolvedRowTag === 78
+          /* "N" */
+          || resolvedRowTag === 109
+          /* "m" */
+          || resolvedRowTag === 86)
+          /* "V" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_LENGTH;
+              i++;
+            } else if (resolvedRowTag > 64 && resolvedRowTag < 91
+          /* "A"-"Z" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_CHUNK_BY_NEWLINE;
+              i++;
+            } else {
+            rowTag = 0;
+            rowState = ROW_CHUNK_BY_NEWLINE; // This was an unknown tag so it was probably part of the data.
+          }
+
+          continue;
+        }
+
+      case ROW_LENGTH:
+        {
+          var _byte = chunk[i++];
+
+          if (_byte === 44
+          /* "," */
+          ) {
+              // Finished the rowLength, next we'll buffer up to that length.
+              rowState = ROW_CHUNK_BY_LENGTH;
+            } else {
+            rowLength = rowLength << 4 | (_byte > 96 ? _byte - 87 : _byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_CHUNK_BY_NEWLINE:
+        {
+          // We're looking for a newline
+          lastIdx = chunk.indexOf(10
+          /* "\n" */
+          , i);
+          break;
+        }
+
+      case ROW_CHUNK_BY_LENGTH:
+        {
+          // We're looking for the remaining byte length
+          lastIdx = i + rowLength;
+
+          if (lastIdx > chunk.length) {
+            lastIdx = -1;
+          }
+
+          break;
+        }
+    }
+
+    var offset = chunk.byteOffset + i;
+
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      var length = lastIdx - i;
+      var lastChunk = new Uint8Array(chunk.buffer, offset, length);
+      processFullRow(response, rowID, rowTag, buffer, lastChunk); // Reset state machine for a new row
+
+      i = lastIdx;
+
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else {
+      // The rest of this row is in a future chunk. We stash the rest of the
+      // current chunk until we can process the full row.
+      var _length = chunk.byteLength - i;
+
+      var remainingSlice = new Uint8Array(chunk.buffer, offset, _length);
+      buffer.push(remainingSlice); // Update how many bytes we're still waiting for. If we're looking for
+      // a newline, this doesn't hurt since we'll just ignore it.
+
+      rowLength -= remainingSlice.byteLength;
+      break;
+    }
+  }
+
+  response._rowState = rowState;
+  response._rowID = rowID;
+  response._rowTag = rowTag;
+  response._rowLength = rowLength;
+}
+
+function parseModel(response, json) {
+  return JSON.parse(json, response._fromJSON);
+}
+
+function createFromJSONCallback(response) {
+  // $FlowFixMe[missing-this-annot]
+  return function (key, value) {
+    if (typeof value === 'string') {
+      // We can't use .bind here because we need the "this" value.
+      return parseModelString(response, this, key, value);
+    }
+
+    if (typeof value === 'object' && value !== null) {
+      return parseModelTuple(response, value);
+    }
+
+    return value;
+  };
+}
+
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function createResponseFromOptions(options) {
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  );
+}
+
+function startReadingFromStream(response, stream) {
+  var reader = stream.getReader();
+
+  function progress(_ref) {
+    var done = _ref.done,
+        value = _ref.value;
+
+    if (done) {
+      close(response);
+      return;
+    }
+
+    var buffer = value;
+    processBinaryChunk(response, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+
+  function error(e) {
+    reportGlobalError(response, e);
+  }
+
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream(stream, options) {
+  var response = createResponseFromOptions(options);
+  startReadingFromStream(response, stream);
+  return getRoot(response);
+}
+
+function createFromFetch(promiseForResponse, options) {
+  var response = createResponseFromOptions(options);
+  promiseForResponse.then(function (r) {
+    startReadingFromStream(response, r.body);
+  }, function (e) {
+    reportGlobalError(response, e);
+  });
+  return getRoot(response);
+}
+
+function encodeReply(value)
+/* We don't use URLSearchParams yet but maybe */
+{
+  return new Promise(function (resolve, reject) {
+    processReply(value, '', resolve, reject);
+  });
+}
+
+exports.createFromFetch = createFromFetch;
+exports.createFromReadableStream = createFromReadableStream;
+exports.createServerReference = createServerReference;
+exports.encodeReply = encodeReply;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js
new file mode 100644
index 0000000000000..33d2aea8708fb
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js
@@ -0,0 +1,39 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.browser.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
+function x(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
+function z(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var f=b[d],k=w.get(f);if(void 0===k){k=__turbopack_load__(f);c.push(k);var e=w.set.bind(w,f,null);k.then(e,y);w.set(f,k)}else null!==k&&c.push(k)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
+var A=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.provider"),aa=Symbol.for("react.server_context"),ba=Symbol.for("react.lazy"),D=Symbol.for("react.default_value"),ca=Symbol.for("react.postpone"),F=Symbol.iterator;function da(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,G=new WeakMap;
+function fa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ha(a,b,c,d){function f(h,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===l&&(l=new FormData);e++;var n=k++;g.then(function(m){m=JSON.stringify(m,f);var t=l;t.append(b+n,m);e--;0===e&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(g instanceof FormData){null===l&&(l=new FormData);var v=l;h=k++;var E=b+h+"_";g.forEach(function(m,t){v.append(E+t,m)});return"$K"+h.toString(16)}return g instanceof Map?(g=JSON.stringify(Array.from(g),f),null===l&&
+(l=new FormData),h=k++,l.append(b+h,g),"$Q"+h.toString(16)):g instanceof Set?(g=JSON.stringify(Array.from(g),f),null===l&&(l=new FormData),h=k++,l.append(b+h,g),"$W"+h.toString(16)):!ea(g)&&da(g)?Array.from(g):g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[h]instanceof Date)return"$D"+g;g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return fa(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=G.get(g);if(void 0!==g)return g=JSON.stringify(g,
+f),null===l&&(l=new FormData),h=k++,l.set(b+h,g),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){h=g.description;if(Symbol.for(h)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(g.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof g)return"$n"+
+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var k=1,e=0,l=null;a=JSON.stringify(a,f);null===l?c(a):(l.set(b+"0",a),0===e&&c(l))}function H(a,b){G.set(a,b)}var I=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
+J.prototype.then=function(a,b){switch(this.status){case "resolved_model":K(this);break;case "resolved_module":L(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ia(a){switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function M(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function N(a,b,c){switch(a.status){case "fulfilled":M(b,a.value);break;case "pending":case "blocked":a.value=b;a.reason=c;break;case "rejected":c&&M(c,a.reason)}}
+function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&M(c,b)}}function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(L(a),N(a,c,d))}}var Q=null,R=null;
+function K(a){var b=Q,c=R;Q=a;R=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==R&&0<R.deps?(R.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(f){a.status="rejected",a.reason=f}finally{Q=b,R=c}}
+function L(a){try{var b=a.value,c=__turbopack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function S(a,b){a._chunks.forEach(function(c){"pending"===c.status&&O(c,b)})}function T(a,b){var c=a._chunks,d=c.get(b);d||(d=new J("pending",null,null,a),c.set(b,d));return d}
+function ja(a,b,c){if(R){var d=R;d.deps++}else d=R={deps:1,value:null};return function(f){b[c]=f;d.deps--;0===d.deps&&"blocked"===a.status&&(f=a.value,a.status="fulfilled",a.value=d.value,null!==f&&M(f,d.value))}}function ka(a){return function(b){return O(a,b)}}
+function la(a,b){function c(){var f=Array.prototype.slice.call(arguments),k=b.bound;return k?"fulfilled"===k.status?d(b.id,k.value.concat(f)):Promise.resolve(k).then(function(e){return d(b.id,e.concat(f))}):d(b.id,f)}var d=a._callServer;H(c,b);return c}function U(a,b){a=T(a,b);switch(a.status){case "resolved_model":K(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ma(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=T(a,b),{$$typeof:ba,_payload:a,_init:ia};case "@":return b=parseInt(d.slice(2),16),T(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),I[a]||(b={$$typeof:aa,_currentValue:D,_currentValue2:D,_defaultValue:D,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:C,_context:b},I[a]=b),I[a].Provider;case "F":return b=
+parseInt(d.slice(2),16),b=U(a,b),la(a,b);case "Q":return b=parseInt(d.slice(2),16),a=U(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=U(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=T(a,d);switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;
+case "pending":case "blocked":return d=Q,a.then(ja(d,b,c),ka(d)),null;default:throw a.reason;}}}return d}function na(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function V(a,b,c,d){var f=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:na,_nonce:d,_chunks:f,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=oa(a);return a}
+function W(a,b,c){a._chunks.set(b,new J("fulfilled",c,null,a))}function pa(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var k=u(a._bundlerConfig,c);if(c=z(k)){if(f){var e=f;e.status="blocked"}else e=new J("blocked",null,null,a),d.set(b,e);c.then(function(){return P(e,k)},function(l){return O(e,l)})}else f?P(f,k):d.set(b,new J("resolved_module",k,null,a))}
+function X(a,b){for(var c=a.length,d=b.length,f=0;f<c;f++)d+=a[f].byteLength;d=new Uint8Array(d);for(var k=f=0;k<c;k++){var e=a[k];d.set(e,f);f+=e.byteLength}d.set(b,f);return d}function Y(a,b,c,d,f,k){c=0===c.length&&0===d.byteOffset%k?d:X(c,d);f=new f(c.buffer,c.byteOffset,c.byteLength/k);W(a,b,f)}
+function qa(a,b,c,d,f){switch(c){case 65:W(a,b,X(d,f).buffer);return;case 67:Y(a,b,d,f,Int8Array,1);return;case 99:W(a,b,0===d.length?f:X(d,f));return;case 85:Y(a,b,d,f,Uint8ClampedArray,1);return;case 83:Y(a,b,d,f,Int16Array,2);return;case 115:Y(a,b,d,f,Uint16Array,2);return;case 76:Y(a,b,d,f,Int32Array,4);return;case 108:Y(a,b,d,f,Uint32Array,4);return;case 70:Y(a,b,d,f,Float32Array,4);return;case 68:Y(a,b,d,f,Float64Array,8);return;case 78:Y(a,b,d,f,BigInt64Array,8);return;case 109:Y(a,b,d,f,BigUint64Array,
+8);return;case 86:Y(a,b,d,f,DataView,1);return}for(var k=a._stringDecoder,e="",l=0;l<d.length;l++)e+=k.decode(d[l],r);e+=k.decode(f);switch(c){case 73:pa(a,b,e);break;case 72:b=e[0];e=e.slice(1);a=JSON.parse(e,a._fromJSON);if(e=A.current)switch(b){case "D":e.prefetchDNS(a);break;case "C":"string"===typeof a?e.preconnect(a):e.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?e.preload(b,c,a[2]):e.preload(b,c);break;case "m":"string"===typeof a?e.preloadModule(a):e.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?e.preinitStyle(a):e.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?e.preinitScript(a):e.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?e.preinitModuleScript(a):e.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(e).digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+e.stack="Error: "+e.message;e.digest=c;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;case 84:a._chunks.set(b,new J("fulfilled",e,null,a));break;case 80:e=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");e.$$typeof=ca;e.stack="Error: "+e.message;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
+"resolved_model",c.value=e,null!==a&&(K(c),N(c,a,b))):d.set(b,new J("resolved_model",e,null,a))}}function oa(a){return function(b,c){return"string"===typeof c?ma(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function Z(a,b){function c(k){var e=k.value;if(k.done)S(a,Error("Connection closed."));else{var l=0,h=a._rowState;k=a._rowID;for(var g=a._rowTag,n=a._rowLength,v=a._buffer,E=e.length;l<E;){var m=-1;switch(h){case 0:m=e[l++];58===m?h=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:h=e[l];84===h||65===h||67===h||99===h||85===h||83===h||115===h||76===h||108===h||70===h||68===h||78===h||109===h||86===h?(g=h,h=2,l++):64<h&&91>h?(g=h,h=3,l++):(g=0,h=3);continue;case 2:m=e[l++];44===m?h=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=e.indexOf(10,l);break;case 4:m=l+n,m>e.length&&(m=-1)}var t=e.byteOffset+l;if(-1<m)n=new Uint8Array(e.buffer,t,m-l),qa(a,k,g,v,n),l=m,3===h&&l++,n=k=g=h=0,v.length=0;else{e=new Uint8Array(e.buffer,t,e.byteLength-l);v.push(e);n-=e.byteLength;break}}a._rowState=h;a._rowID=k;a._rowTag=g;a._rowLength=n;return f.read().then(c).catch(d)}}function d(k){S(a,k)}var f=b.getReader();f.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);a.then(function(d){Z(c,d.body)},function(d){S(c,d)});return T(c,0)};exports.createFromReadableStream=function(a,b){b=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);Z(b,a);return T(b,0)};exports.createServerReference=function(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}H(c,{id:a,bound:null});return c};
+exports.encodeReply=function(a){return new Promise(function(b,c){ha(a,"",b,c)})};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js
new file mode 100644
index 0000000000000..66b3a323d2620
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js
@@ -0,0 +1,2445 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.edge.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var ReactDOM = require('react-dom');
+var React = require('react');
+
+function createStringDecoder() {
+  return new TextDecoder();
+}
+var decoderOptions = {
+  stream: true
+};
+function readPartialStringChunk(decoder, buffer) {
+  return decoder.decode(buffer, decoderOptions);
+}
+function readFinalStringChunk(decoder, buffer) {
+  return decoder.decode(buffer);
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the TurbopackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+
+function prepareDestinationForModule(moduleLoading, nonce, metadata) {
+  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
+}
+function resolveClientReference(bundlerConfig, metadata) {
+  if (bundlerConfig) {
+    var moduleExports = bundlerConfig[metadata[ID]];
+    var resolvedModuleData = moduleExports[metadata[NAME]];
+    var name;
+
+    if (resolvedModuleData) {
+      // The potentially aliased name.
+      name = resolvedModuleData.name;
+    } else {
+      // If we don't have this specific name, we might have the full module.
+      resolvedModuleData = moduleExports['*'];
+
+      if (!resolvedModuleData) {
+        throw new Error('Could not find the module "' + metadata[ID] + '" in the React SSR Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+      }
+
+      name = metadata[NAME];
+    }
+
+    if (isAsyncImport(metadata)) {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1
+      /* async */
+      ];
+    } else {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+    }
+  }
+
+  return metadata;
+}
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = globalThis.__next_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = globalThis.__next_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return globalThis.__next_chunk_load__(filename);
+}
+
+function prepareDestinationWithChunks(moduleLoading, // Chunks are single-indexed filenames
+chunks, nonce) {
+  if (moduleLoading !== null) {
+    for (var i = 0; i < chunks.length; i++) {
+      preinitScriptForSSR(moduleLoading.prefix + chunks[i], nonce, moduleLoading.crossOrigin);
+    }
+  }
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+// This client file is in the shared folder because it applies to both SSR and browser contexts.
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    switch (code) {
+      case 'D':
+        {
+          var refined = refineModel(code, model);
+          var href = refined;
+          dispatcher.prefetchDNS(href);
+          return;
+        }
+
+      case 'C':
+        {
+          var _refined = refineModel(code, model);
+
+          if (typeof _refined === 'string') {
+            var _href = _refined;
+            dispatcher.preconnect(_href);
+          } else {
+            var _href2 = _refined[0];
+            var crossOrigin = _refined[1];
+            dispatcher.preconnect(_href2, crossOrigin);
+          }
+
+          return;
+        }
+
+      case 'L':
+        {
+          var _refined2 = refineModel(code, model);
+
+          var _href3 = _refined2[0];
+          var as = _refined2[1];
+
+          if (_refined2.length === 3) {
+            var options = _refined2[2];
+            dispatcher.preload(_href3, as, options);
+          } else {
+            dispatcher.preload(_href3, as);
+          }
+
+          return;
+        }
+
+      case 'm':
+        {
+          var _refined3 = refineModel(code, model);
+
+          if (typeof _refined3 === 'string') {
+            var _href4 = _refined3;
+            dispatcher.preloadModule(_href4);
+          } else {
+            var _href5 = _refined3[0];
+            var _options = _refined3[1];
+            dispatcher.preloadModule(_href5, _options);
+          }
+
+          return;
+        }
+
+      case 'S':
+        {
+          var _refined4 = refineModel(code, model);
+
+          if (typeof _refined4 === 'string') {
+            var _href6 = _refined4;
+            dispatcher.preinitStyle(_href6);
+          } else {
+            var _href7 = _refined4[0];
+            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+
+            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+
+            dispatcher.preinitStyle(_href7, precedence, _options2);
+          }
+
+          return;
+        }
+
+      case 'X':
+        {
+          var _refined5 = refineModel(code, model);
+
+          if (typeof _refined5 === 'string') {
+            var _href8 = _refined5;
+            dispatcher.preinitScript(_href8);
+          } else {
+            var _href9 = _refined5[0];
+            var _options3 = _refined5[1];
+            dispatcher.preinitScript(_href9, _options3);
+          }
+
+          return;
+        }
+
+      case 'M':
+        {
+          var _refined6 = refineModel(code, model);
+
+          if (typeof _refined6 === 'string') {
+            var _href10 = _refined6;
+            dispatcher.preinitModuleScript(_href10);
+          } else {
+            var _href11 = _refined6[0];
+            var _options4 = _refined6[1];
+            dispatcher.preinitModuleScript(_href11, _options4);
+          }
+
+          return;
+        }
+    }
+  }
+} // Flow is having troulbe refining the HintModels so we help it a bit.
+// This should be compiled out in the production build.
+
+function refineModel(code, model) {
+  return model;
+}
+function preinitScriptForSSR(href, nonce, crossOrigin) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preinitScript(href, {
+      crossOrigin: getCrossOriginString(crossOrigin),
+      nonce: nonce
+    });
+  }
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var knownServerReferences = new WeakMap(); // Serializable values
+// Thenable<ReactServerValue>
+// function serializeByValueID(id: number): string {
+//   return '$' + id.toString(16);
+// }
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeFormDataReference(id) {
+  // Why K? F is "Function". D is "Date". What else?
+  return '$K' + id.toString(16);
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeMapID(id) {
+  return '$Q' + id.toString(16);
+}
+
+function serializeSetID(id) {
+  return '$W' + id.toString(16);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+function processReply(root, formFieldPrefix, resolve, reject) {
+  var nextPartId = 1;
+  var pendingParts = 0;
+  var formData = null;
+
+  function resolveToJSON(key, value) {
+    var parent = this; // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+
+    {
+      // $FlowFixMe[incompatible-use]
+      var originalValue = parent[key];
+
+      if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+        if (objectName(originalValue) !== 'Object') {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+        }
+      }
+    }
+
+    if (value === null) {
+      return null;
+    }
+
+    if (typeof value === 'object') {
+      // $FlowFixMe[method-unbinding]
+      if (typeof value.then === 'function') {
+        // We assume that any object with a .then property is a "Thenable" type,
+        // or a Promise type. Either of which can be represented by a Promise.
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        }
+
+        pendingParts++;
+        var promiseId = nextPartId++;
+        var thenable = value;
+        thenable.then(function (partValue) {
+          var partJSON = JSON.stringify(partValue, resolveToJSON); // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
+
+          var data = formData; // eslint-disable-next-line react-internal/safe-string-coercion
+
+          data.append(formFieldPrefix + promiseId, partJSON);
+          pendingParts--;
+
+          if (pendingParts === 0) {
+            resolve(data);
+          }
+        }, function (reason) {
+          // In the future we could consider serializing this as an error
+          // that throws on the server instead.
+          reject(reason);
+        });
+        return serializePromiseID(promiseId);
+      } // TODO: Should we the Object.prototype.toString.call() to test for cross-realm objects?
+
+
+      if (value instanceof FormData) {
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to use rich objects as its values.
+          formData = new FormData();
+        }
+
+        var data = formData;
+        var refId = nextPartId++; // Copy all the form fields with a prefix for this reference.
+        // These must come first in the form order because we assume that all the
+        // fields are available before this is referenced.
+
+        var prefix = formFieldPrefix + refId + '_'; // $FlowFixMe[prop-missing]: FormData has forEach.
+
+        value.forEach(function (originalValue, originalKey) {
+          data.append(prefix + originalKey, originalValue);
+        });
+        return serializeFormDataReference(refId);
+      }
+
+      if (value instanceof Map) {
+        var partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var mapId = nextPartId++;
+        formData.append(formFieldPrefix + mapId, partJSON);
+        return serializeMapID(mapId);
+      }
+
+      if (value instanceof Set) {
+        var _partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var setId = nextPartId++;
+        formData.append(formFieldPrefix + setId, _partJSON);
+        return serializeSetID(setId);
+      }
+
+      if (!isArray(value)) {
+        var iteratorFn = getIteratorFn(value);
+
+        if (iteratorFn) {
+          return Array.from(value);
+        }
+      }
+
+      {
+        if (value !== null && !isArray(value)) {
+          // Verify that this is a simple plain object.
+          if (value.$$typeof === REACT_ELEMENT_TYPE) {
+            error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_LAZY_TYPE) {
+            error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+            error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (objectName(value) !== 'Object') {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+          } else if (!isSimpleObject(value)) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+          } else if (Object.getOwnPropertySymbols) {
+            var symbols = Object.getOwnPropertySymbols(value);
+
+            if (symbols.length > 0) {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-return]
+
+
+      return value;
+    }
+
+    if (typeof value === 'string') {
+      // TODO: Maybe too clever. If we support URL there's no similar trick.
+      if (value[value.length - 1] === 'Z') {
+        // Possibly a Date, whose toJSON automatically calls toISOString
+        // $FlowFixMe[incompatible-use]
+        var _originalValue = parent[key];
+
+        if (_originalValue instanceof Date) {
+          return serializeDateFromDateJSON(value);
+        }
+      }
+
+      return escapeStringValue(value);
+    }
+
+    if (typeof value === 'boolean') {
+      return value;
+    }
+
+    if (typeof value === 'number') {
+      return serializeNumber(value);
+    }
+
+    if (typeof value === 'undefined') {
+      return serializeUndefined();
+    }
+
+    if (typeof value === 'function') {
+      var metaData = knownServerReferences.get(value);
+
+      if (metaData !== undefined) {
+        var metaDataJSON = JSON.stringify(metaData, resolveToJSON);
+
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        } // The reference to this function came from the same client so we can pass it back.
+
+
+        var _refId = nextPartId++; // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+        formData.set(formFieldPrefix + _refId, metaDataJSON);
+        return serializeServerReferenceID(_refId);
+      }
+
+      throw new Error('Client Functions cannot be passed directly to Server Functions. ' + 'Only Functions passed from the Server can be passed back again.');
+    }
+
+    if (typeof value === 'symbol') {
+      // $FlowFixMe[incompatible-type] `description` might be undefined
+      var name = value.description;
+
+      if (Symbol.for(name) !== value) {
+        throw new Error('Only global symbols received from Symbol.for(...) can be passed to Server Functions. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+        value.description + ") cannot be found among global symbols."));
+      }
+
+      return serializeSymbolReference(name);
+    }
+
+    if (typeof value === 'bigint') {
+      return serializeBigInt(value);
+    }
+
+    throw new Error("Type " + typeof value + " is not supported as an argument to a Server Function.");
+  } // $FlowFixMe[incompatible-type] it's not going to be undefined because we'll encode it.
+
+
+  var json = JSON.stringify(root, resolveToJSON);
+
+  if (formData === null) {
+    // If it's a simple data structure, we just use plain JSON.
+    resolve(json);
+  } else {
+    // Otherwise, we use FormData to let us stream in the result.
+    formData.set(formFieldPrefix + '0', json);
+
+    if (pendingParts === 0) {
+      // $FlowFixMe[incompatible-call] this has already been refined.
+      resolve(formData);
+    }
+  }
+}
+var boundCache = new WeakMap();
+
+function encodeFormData(reference) {
+  var resolve, reject; // We need to have a handle on the thenable so that we can synchronously set
+  // its status from processReply, when it can complete synchronously.
+
+  var thenable = new Promise(function (res, rej) {
+    resolve = res;
+    reject = rej;
+  });
+  processReply(reference, '', function (body) {
+    if (typeof body === 'string') {
+      var data = new FormData();
+      data.append('0', body);
+      body = data;
+    }
+
+    var fulfilled = thenable;
+    fulfilled.status = 'fulfilled';
+    fulfilled.value = body;
+    resolve(body);
+  }, function (e) {
+    var rejected = thenable;
+    rejected.status = 'rejected';
+    rejected.reason = e;
+    reject(e);
+  });
+  return thenable;
+}
+
+function encodeFormAction(identifierPrefix) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var data = null;
+  var name;
+  var boundPromise = reference.bound;
+
+  if (boundPromise !== null) {
+    var thenable = boundCache.get(reference);
+
+    if (!thenable) {
+      thenable = encodeFormData(reference);
+      boundCache.set(reference, thenable);
+    }
+
+    if (thenable.status === 'rejected') {
+      throw thenable.reason;
+    } else if (thenable.status !== 'fulfilled') {
+      throw thenable;
+    }
+
+    var encodedFormData = thenable.value; // This is hacky but we need the identifier prefix to be added to
+    // all fields but the suspense cache would break since we might get
+    // a new identifier each time. So we just append it at the end instead.
+
+    var prefixedData = new FormData(); // $FlowFixMe[prop-missing]
+
+    encodedFormData.forEach(function (value, key) {
+      prefixedData.append('$ACTION_' + identifierPrefix + ':' + key, value);
+    });
+    data = prefixedData; // We encode the name of the prefix containing the data.
+
+    name = '$ACTION_REF_' + identifierPrefix;
+  } else {
+    // This is the simple case so we can just encode the ID.
+    name = '$ACTION_ID_' + reference.id;
+  }
+
+  return {
+    name: name,
+    method: 'POST',
+    encType: 'multipart/form-data',
+    data: data
+  };
+}
+
+function isSignatureEqual(referenceId, numberOfBoundArgs) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  if (reference.id !== referenceId) {
+    // These are different functions.
+    return false;
+  } // Now check if the number of bound arguments is the same.
+
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    // No bound arguments.
+    return numberOfBoundArgs === 0;
+  } // Unwrap the bound arguments array by suspending, if necessary. As with
+  // encodeFormData, this means isSignatureEqual can only be called while React
+  // is rendering.
+
+
+  switch (boundPromise.status) {
+    case 'fulfilled':
+      {
+        var boundArgs = boundPromise.value;
+        return boundArgs.length === numberOfBoundArgs;
+      }
+
+    case 'pending':
+      {
+        throw boundPromise;
+      }
+
+    case 'rejected':
+      {
+        throw boundPromise.reason;
+      }
+
+    default:
+      {
+        if (typeof boundPromise.status === 'string') ; else {
+          var pendingThenable = boundPromise;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (boundArgs) {
+            var fulfilledThenable = boundPromise;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = boundArgs;
+          }, function (error) {
+            var rejectedThenable = boundPromise;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          });
+        }
+
+        throw boundPromise;
+      }
+  }
+}
+
+function registerServerReference(proxy, reference) {
+  // Expose encoder for use by SSR, as well as a special bind that can be used to
+  // keep server capabilities.
+  {
+    // Only expose this in builds that would actually use it. Not needed on the client.
+    Object.defineProperties(proxy, {
+      $$FORM_ACTION: {
+        value: encodeFormAction
+      },
+      $$IS_SIGNATURE_EQUAL: {
+        value: isSignatureEqual
+      },
+      bind: {
+        value: bind
+      }
+    });
+  }
+
+  knownServerReferences.set(proxy, reference);
+} // $FlowFixMe[method-unbinding]
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+  var reference = knownServerReferences.get(this);
+
+  if (reference) {
+    var args = ArraySlice.call(arguments, 1);
+    var boundPromise = null;
+
+    if (reference.bound !== null) {
+      boundPromise = Promise.resolve(reference.bound).then(function (boundArgs) {
+        return boundArgs.concat(args);
+      });
+    } else {
+      boundPromise = Promise.resolve(args);
+    }
+
+    registerServerReference(newFn, {
+      id: reference.id,
+      bound: boundPromise
+    });
+  }
+
+  return newFn;
+}
+
+function createServerReference$1(id, callServer) {
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    return callServer(id, args);
+  };
+
+  registerServerReference(proxy, {
+    id: id,
+    bound: null
+  });
+  return proxy;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var ROW_ID = 0;
+var ROW_TAG = 1;
+var ROW_LENGTH = 2;
+var ROW_CHUNK_BY_NEWLINE = 3;
+var ROW_CHUNK_BY_LENGTH = 4;
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var RESOLVED_MODULE = 'resolved_module';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function readChunk(chunk) {
+  // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      return chunk.value;
+
+    case PENDING:
+    case BLOCKED:
+      // eslint-disable-next-line no-throw-literal
+      throw chunk;
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function createBlockedChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(BLOCKED, null, null, response);
+}
+
+function createErrorChunk(response, error) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(ERRORED, null, error, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function createResolvedModuleChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODULE, value, null, response);
+}
+
+function createInitializedTextChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function createInitializedBufferChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function resolveModuleChunk(chunk, value) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODULE;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    initializeModuleChunk(resolvedChunk);
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = parseModel(chunk._response, chunk.value);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+}
+
+function initializeModuleChunk(chunk) {
+  try {
+    var value = requireModule(chunk.value);
+    var initializedChunk = chunk;
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = value;
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function createElement(type, key, props) {
+  var element = {
+    // This tag allows us to uniquely identify this as a React Element
+    $$typeof: REACT_ELEMENT_TYPE,
+    // Built-in properties that belong on the element
+    type: type,
+    key: key,
+    ref: null,
+    props: props,
+    // Record the component responsible for creating this element.
+    _owner: null
+  };
+
+  {
+    // We don't really need to add any of these but keeping them for good measure.
+    // Unfortunately, _store is enumerable in jest matchers so for equality to
+    // work, I need to keep it or make _store non-enumerable in the other file.
+    element._store = {};
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: true // This element has already been validated on the server.
+
+    });
+    Object.defineProperty(element, '_self', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+    Object.defineProperty(element, '_source', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+  }
+
+  return element;
+}
+
+function createLazyChunkWrapper(chunk) {
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: chunk,
+    _init: readChunk
+  };
+  return lazyType;
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunk = createPendingChunk(response);
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function createServerReferenceProxy(response, metaData) {
+  var callServer = response._callServer;
+
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    var p = metaData.bound;
+
+    if (!p) {
+      return callServer(metaData.id, args);
+    }
+
+    if (p.status === INITIALIZED) {
+      var bound = p.value;
+      return callServer(metaData.id, bound.concat(args));
+    } // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+    // TODO: Remove the wrapper once that's fixed.
+
+
+    return Promise.resolve(p).then(function (bound) {
+      return callServer(metaData.id, bound.concat(args));
+    });
+  };
+
+  registerServerReference(proxy, metaData);
+  return proxy;
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      {
+        return chunk.value;
+      }
+    // We always encode it first in the stream so it won't be pending.
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    if (value === '$') {
+      // A very common symbol.
+      return REACT_ELEMENT_TYPE;
+    }
+
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case 'L':
+        {
+          // Lazy node
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
+          // When passed into React, we'll know how to suspend on this.
+
+          return createLazyChunkWrapper(chunk);
+        }
+
+      case '@':
+        {
+          // Promise
+          var _id = parseInt(value.slice(2), 16);
+
+          var _chunk = getChunk(response, _id);
+
+          return _chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'P':
+        {
+          // Server Context Provider
+          return getOrCreateServerContext(value.slice(2)).Provider;
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var metadata = getOutlinedModel(response, _id2);
+          return createServerReferenceProxy(response, metadata);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id3);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id4 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id4);
+
+          return new Set(_data);
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id5 = parseInt(value.slice(1), 16);
+
+          var _chunk2 = getChunk(response, _id5);
+
+          switch (_chunk2.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk2);
+              break;
+
+            case RESOLVED_MODULE:
+              initializeModuleChunk(_chunk2);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk2.status) {
+            case INITIALIZED:
+              return _chunk2.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk2.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk2.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function parseModelTuple(response, value) {
+  var tuple = value;
+
+  if (tuple[0] === REACT_ELEMENT_TYPE) {
+    // TODO: Consider having React just directly accept these arrays as elements.
+    // Or even change the ReactElement type to be an array.
+    return createElement(tuple[1], tuple[2], tuple[3]);
+  }
+
+  return value;
+}
+
+function missingCall() {
+  throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
+}
+
+function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _moduleLoading: moduleLoading,
+    _callServer: callServer !== undefined ? callServer : missingCall,
+    _nonce: nonce,
+    _chunks: chunks,
+    _stringDecoder: createStringDecoder(),
+    _fromJSON: null,
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: []
+  }; // Don't inline this call because it causes closure to outline the call above.
+
+  response._fromJSON = createFromJSONCallback(response);
+  return response;
+}
+
+function resolveModel(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createResolvedModelChunk(response, model));
+  } else {
+    resolveModelChunk(chunk, model);
+  }
+}
+
+function resolveText(response, id, text) {
+  var chunks = response._chunks; // We assume that we always reference large strings after they've been
+  // emitted.
+
+  chunks.set(id, createInitializedTextChunk(response, text));
+}
+
+function resolveBuffer(response, id, buffer) {
+  var chunks = response._chunks; // We assume that we always reference buffers after they've been emitted.
+
+  chunks.set(id, createInitializedBufferChunk(response, buffer));
+}
+
+function resolveModule(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+  var clientReferenceMetadata = parseModel(response, model);
+  var clientReference = resolveClientReference(response._bundlerConfig, clientReferenceMetadata);
+  prepareDestinationForModule(response._moduleLoading, response._nonce, clientReferenceMetadata); // TODO: Add an option to encode modules that are lazy loaded.
+  // For now we preload all modules as early as possible since it's likely
+  // that we'll need them.
+
+  var promise = preloadModule(clientReference);
+
+  if (promise) {
+    var blockedChunk;
+
+    if (!chunk) {
+      // Technically, we should just treat promise as the chunk in this
+      // case. Because it'll just behave as any other promise.
+      blockedChunk = createBlockedChunk(response);
+      chunks.set(id, blockedChunk);
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+    }
+
+    promise.then(function () {
+      return resolveModuleChunk(blockedChunk, clientReference);
+    }, function (error) {
+      return triggerErrorOnChunk(blockedChunk, error);
+    });
+  } else {
+    if (!chunk) {
+      chunks.set(id, createResolvedModuleChunk(response, clientReference));
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      resolveModuleChunk(chunk, clientReference);
+    }
+  }
+}
+
+function resolveErrorDev(response, id, digest, message, stack) {
+
+
+  var error = new Error(message || 'An error occurred in the Server Components render but no message was provided');
+  error.stack = stack;
+  error.digest = digest;
+  var errorWithDigest = error;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, errorWithDigest));
+  } else {
+    triggerErrorOnChunk(chunk, errorWithDigest);
+  }
+}
+
+function resolvePostponeDev(response, id, reason, stack) {
+
+
+  var error = new Error(reason || '');
+  var postponeInstance = error;
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  postponeInstance.stack = stack;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, postponeInstance));
+  } else {
+    triggerErrorOnChunk(chunk, postponeInstance);
+  }
+}
+
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
+
+function mergeBuffer(buffer, lastChunk) {
+  var l = buffer.length; // Count the bytes we'll need
+
+  var byteLength = lastChunk.length;
+
+  for (var i = 0; i < l; i++) {
+    byteLength += buffer[i].byteLength;
+  } // Allocate enough contiguous space
+
+
+  var result = new Uint8Array(byteLength);
+  var offset = 0; // Copy all the buffers into it.
+
+  for (var _i = 0; _i < l; _i++) {
+    var chunk = buffer[_i];
+    result.set(chunk, offset);
+    offset += chunk.byteLength;
+  }
+
+  result.set(lastChunk, offset);
+  return result;
+}
+
+function resolveTypedArray(response, id, buffer, lastChunk, constructor, bytesPerElement) {
+  // If the view fits into one original buffer, we just reuse that buffer instead of
+  // copying it out to a separate copy. This means that it's not always possible to
+  // transfer these values to other threads without copying first since they may
+  // share array buffer. For this to work, it must also have bytes aligned to a
+  // multiple of a size of the type.
+  var chunk = buffer.length === 0 && lastChunk.byteOffset % bytesPerElement === 0 ? lastChunk : mergeBuffer(buffer, lastChunk); // TODO: The transfer protocol of RSC is little-endian. If the client isn't little-endian
+  // we should convert it instead. In practice big endian isn't really Web compatible so it's
+  // somewhat safe to assume that browsers aren't going to run it, but maybe there's some SSR
+  // server that's affected.
+
+  var view = new constructor(chunk.buffer, chunk.byteOffset, chunk.byteLength / bytesPerElement);
+  resolveBuffer(response, id, view);
+}
+
+function processFullRow(response, id, tag, buffer, chunk) {
+  {
+    switch (tag) {
+      case 65
+      /* "A" */
+      :
+        // We must always clone to extract it into a separate buffer instead of just a view.
+        resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
+        return;
+
+      case 67
+      /* "C" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int8Array, 1);
+        return;
+
+      case 99
+      /* "c" */
+      :
+        resolveBuffer(response, id, buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk));
+        return;
+
+      case 85
+      /* "U" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint8ClampedArray, 1);
+        return;
+
+      case 83
+      /* "S" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int16Array, 2);
+        return;
+
+      case 115
+      /* "s" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint16Array, 2);
+        return;
+
+      case 76
+      /* "L" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int32Array, 4);
+        return;
+
+      case 108
+      /* "l" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint32Array, 4);
+        return;
+
+      case 70
+      /* "F" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
+        return;
+
+      case 68
+      /* "D" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
+        return;
+
+      case 78
+      /* "N" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigInt64Array, 8);
+        return;
+
+      case 109
+      /* "m" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigUint64Array, 8);
+        return;
+
+      case 86
+      /* "V" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, DataView, 1);
+        return;
+    }
+  }
+
+  var stringDecoder = response._stringDecoder;
+  var row = '';
+
+  for (var i = 0; i < buffer.length; i++) {
+    row += readPartialStringChunk(stringDecoder, buffer[i]);
+  }
+
+  row += readFinalStringChunk(stringDecoder, chunk);
+
+  switch (tag) {
+    case 73
+    /* "I" */
+    :
+      {
+        resolveModule(response, id, row);
+        return;
+      }
+
+    case 72
+    /* "H" */
+    :
+      {
+        var code = row[0];
+        resolveHint(response, code, row.slice(1));
+        return;
+      }
+
+    case 69
+    /* "E" */
+    :
+      {
+        var errorInfo = JSON.parse(row);
+
+        {
+          resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
+        }
+
+        return;
+      }
+
+    case 84
+    /* "T" */
+    :
+      {
+        resolveText(response, id, row);
+        return;
+      }
+
+    case 80
+    /* "P" */
+    :
+      {
+        {
+          {
+            var postponeInfo = JSON.parse(row);
+            resolvePostponeDev(response, id, postponeInfo.reason, postponeInfo.stack);
+          }
+
+          return;
+        }
+      }
+    // Fallthrough
+
+    default:
+      /* """ "{" "[" "t" "f" "n" "0" - "9" */
+      {
+        // We assume anything else is JSON.
+        resolveModel(response, id, row);
+        return;
+      }
+  }
+}
+
+function processBinaryChunk(response, chunk) {
+  var i = 0;
+  var rowState = response._rowState;
+  var rowID = response._rowID;
+  var rowTag = response._rowTag;
+  var rowLength = response._rowLength;
+  var buffer = response._buffer;
+  var chunkLength = chunk.length;
+
+  while (i < chunkLength) {
+    var lastIdx = -1;
+
+    switch (rowState) {
+      case ROW_ID:
+        {
+          var byte = chunk[i++];
+
+          if (byte === 58
+          /* ":" */
+          ) {
+              // Finished the rowID, next we'll parse the tag.
+              rowState = ROW_TAG;
+            } else {
+            rowID = rowID << 4 | (byte > 96 ? byte - 87 : byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_TAG:
+        {
+          var resolvedRowTag = chunk[i];
+
+          if (resolvedRowTag === 84
+          /* "T" */
+          || (resolvedRowTag === 65
+          /* "A" */
+          || resolvedRowTag === 67
+          /* "C" */
+          || resolvedRowTag === 99
+          /* "c" */
+          || resolvedRowTag === 85
+          /* "U" */
+          || resolvedRowTag === 83
+          /* "S" */
+          || resolvedRowTag === 115
+          /* "s" */
+          || resolvedRowTag === 76
+          /* "L" */
+          || resolvedRowTag === 108
+          /* "l" */
+          || resolvedRowTag === 70
+          /* "F" */
+          || resolvedRowTag === 68
+          /* "D" */
+          || resolvedRowTag === 78
+          /* "N" */
+          || resolvedRowTag === 109
+          /* "m" */
+          || resolvedRowTag === 86)
+          /* "V" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_LENGTH;
+              i++;
+            } else if (resolvedRowTag > 64 && resolvedRowTag < 91
+          /* "A"-"Z" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_CHUNK_BY_NEWLINE;
+              i++;
+            } else {
+            rowTag = 0;
+            rowState = ROW_CHUNK_BY_NEWLINE; // This was an unknown tag so it was probably part of the data.
+          }
+
+          continue;
+        }
+
+      case ROW_LENGTH:
+        {
+          var _byte = chunk[i++];
+
+          if (_byte === 44
+          /* "," */
+          ) {
+              // Finished the rowLength, next we'll buffer up to that length.
+              rowState = ROW_CHUNK_BY_LENGTH;
+            } else {
+            rowLength = rowLength << 4 | (_byte > 96 ? _byte - 87 : _byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_CHUNK_BY_NEWLINE:
+        {
+          // We're looking for a newline
+          lastIdx = chunk.indexOf(10
+          /* "\n" */
+          , i);
+          break;
+        }
+
+      case ROW_CHUNK_BY_LENGTH:
+        {
+          // We're looking for the remaining byte length
+          lastIdx = i + rowLength;
+
+          if (lastIdx > chunk.length) {
+            lastIdx = -1;
+          }
+
+          break;
+        }
+    }
+
+    var offset = chunk.byteOffset + i;
+
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      var length = lastIdx - i;
+      var lastChunk = new Uint8Array(chunk.buffer, offset, length);
+      processFullRow(response, rowID, rowTag, buffer, lastChunk); // Reset state machine for a new row
+
+      i = lastIdx;
+
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else {
+      // The rest of this row is in a future chunk. We stash the rest of the
+      // current chunk until we can process the full row.
+      var _length = chunk.byteLength - i;
+
+      var remainingSlice = new Uint8Array(chunk.buffer, offset, _length);
+      buffer.push(remainingSlice); // Update how many bytes we're still waiting for. If we're looking for
+      // a newline, this doesn't hurt since we'll just ignore it.
+
+      rowLength -= remainingSlice.byteLength;
+      break;
+    }
+  }
+
+  response._rowState = rowState;
+  response._rowID = rowID;
+  response._rowTag = rowTag;
+  response._rowLength = rowLength;
+}
+
+function parseModel(response, json) {
+  return JSON.parse(json, response._fromJSON);
+}
+
+function createFromJSONCallback(response) {
+  // $FlowFixMe[missing-this-annot]
+  return function (key, value) {
+    if (typeof value === 'string') {
+      // We can't use .bind here because we need the "this" value.
+      return parseModelString(response, this, key, value);
+    }
+
+    if (typeof value === 'object' && value !== null) {
+      return parseModelTuple(response, value);
+    }
+
+    return value;
+  };
+}
+
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function noServerCall() {
+  throw new Error('Server Functions cannot be called during initial render. ' + 'This would create a fetch waterfall. Try to use a Server Component ' + 'to pass data to Client Components instead.');
+}
+
+function createServerReference(id, callServer) {
+  return createServerReference$1(id, noServerCall);
+}
+
+function createResponseFromOptions(options) {
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+}
+
+function startReadingFromStream(response, stream) {
+  var reader = stream.getReader();
+
+  function progress(_ref) {
+    var done = _ref.done,
+        value = _ref.value;
+
+    if (done) {
+      close(response);
+      return;
+    }
+
+    var buffer = value;
+    processBinaryChunk(response, buffer);
+    return reader.read().then(progress).catch(error);
+  }
+
+  function error(e) {
+    reportGlobalError(response, e);
+  }
+
+  reader.read().then(progress).catch(error);
+}
+
+function createFromReadableStream(stream, options) {
+  var response = createResponseFromOptions(options);
+  startReadingFromStream(response, stream);
+  return getRoot(response);
+}
+
+function createFromFetch(promiseForResponse, options) {
+  var response = createResponseFromOptions(options);
+  promiseForResponse.then(function (r) {
+    startReadingFromStream(response, r.body);
+  }, function (e) {
+    reportGlobalError(response, e);
+  });
+  return getRoot(response);
+}
+
+exports.createFromFetch = createFromFetch;
+exports.createFromReadableStream = createFromReadableStream;
+exports.createServerReference = createServerReference;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js
new file mode 100644
index 0000000000000..dfe8a18c4e981
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js
@@ -0,0 +1,44 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.edge.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
+function aa(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=v.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=v.set.bind(v,e,null);g.then(f,y);v.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
+function ba(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=z.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}
+var z=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),ca=Symbol.for("react.provider"),da=Symbol.for("react.server_context"),ea=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),fa=Symbol.for("react.postpone"),C=Symbol.iterator;function ha(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,D=new WeakMap;
+function ja(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ka(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var n=g++;h.then(function(m){m=JSON.stringify(m,e);var t=l;t.append(b+n,m);f--;0===f&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(h instanceof FormData){null===l&&(l=new FormData);var w=l;k=g++;var F=b+k+"_";h.forEach(function(m,t){w.append(F+t,m)});return"$K"+k.toString(16)}return h instanceof Map?(h=JSON.stringify(Array.from(h),e),null===l&&
+(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16)):h instanceof Set?(h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16)):!ia(h)&&ha(h)?Array.from(h):h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ja(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=D.get(h);if(void 0!==h)return h=JSON.stringify(h,
+e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+
+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var E=new WeakMap;function la(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ka(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function ma(a){var b=D.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=E.get(b);c||(c=la(b),E.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function na(a,b){var c=D.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function G(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ma},$$IS_SIGNATURE_EQUAL:{value:na},bind:{value:oa}});D.set(a,b)}var pa=Function.prototype.bind,qa=Array.prototype.slice;function oa(){var a=pa.apply(this,arguments),b=D.get(this);if(b){var c=qa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);G(a,{id:b.id,bound:d})}return a}
+function ra(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}G(c,{id:a,bound:null});return c}var H=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function I(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}I.prototype=Object.create(Promise.prototype);
+I.prototype.then=function(a,b){switch(this.status){case "resolved_model":J(this);break;case "resolved_module":K(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function sa(a){switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function L(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function M(a,b,c){switch(a.status){case "fulfilled":L(b,a.value);break;case "pending":case "blocked":a.value=b;a.reason=c;break;case "rejected":c&&L(c,a.reason)}}
+function N(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&L(c,b)}}function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(K(a),M(a,c,d))}}var P=null,Q=null;
+function J(a){var b=P,c=Q;P=a;Q=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==Q&&0<Q.deps?(Q.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{P=b,Q=c}}
+function K(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function R(a,b){a._chunks.forEach(function(c){"pending"===c.status&&N(c,b)})}function S(a,b){var c=a._chunks,d=c.get(b);d||(d=new I("pending",null,null,a),c.set(b,d));return d}
+function ta(a,b,c){if(Q){var d=Q;d.deps++}else d=Q={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&L(e,d.value))}}function ua(a){return function(b){return N(a,b)}}
+function va(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;G(c,b);return c}function T(a,b){a=S(a,b);switch(a.status){case "resolved_model":J(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function wa(a,b,c,d){if("$"===d[0]){if("$"===d)return A;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=S(a,b),{$$typeof:ea,_payload:a,_init:sa};case "@":return b=parseInt(d.slice(2),16),S(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),H[a]||(b={$$typeof:da,_currentValue:B,_currentValue2:B,_defaultValue:B,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ca,_context:b},H[a]=b),H[a].Provider;case "F":return b=
+parseInt(d.slice(2),16),b=T(a,b),va(a,b);case "Q":return b=parseInt(d.slice(2),16),a=T(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=T(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=S(a,d);switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;
+case "pending":case "blocked":return d=P,a.then(ta(d,b,c),ua(d)),null;default:throw a.reason;}}}return d}function xa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function U(a,b,c){a._chunks.set(b,new I("fulfilled",c,null,a))}
+function ya(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=u(a._bundlerConfig,c);ba(a._moduleLoading,c[1],a._nonce);if(c=aa(g)){if(e){var f=e;f.status="blocked"}else f=new I("blocked",null,null,a),d.set(b,f);c.then(function(){return O(f,g)},function(l){return N(f,l)})}else e?O(e,g):d.set(b,new I("resolved_module",g,null,a))}
+function V(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function W(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:V(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);U(a,b,e)}
+function za(a,b,c,d,e){switch(c){case 65:U(a,b,V(d,e).buffer);return;case 67:W(a,b,d,e,Int8Array,1);return;case 99:U(a,b,0===d.length?e:V(d,e));return;case 85:W(a,b,d,e,Uint8ClampedArray,1);return;case 83:W(a,b,d,e,Int16Array,2);return;case 115:W(a,b,d,e,Uint16Array,2);return;case 76:W(a,b,d,e,Int32Array,4);return;case 108:W(a,b,d,e,Uint32Array,4);return;case 70:W(a,b,d,e,Float32Array,4);return;case 68:W(a,b,d,e,Float64Array,8);return;case 78:W(a,b,d,e,BigInt64Array,8);return;case 109:W(a,b,d,e,BigUint64Array,
+8);return;case 86:W(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],r);f+=g.decode(e);switch(c){case 73:ya(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=z.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;case 84:a._chunks.set(b,new I("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=fa;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
+"resolved_model",c.value=f,null!==a&&(J(c),M(c,a,b))):d.set(b,new I("resolved_model",f,null,a))}}function Aa(a){return function(b,c){return"string"===typeof c?wa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===A?{$$typeof:A,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading;a="string"===typeof a.nonce?a.nonce:void 0;var d=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:xa,_nonce:a,_chunks:d,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=Aa(b);return b}
+function Z(a,b){function c(g){var f=g.value;if(g.done)R(a,Error("Connection closed."));else{var l=0,k=a._rowState;g=a._rowID;for(var h=a._rowTag,n=a._rowLength,w=a._buffer,F=f.length;l<F;){var m=-1;switch(k){case 0:m=f[l++];58===m?k=1:g=g<<4|(96<m?m-87:m-48);continue;case 1:k=f[l];84===k||65===k||67===k||99===k||85===k||83===k||115===k||76===k||108===k||70===k||68===k||78===k||109===k||86===k?(h=k,k=2,l++):64<k&&91>k?(h=k,k=3,l++):(h=0,k=3);continue;case 2:m=f[l++];44===m?k=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=f.indexOf(10,l);break;case 4:m=l+n,m>f.length&&(m=-1)}var t=f.byteOffset+l;if(-1<m)n=new Uint8Array(f.buffer,t,m-l),za(a,g,h,w,n),l=m,3===k&&l++,n=g=h=k=0,w.length=0;else{f=new Uint8Array(f.buffer,t,f.byteLength-l);w.push(f);n-=f.byteLength;break}}a._rowState=k;a._rowID=g;a._rowTag=h;a._rowLength=n;return e.read().then(c).catch(d)}}function d(g){R(a,g)}var e=b.getReader();e.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){R(c,d)});return S(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return S(b,0)};exports.createServerReference=function(a){return ra(a,X)};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js
new file mode 100644
index 0000000000000..32ae6c9e14548
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js
@@ -0,0 +1,2415 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.node.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var util = require('util');
+var ReactDOM = require('react-dom');
+var React = require('react');
+
+function createStringDecoder() {
+  return new util.TextDecoder();
+}
+var decoderOptions = {
+  stream: true
+};
+function readPartialStringChunk(decoder, buffer) {
+  return decoder.decode(buffer, decoderOptions);
+}
+function readFinalStringChunk(decoder, buffer) {
+  return decoder.decode(buffer);
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the TurbopackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+
+function prepareDestinationForModule(moduleLoading, nonce, metadata) {
+  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
+}
+function resolveClientReference(bundlerConfig, metadata) {
+  if (bundlerConfig) {
+    var moduleExports = bundlerConfig[metadata[ID]];
+    var resolvedModuleData = moduleExports[metadata[NAME]];
+    var name;
+
+    if (resolvedModuleData) {
+      // The potentially aliased name.
+      name = resolvedModuleData.name;
+    } else {
+      // If we don't have this specific name, we might have the full module.
+      resolvedModuleData = moduleExports['*'];
+
+      if (!resolvedModuleData) {
+        throw new Error('Could not find the module "' + metadata[ID] + '" in the React SSR Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+      }
+
+      name = metadata[NAME];
+    }
+
+    if (isAsyncImport(metadata)) {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1
+      /* async */
+      ];
+    } else {
+      return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+    }
+  }
+
+  return metadata;
+}
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = globalThis.__next_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = globalThis.__next_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return globalThis.__next_chunk_load__(filename);
+}
+
+function prepareDestinationWithChunks(moduleLoading, // Chunks are single-indexed filenames
+chunks, nonce) {
+  if (moduleLoading !== null) {
+    for (var i = 0; i < chunks.length; i++) {
+      preinitScriptForSSR(moduleLoading.prefix + chunks[i], nonce, moduleLoading.crossOrigin);
+    }
+  }
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+// This client file is in the shared folder because it applies to both SSR and browser contexts.
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    switch (code) {
+      case 'D':
+        {
+          var refined = refineModel(code, model);
+          var href = refined;
+          dispatcher.prefetchDNS(href);
+          return;
+        }
+
+      case 'C':
+        {
+          var _refined = refineModel(code, model);
+
+          if (typeof _refined === 'string') {
+            var _href = _refined;
+            dispatcher.preconnect(_href);
+          } else {
+            var _href2 = _refined[0];
+            var crossOrigin = _refined[1];
+            dispatcher.preconnect(_href2, crossOrigin);
+          }
+
+          return;
+        }
+
+      case 'L':
+        {
+          var _refined2 = refineModel(code, model);
+
+          var _href3 = _refined2[0];
+          var as = _refined2[1];
+
+          if (_refined2.length === 3) {
+            var options = _refined2[2];
+            dispatcher.preload(_href3, as, options);
+          } else {
+            dispatcher.preload(_href3, as);
+          }
+
+          return;
+        }
+
+      case 'm':
+        {
+          var _refined3 = refineModel(code, model);
+
+          if (typeof _refined3 === 'string') {
+            var _href4 = _refined3;
+            dispatcher.preloadModule(_href4);
+          } else {
+            var _href5 = _refined3[0];
+            var _options = _refined3[1];
+            dispatcher.preloadModule(_href5, _options);
+          }
+
+          return;
+        }
+
+      case 'S':
+        {
+          var _refined4 = refineModel(code, model);
+
+          if (typeof _refined4 === 'string') {
+            var _href6 = _refined4;
+            dispatcher.preinitStyle(_href6);
+          } else {
+            var _href7 = _refined4[0];
+            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+
+            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+
+            dispatcher.preinitStyle(_href7, precedence, _options2);
+          }
+
+          return;
+        }
+
+      case 'X':
+        {
+          var _refined5 = refineModel(code, model);
+
+          if (typeof _refined5 === 'string') {
+            var _href8 = _refined5;
+            dispatcher.preinitScript(_href8);
+          } else {
+            var _href9 = _refined5[0];
+            var _options3 = _refined5[1];
+            dispatcher.preinitScript(_href9, _options3);
+          }
+
+          return;
+        }
+
+      case 'M':
+        {
+          var _refined6 = refineModel(code, model);
+
+          if (typeof _refined6 === 'string') {
+            var _href10 = _refined6;
+            dispatcher.preinitModuleScript(_href10);
+          } else {
+            var _href11 = _refined6[0];
+            var _options4 = _refined6[1];
+            dispatcher.preinitModuleScript(_href11, _options4);
+          }
+
+          return;
+        }
+    }
+  }
+} // Flow is having troulbe refining the HintModels so we help it a bit.
+// This should be compiled out in the production build.
+
+function refineModel(code, model) {
+  return model;
+}
+function preinitScriptForSSR(href, nonce, crossOrigin) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preinitScript(href, {
+      crossOrigin: getCrossOriginString(crossOrigin),
+      nonce: nonce
+    });
+  }
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var knownServerReferences = new WeakMap(); // Serializable values
+// Thenable<ReactServerValue>
+// function serializeByValueID(id: number): string {
+//   return '$' + id.toString(16);
+// }
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeFormDataReference(id) {
+  // Why K? F is "Function". D is "Date". What else?
+  return '$K' + id.toString(16);
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeMapID(id) {
+  return '$Q' + id.toString(16);
+}
+
+function serializeSetID(id) {
+  return '$W' + id.toString(16);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+function processReply(root, formFieldPrefix, resolve, reject) {
+  var nextPartId = 1;
+  var pendingParts = 0;
+  var formData = null;
+
+  function resolveToJSON(key, value) {
+    var parent = this; // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+
+    {
+      // $FlowFixMe[incompatible-use]
+      var originalValue = parent[key];
+
+      if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+        if (objectName(originalValue) !== 'Object') {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+        }
+      }
+    }
+
+    if (value === null) {
+      return null;
+    }
+
+    if (typeof value === 'object') {
+      // $FlowFixMe[method-unbinding]
+      if (typeof value.then === 'function') {
+        // We assume that any object with a .then property is a "Thenable" type,
+        // or a Promise type. Either of which can be represented by a Promise.
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        }
+
+        pendingParts++;
+        var promiseId = nextPartId++;
+        var thenable = value;
+        thenable.then(function (partValue) {
+          var partJSON = JSON.stringify(partValue, resolveToJSON); // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
+
+          var data = formData; // eslint-disable-next-line react-internal/safe-string-coercion
+
+          data.append(formFieldPrefix + promiseId, partJSON);
+          pendingParts--;
+
+          if (pendingParts === 0) {
+            resolve(data);
+          }
+        }, function (reason) {
+          // In the future we could consider serializing this as an error
+          // that throws on the server instead.
+          reject(reason);
+        });
+        return serializePromiseID(promiseId);
+      } // TODO: Should we the Object.prototype.toString.call() to test for cross-realm objects?
+
+
+      if (value instanceof FormData) {
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to use rich objects as its values.
+          formData = new FormData();
+        }
+
+        var data = formData;
+        var refId = nextPartId++; // Copy all the form fields with a prefix for this reference.
+        // These must come first in the form order because we assume that all the
+        // fields are available before this is referenced.
+
+        var prefix = formFieldPrefix + refId + '_'; // $FlowFixMe[prop-missing]: FormData has forEach.
+
+        value.forEach(function (originalValue, originalKey) {
+          data.append(prefix + originalKey, originalValue);
+        });
+        return serializeFormDataReference(refId);
+      }
+
+      if (value instanceof Map) {
+        var partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var mapId = nextPartId++;
+        formData.append(formFieldPrefix + mapId, partJSON);
+        return serializeMapID(mapId);
+      }
+
+      if (value instanceof Set) {
+        var _partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var setId = nextPartId++;
+        formData.append(formFieldPrefix + setId, _partJSON);
+        return serializeSetID(setId);
+      }
+
+      if (!isArray(value)) {
+        var iteratorFn = getIteratorFn(value);
+
+        if (iteratorFn) {
+          return Array.from(value);
+        }
+      }
+
+      {
+        if (value !== null && !isArray(value)) {
+          // Verify that this is a simple plain object.
+          if (value.$$typeof === REACT_ELEMENT_TYPE) {
+            error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_LAZY_TYPE) {
+            error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+            error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (objectName(value) !== 'Object') {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+          } else if (!isSimpleObject(value)) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+          } else if (Object.getOwnPropertySymbols) {
+            var symbols = Object.getOwnPropertySymbols(value);
+
+            if (symbols.length > 0) {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-return]
+
+
+      return value;
+    }
+
+    if (typeof value === 'string') {
+      // TODO: Maybe too clever. If we support URL there's no similar trick.
+      if (value[value.length - 1] === 'Z') {
+        // Possibly a Date, whose toJSON automatically calls toISOString
+        // $FlowFixMe[incompatible-use]
+        var _originalValue = parent[key];
+
+        if (_originalValue instanceof Date) {
+          return serializeDateFromDateJSON(value);
+        }
+      }
+
+      return escapeStringValue(value);
+    }
+
+    if (typeof value === 'boolean') {
+      return value;
+    }
+
+    if (typeof value === 'number') {
+      return serializeNumber(value);
+    }
+
+    if (typeof value === 'undefined') {
+      return serializeUndefined();
+    }
+
+    if (typeof value === 'function') {
+      var metaData = knownServerReferences.get(value);
+
+      if (metaData !== undefined) {
+        var metaDataJSON = JSON.stringify(metaData, resolveToJSON);
+
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        } // The reference to this function came from the same client so we can pass it back.
+
+
+        var _refId = nextPartId++; // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+        formData.set(formFieldPrefix + _refId, metaDataJSON);
+        return serializeServerReferenceID(_refId);
+      }
+
+      throw new Error('Client Functions cannot be passed directly to Server Functions. ' + 'Only Functions passed from the Server can be passed back again.');
+    }
+
+    if (typeof value === 'symbol') {
+      // $FlowFixMe[incompatible-type] `description` might be undefined
+      var name = value.description;
+
+      if (Symbol.for(name) !== value) {
+        throw new Error('Only global symbols received from Symbol.for(...) can be passed to Server Functions. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+        value.description + ") cannot be found among global symbols."));
+      }
+
+      return serializeSymbolReference(name);
+    }
+
+    if (typeof value === 'bigint') {
+      return serializeBigInt(value);
+    }
+
+    throw new Error("Type " + typeof value + " is not supported as an argument to a Server Function.");
+  } // $FlowFixMe[incompatible-type] it's not going to be undefined because we'll encode it.
+
+
+  var json = JSON.stringify(root, resolveToJSON);
+
+  if (formData === null) {
+    // If it's a simple data structure, we just use plain JSON.
+    resolve(json);
+  } else {
+    // Otherwise, we use FormData to let us stream in the result.
+    formData.set(formFieldPrefix + '0', json);
+
+    if (pendingParts === 0) {
+      // $FlowFixMe[incompatible-call] this has already been refined.
+      resolve(formData);
+    }
+  }
+}
+var boundCache = new WeakMap();
+
+function encodeFormData(reference) {
+  var resolve, reject; // We need to have a handle on the thenable so that we can synchronously set
+  // its status from processReply, when it can complete synchronously.
+
+  var thenable = new Promise(function (res, rej) {
+    resolve = res;
+    reject = rej;
+  });
+  processReply(reference, '', function (body) {
+    if (typeof body === 'string') {
+      var data = new FormData();
+      data.append('0', body);
+      body = data;
+    }
+
+    var fulfilled = thenable;
+    fulfilled.status = 'fulfilled';
+    fulfilled.value = body;
+    resolve(body);
+  }, function (e) {
+    var rejected = thenable;
+    rejected.status = 'rejected';
+    rejected.reason = e;
+    reject(e);
+  });
+  return thenable;
+}
+
+function encodeFormAction(identifierPrefix) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var data = null;
+  var name;
+  var boundPromise = reference.bound;
+
+  if (boundPromise !== null) {
+    var thenable = boundCache.get(reference);
+
+    if (!thenable) {
+      thenable = encodeFormData(reference);
+      boundCache.set(reference, thenable);
+    }
+
+    if (thenable.status === 'rejected') {
+      throw thenable.reason;
+    } else if (thenable.status !== 'fulfilled') {
+      throw thenable;
+    }
+
+    var encodedFormData = thenable.value; // This is hacky but we need the identifier prefix to be added to
+    // all fields but the suspense cache would break since we might get
+    // a new identifier each time. So we just append it at the end instead.
+
+    var prefixedData = new FormData(); // $FlowFixMe[prop-missing]
+
+    encodedFormData.forEach(function (value, key) {
+      prefixedData.append('$ACTION_' + identifierPrefix + ':' + key, value);
+    });
+    data = prefixedData; // We encode the name of the prefix containing the data.
+
+    name = '$ACTION_REF_' + identifierPrefix;
+  } else {
+    // This is the simple case so we can just encode the ID.
+    name = '$ACTION_ID_' + reference.id;
+  }
+
+  return {
+    name: name,
+    method: 'POST',
+    encType: 'multipart/form-data',
+    data: data
+  };
+}
+
+function isSignatureEqual(referenceId, numberOfBoundArgs) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  if (reference.id !== referenceId) {
+    // These are different functions.
+    return false;
+  } // Now check if the number of bound arguments is the same.
+
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    // No bound arguments.
+    return numberOfBoundArgs === 0;
+  } // Unwrap the bound arguments array by suspending, if necessary. As with
+  // encodeFormData, this means isSignatureEqual can only be called while React
+  // is rendering.
+
+
+  switch (boundPromise.status) {
+    case 'fulfilled':
+      {
+        var boundArgs = boundPromise.value;
+        return boundArgs.length === numberOfBoundArgs;
+      }
+
+    case 'pending':
+      {
+        throw boundPromise;
+      }
+
+    case 'rejected':
+      {
+        throw boundPromise.reason;
+      }
+
+    default:
+      {
+        if (typeof boundPromise.status === 'string') ; else {
+          var pendingThenable = boundPromise;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (boundArgs) {
+            var fulfilledThenable = boundPromise;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = boundArgs;
+          }, function (error) {
+            var rejectedThenable = boundPromise;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          });
+        }
+
+        throw boundPromise;
+      }
+  }
+}
+
+function registerServerReference(proxy, reference) {
+  // Expose encoder for use by SSR, as well as a special bind that can be used to
+  // keep server capabilities.
+  {
+    // Only expose this in builds that would actually use it. Not needed on the client.
+    Object.defineProperties(proxy, {
+      $$FORM_ACTION: {
+        value: encodeFormAction
+      },
+      $$IS_SIGNATURE_EQUAL: {
+        value: isSignatureEqual
+      },
+      bind: {
+        value: bind
+      }
+    });
+  }
+
+  knownServerReferences.set(proxy, reference);
+} // $FlowFixMe[method-unbinding]
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+  var reference = knownServerReferences.get(this);
+
+  if (reference) {
+    var args = ArraySlice.call(arguments, 1);
+    var boundPromise = null;
+
+    if (reference.bound !== null) {
+      boundPromise = Promise.resolve(reference.bound).then(function (boundArgs) {
+        return boundArgs.concat(args);
+      });
+    } else {
+      boundPromise = Promise.resolve(args);
+    }
+
+    registerServerReference(newFn, {
+      id: reference.id,
+      bound: boundPromise
+    });
+  }
+
+  return newFn;
+}
+
+function createServerReference$1(id, callServer) {
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    return callServer(id, args);
+  };
+
+  registerServerReference(proxy, {
+    id: id,
+    bound: null
+  });
+  return proxy;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var ROW_ID = 0;
+var ROW_TAG = 1;
+var ROW_LENGTH = 2;
+var ROW_CHUNK_BY_NEWLINE = 3;
+var ROW_CHUNK_BY_LENGTH = 4;
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var RESOLVED_MODULE = 'resolved_module';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function readChunk(chunk) {
+  // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      return chunk.value;
+
+    case PENDING:
+    case BLOCKED:
+      // eslint-disable-next-line no-throw-literal
+      throw chunk;
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function createBlockedChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(BLOCKED, null, null, response);
+}
+
+function createErrorChunk(response, error) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(ERRORED, null, error, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function createResolvedModuleChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODULE, value, null, response);
+}
+
+function createInitializedTextChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function createInitializedBufferChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function resolveModuleChunk(chunk, value) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODULE;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    initializeModuleChunk(resolvedChunk);
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = parseModel(chunk._response, chunk.value);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+}
+
+function initializeModuleChunk(chunk) {
+  try {
+    var value = requireModule(chunk.value);
+    var initializedChunk = chunk;
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = value;
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function createElement(type, key, props) {
+  var element = {
+    // This tag allows us to uniquely identify this as a React Element
+    $$typeof: REACT_ELEMENT_TYPE,
+    // Built-in properties that belong on the element
+    type: type,
+    key: key,
+    ref: null,
+    props: props,
+    // Record the component responsible for creating this element.
+    _owner: null
+  };
+
+  {
+    // We don't really need to add any of these but keeping them for good measure.
+    // Unfortunately, _store is enumerable in jest matchers so for equality to
+    // work, I need to keep it or make _store non-enumerable in the other file.
+    element._store = {};
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: true // This element has already been validated on the server.
+
+    });
+    Object.defineProperty(element, '_self', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+    Object.defineProperty(element, '_source', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+  }
+
+  return element;
+}
+
+function createLazyChunkWrapper(chunk) {
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: chunk,
+    _init: readChunk
+  };
+  return lazyType;
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunk = createPendingChunk(response);
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function createServerReferenceProxy(response, metaData) {
+  var callServer = response._callServer;
+
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    var p = metaData.bound;
+
+    if (!p) {
+      return callServer(metaData.id, args);
+    }
+
+    if (p.status === INITIALIZED) {
+      var bound = p.value;
+      return callServer(metaData.id, bound.concat(args));
+    } // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+    // TODO: Remove the wrapper once that's fixed.
+
+
+    return Promise.resolve(p).then(function (bound) {
+      return callServer(metaData.id, bound.concat(args));
+    });
+  };
+
+  registerServerReference(proxy, metaData);
+  return proxy;
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      {
+        return chunk.value;
+      }
+    // We always encode it first in the stream so it won't be pending.
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    if (value === '$') {
+      // A very common symbol.
+      return REACT_ELEMENT_TYPE;
+    }
+
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case 'L':
+        {
+          // Lazy node
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
+          // When passed into React, we'll know how to suspend on this.
+
+          return createLazyChunkWrapper(chunk);
+        }
+
+      case '@':
+        {
+          // Promise
+          var _id = parseInt(value.slice(2), 16);
+
+          var _chunk = getChunk(response, _id);
+
+          return _chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'P':
+        {
+          // Server Context Provider
+          return getOrCreateServerContext(value.slice(2)).Provider;
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var metadata = getOutlinedModel(response, _id2);
+          return createServerReferenceProxy(response, metadata);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id3);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id4 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id4);
+
+          return new Set(_data);
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id5 = parseInt(value.slice(1), 16);
+
+          var _chunk2 = getChunk(response, _id5);
+
+          switch (_chunk2.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk2);
+              break;
+
+            case RESOLVED_MODULE:
+              initializeModuleChunk(_chunk2);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk2.status) {
+            case INITIALIZED:
+              return _chunk2.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk2.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk2.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function parseModelTuple(response, value) {
+  var tuple = value;
+
+  if (tuple[0] === REACT_ELEMENT_TYPE) {
+    // TODO: Consider having React just directly accept these arrays as elements.
+    // Or even change the ReactElement type to be an array.
+    return createElement(tuple[1], tuple[2], tuple[3]);
+  }
+
+  return value;
+}
+
+function missingCall() {
+  throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
+}
+
+function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _moduleLoading: moduleLoading,
+    _callServer: callServer !== undefined ? callServer : missingCall,
+    _nonce: nonce,
+    _chunks: chunks,
+    _stringDecoder: createStringDecoder(),
+    _fromJSON: null,
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: []
+  }; // Don't inline this call because it causes closure to outline the call above.
+
+  response._fromJSON = createFromJSONCallback(response);
+  return response;
+}
+
+function resolveModel(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createResolvedModelChunk(response, model));
+  } else {
+    resolveModelChunk(chunk, model);
+  }
+}
+
+function resolveText(response, id, text) {
+  var chunks = response._chunks; // We assume that we always reference large strings after they've been
+  // emitted.
+
+  chunks.set(id, createInitializedTextChunk(response, text));
+}
+
+function resolveBuffer(response, id, buffer) {
+  var chunks = response._chunks; // We assume that we always reference buffers after they've been emitted.
+
+  chunks.set(id, createInitializedBufferChunk(response, buffer));
+}
+
+function resolveModule(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+  var clientReferenceMetadata = parseModel(response, model);
+  var clientReference = resolveClientReference(response._bundlerConfig, clientReferenceMetadata);
+  prepareDestinationForModule(response._moduleLoading, response._nonce, clientReferenceMetadata); // TODO: Add an option to encode modules that are lazy loaded.
+  // For now we preload all modules as early as possible since it's likely
+  // that we'll need them.
+
+  var promise = preloadModule(clientReference);
+
+  if (promise) {
+    var blockedChunk;
+
+    if (!chunk) {
+      // Technically, we should just treat promise as the chunk in this
+      // case. Because it'll just behave as any other promise.
+      blockedChunk = createBlockedChunk(response);
+      chunks.set(id, blockedChunk);
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+    }
+
+    promise.then(function () {
+      return resolveModuleChunk(blockedChunk, clientReference);
+    }, function (error) {
+      return triggerErrorOnChunk(blockedChunk, error);
+    });
+  } else {
+    if (!chunk) {
+      chunks.set(id, createResolvedModuleChunk(response, clientReference));
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      resolveModuleChunk(chunk, clientReference);
+    }
+  }
+}
+
+function resolveErrorDev(response, id, digest, message, stack) {
+
+
+  var error = new Error(message || 'An error occurred in the Server Components render but no message was provided');
+  error.stack = stack;
+  error.digest = digest;
+  var errorWithDigest = error;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, errorWithDigest));
+  } else {
+    triggerErrorOnChunk(chunk, errorWithDigest);
+  }
+}
+
+function resolvePostponeDev(response, id, reason, stack) {
+
+
+  var error = new Error(reason || '');
+  var postponeInstance = error;
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  postponeInstance.stack = stack;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, postponeInstance));
+  } else {
+    triggerErrorOnChunk(chunk, postponeInstance);
+  }
+}
+
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
+
+function mergeBuffer(buffer, lastChunk) {
+  var l = buffer.length; // Count the bytes we'll need
+
+  var byteLength = lastChunk.length;
+
+  for (var i = 0; i < l; i++) {
+    byteLength += buffer[i].byteLength;
+  } // Allocate enough contiguous space
+
+
+  var result = new Uint8Array(byteLength);
+  var offset = 0; // Copy all the buffers into it.
+
+  for (var _i = 0; _i < l; _i++) {
+    var chunk = buffer[_i];
+    result.set(chunk, offset);
+    offset += chunk.byteLength;
+  }
+
+  result.set(lastChunk, offset);
+  return result;
+}
+
+function resolveTypedArray(response, id, buffer, lastChunk, constructor, bytesPerElement) {
+  // If the view fits into one original buffer, we just reuse that buffer instead of
+  // copying it out to a separate copy. This means that it's not always possible to
+  // transfer these values to other threads without copying first since they may
+  // share array buffer. For this to work, it must also have bytes aligned to a
+  // multiple of a size of the type.
+  var chunk = buffer.length === 0 && lastChunk.byteOffset % bytesPerElement === 0 ? lastChunk : mergeBuffer(buffer, lastChunk); // TODO: The transfer protocol of RSC is little-endian. If the client isn't little-endian
+  // we should convert it instead. In practice big endian isn't really Web compatible so it's
+  // somewhat safe to assume that browsers aren't going to run it, but maybe there's some SSR
+  // server that's affected.
+
+  var view = new constructor(chunk.buffer, chunk.byteOffset, chunk.byteLength / bytesPerElement);
+  resolveBuffer(response, id, view);
+}
+
+function processFullRow(response, id, tag, buffer, chunk) {
+  {
+    switch (tag) {
+      case 65
+      /* "A" */
+      :
+        // We must always clone to extract it into a separate buffer instead of just a view.
+        resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
+        return;
+
+      case 67
+      /* "C" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int8Array, 1);
+        return;
+
+      case 99
+      /* "c" */
+      :
+        resolveBuffer(response, id, buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk));
+        return;
+
+      case 85
+      /* "U" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint8ClampedArray, 1);
+        return;
+
+      case 83
+      /* "S" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int16Array, 2);
+        return;
+
+      case 115
+      /* "s" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint16Array, 2);
+        return;
+
+      case 76
+      /* "L" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int32Array, 4);
+        return;
+
+      case 108
+      /* "l" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint32Array, 4);
+        return;
+
+      case 70
+      /* "F" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
+        return;
+
+      case 68
+      /* "D" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
+        return;
+
+      case 78
+      /* "N" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigInt64Array, 8);
+        return;
+
+      case 109
+      /* "m" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigUint64Array, 8);
+        return;
+
+      case 86
+      /* "V" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, DataView, 1);
+        return;
+    }
+  }
+
+  var stringDecoder = response._stringDecoder;
+  var row = '';
+
+  for (var i = 0; i < buffer.length; i++) {
+    row += readPartialStringChunk(stringDecoder, buffer[i]);
+  }
+
+  row += readFinalStringChunk(stringDecoder, chunk);
+
+  switch (tag) {
+    case 73
+    /* "I" */
+    :
+      {
+        resolveModule(response, id, row);
+        return;
+      }
+
+    case 72
+    /* "H" */
+    :
+      {
+        var code = row[0];
+        resolveHint(response, code, row.slice(1));
+        return;
+      }
+
+    case 69
+    /* "E" */
+    :
+      {
+        var errorInfo = JSON.parse(row);
+
+        {
+          resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
+        }
+
+        return;
+      }
+
+    case 84
+    /* "T" */
+    :
+      {
+        resolveText(response, id, row);
+        return;
+      }
+
+    case 80
+    /* "P" */
+    :
+      {
+        {
+          {
+            var postponeInfo = JSON.parse(row);
+            resolvePostponeDev(response, id, postponeInfo.reason, postponeInfo.stack);
+          }
+
+          return;
+        }
+      }
+    // Fallthrough
+
+    default:
+      /* """ "{" "[" "t" "f" "n" "0" - "9" */
+      {
+        // We assume anything else is JSON.
+        resolveModel(response, id, row);
+        return;
+      }
+  }
+}
+
+function processBinaryChunk(response, chunk) {
+  var i = 0;
+  var rowState = response._rowState;
+  var rowID = response._rowID;
+  var rowTag = response._rowTag;
+  var rowLength = response._rowLength;
+  var buffer = response._buffer;
+  var chunkLength = chunk.length;
+
+  while (i < chunkLength) {
+    var lastIdx = -1;
+
+    switch (rowState) {
+      case ROW_ID:
+        {
+          var byte = chunk[i++];
+
+          if (byte === 58
+          /* ":" */
+          ) {
+              // Finished the rowID, next we'll parse the tag.
+              rowState = ROW_TAG;
+            } else {
+            rowID = rowID << 4 | (byte > 96 ? byte - 87 : byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_TAG:
+        {
+          var resolvedRowTag = chunk[i];
+
+          if (resolvedRowTag === 84
+          /* "T" */
+          || (resolvedRowTag === 65
+          /* "A" */
+          || resolvedRowTag === 67
+          /* "C" */
+          || resolvedRowTag === 99
+          /* "c" */
+          || resolvedRowTag === 85
+          /* "U" */
+          || resolvedRowTag === 83
+          /* "S" */
+          || resolvedRowTag === 115
+          /* "s" */
+          || resolvedRowTag === 76
+          /* "L" */
+          || resolvedRowTag === 108
+          /* "l" */
+          || resolvedRowTag === 70
+          /* "F" */
+          || resolvedRowTag === 68
+          /* "D" */
+          || resolvedRowTag === 78
+          /* "N" */
+          || resolvedRowTag === 109
+          /* "m" */
+          || resolvedRowTag === 86)
+          /* "V" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_LENGTH;
+              i++;
+            } else if (resolvedRowTag > 64 && resolvedRowTag < 91
+          /* "A"-"Z" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_CHUNK_BY_NEWLINE;
+              i++;
+            } else {
+            rowTag = 0;
+            rowState = ROW_CHUNK_BY_NEWLINE; // This was an unknown tag so it was probably part of the data.
+          }
+
+          continue;
+        }
+
+      case ROW_LENGTH:
+        {
+          var _byte = chunk[i++];
+
+          if (_byte === 44
+          /* "," */
+          ) {
+              // Finished the rowLength, next we'll buffer up to that length.
+              rowState = ROW_CHUNK_BY_LENGTH;
+            } else {
+            rowLength = rowLength << 4 | (_byte > 96 ? _byte - 87 : _byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_CHUNK_BY_NEWLINE:
+        {
+          // We're looking for a newline
+          lastIdx = chunk.indexOf(10
+          /* "\n" */
+          , i);
+          break;
+        }
+
+      case ROW_CHUNK_BY_LENGTH:
+        {
+          // We're looking for the remaining byte length
+          lastIdx = i + rowLength;
+
+          if (lastIdx > chunk.length) {
+            lastIdx = -1;
+          }
+
+          break;
+        }
+    }
+
+    var offset = chunk.byteOffset + i;
+
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      var length = lastIdx - i;
+      var lastChunk = new Uint8Array(chunk.buffer, offset, length);
+      processFullRow(response, rowID, rowTag, buffer, lastChunk); // Reset state machine for a new row
+
+      i = lastIdx;
+
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else {
+      // The rest of this row is in a future chunk. We stash the rest of the
+      // current chunk until we can process the full row.
+      var _length = chunk.byteLength - i;
+
+      var remainingSlice = new Uint8Array(chunk.buffer, offset, _length);
+      buffer.push(remainingSlice); // Update how many bytes we're still waiting for. If we're looking for
+      // a newline, this doesn't hurt since we'll just ignore it.
+
+      rowLength -= remainingSlice.byteLength;
+      break;
+    }
+  }
+
+  response._rowState = rowState;
+  response._rowID = rowID;
+  response._rowTag = rowTag;
+  response._rowLength = rowLength;
+}
+
+function parseModel(response, json) {
+  return JSON.parse(json, response._fromJSON);
+}
+
+function createFromJSONCallback(response) {
+  // $FlowFixMe[missing-this-annot]
+  return function (key, value) {
+    if (typeof value === 'string') {
+      // We can't use .bind here because we need the "this" value.
+      return parseModelString(response, this, key, value);
+    }
+
+    if (typeof value === 'object' && value !== null) {
+      return parseModelTuple(response, value);
+    }
+
+    return value;
+  };
+}
+
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function noServerCall() {
+  throw new Error('Server Functions cannot be called during initial render. ' + 'This would create a fetch waterfall. Try to use a Server Component ' + 'to pass data to Client Components instead.');
+}
+
+function createServerReference(id, callServer) {
+  return createServerReference$1(id, noServerCall);
+}
+
+function createFromNodeStream(stream, ssrManifest, options) {
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  stream.on('data', function (chunk) {
+    processBinaryChunk(response, chunk);
+  });
+  stream.on('error', function (error) {
+    reportGlobalError(response, error);
+  });
+  stream.on('end', function () {
+    return close(response);
+  });
+  return getRoot(response);
+}
+
+exports.createFromNodeStream = createFromNodeStream;
+exports.createServerReference = createServerReference;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js
new file mode 100644
index 0000000000000..fce8b904731e3
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js
@@ -0,0 +1,43 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.node.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
+function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
+function A(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=w.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=w.set.bind(w,e,null);g.then(f,y);w.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
+function aa(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=B.current;if(g){var f=g.preinitScript,k=a.prefix+b[d];var l=a.crossOrigin;l="string"===typeof l?"use-credentials"===l?l:"":void 0;f.call(g,k,{crossOrigin:l,nonce:e})}}}
+var B=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),ba=Symbol.for("react.provider"),ca=Symbol.for("react.server_context"),da=Symbol.for("react.lazy"),D=Symbol.for("react.default_value"),ea=Symbol.for("react.postpone"),E=Symbol.iterator;function fa(a){if(null===a||"object"!==typeof a)return null;a=E&&a[E]||a["@@iterator"];return"function"===typeof a?a:null}var ha=Array.isArray,G=new WeakMap;
+function ia(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ja(a,b,c,d){function e(l,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===k&&(k=new FormData);f++;var t=g++;h.then(function(p){p=JSON.stringify(p,e);var z=k;z.append(b+t,p);f--;0===f&&c(z)},function(p){d(p)});return"$@"+t.toString(16)}if(h instanceof FormData){null===k&&(k=new FormData);var F=k;l=g++;var m=b+l+"_";h.forEach(function(p,z){F.append(m+z,p)});return"$K"+l.toString(16)}return h instanceof Map?(h=JSON.stringify(Array.from(h),e),null===k&&
+(k=new FormData),l=g++,k.append(b+l,h),"$Q"+l.toString(16)):h instanceof Set?(h=JSON.stringify(Array.from(h),e),null===k&&(k=new FormData),l=g++,k.append(b+l,h),"$W"+l.toString(16)):!ha(h)&&fa(h)?Array.from(h):h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[l]instanceof Date)return"$D"+h;h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ia(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=G.get(h);if(void 0!==h)return h=JSON.stringify(h,
+e),null===k&&(k=new FormData),l=g++,k.set(b+l,h),"$F"+l.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){l=h.description;if(Symbol.for(l)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(h.description+") cannot be found among global symbols."));return"$S"+l}if("bigint"===typeof h)return"$n"+
+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,k=null;a=JSON.stringify(a,e);null===k?c(a):(k.set(b+"0",a),0===f&&c(k))}var H=new WeakMap;function ka(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ja(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function la(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=H.get(b);c||(c=ka(b),H.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function ma(a,b){var c=G.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:la},$$IS_SIGNATURE_EQUAL:{value:ma},bind:{value:na}});G.set(a,b)}var oa=Function.prototype.bind,pa=Array.prototype.slice;function na(){var a=oa.apply(this,arguments),b=G.get(this);if(b){var c=pa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);I(a,{id:b.id,bound:d})}return a}
+function qa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}I(c,{id:a,bound:null});return c}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);
+K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ra(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
+function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
+function L(a){var b=R,c=S;R=a;S=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==S&&0<S.deps?(S.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{R=b,S=c}}
+function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
+function sa(a,b,c){if(S){var d=S;d.deps++}else d=S={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&N(e,d.value))}}function ta(a){return function(b){return P(a,b)}}
+function ua(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function va(a,b,c,d){if("$"===d[0]){if("$"===d)return C;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:da,_payload:a,_init:ra};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),J[a]||(b={$$typeof:ca,_currentValue:D,_currentValue2:D,_defaultValue:D,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ba,_context:b},J[a]=b),J[a].Provider;case "F":return b=
+parseInt(d.slice(2),16),b=V(a,b),ua(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
+case "pending":case "blocked":return d=R,a.then(sa(d,b,c),ta(d)),null;default:throw a.reason;}}}return d}function wa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function xa(a,b,c,d){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:wa,_nonce:d,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ya(a);return a}
+function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}function za(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=v(a._bundlerConfig,c);aa(a._moduleLoading,c[1],a._nonce);if(c=A(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(k){return P(f,k)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
+function X(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function Y(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:X(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);W(a,b,e)}
+function Aa(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 68:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,BigUint64Array,
+8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",k=0;k<d.length;k++)f+=g.decode(d[k],u);f+=g.decode(e);switch(c){case 73:za(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=B.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=ea;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
+"resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function ya(a){return function(b,c){return"string"===typeof c?va(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,c){var d=xa(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,k=d._rowID,l=d._rowTag,h=d._rowLength,t=d._buffer,F=e.length;g<F;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(l=f,f=2,g++):64<f&&91>f?(l=f,f=3,g++):(l=0,f=3);
+continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),Aa(d,k,l,t,h),g=m,3===f&&g++,h=k=l=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);t.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=k;d._rowTag=l;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,0)};
+exports.createServerReference=function(a){return qa(a,Z)};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js
new file mode 100644
index 0000000000000..52336142043da
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js
@@ -0,0 +1,2370 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.node.unbundled.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var util = require('util');
+var ReactDOM = require('react-dom');
+var React = require('react');
+
+function createStringDecoder() {
+  return new util.TextDecoder();
+}
+var decoderOptions = {
+  stream: true
+};
+function readPartialStringChunk(decoder, buffer) {
+  return decoder.decode(buffer, decoderOptions);
+}
+function readFinalStringChunk(decoder, buffer) {
+  return decoder.decode(buffer);
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+// The reason this function needs to defined here in this file instead of just
+// being exported directly from the WebpackDestination... file is because the
+// ClientReferenceMetadata is opaque and we can't unwrap it there.
+// This should get inlined and we could also just implement an unwrapping function
+// though that risks it getting used in places it shouldn't be. This is unfortunate
+// but currently it seems to be the best option we have.
+
+function prepareDestinationForModule(moduleLoading, nonce, metadata) {
+  prepareDestinationWithChunks(moduleLoading, metadata[CHUNKS], nonce);
+}
+function resolveClientReference(bundlerConfig, metadata) {
+  var moduleExports = bundlerConfig[metadata[ID]];
+  var resolvedModuleData = moduleExports[metadata[NAME]];
+  var name;
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // If we don't have this specific name, we might have the full module.
+    resolvedModuleData = moduleExports['*'];
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + metadata[ID] + '" in the React SSR Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+
+    name = metadata[NAME];
+  }
+
+  return {
+    specifier: resolvedModuleData.specifier,
+    name: name,
+    async: isAsyncImport(metadata)
+  };
+}
+var asyncModuleCache = new Map();
+function preloadModule(metadata) {
+  var existingPromise = asyncModuleCache.get(metadata.specifier);
+
+  if (existingPromise) {
+    if (existingPromise.status === 'fulfilled') {
+      return null;
+    }
+
+    return existingPromise;
+  } else {
+    // $FlowFixMe[unsupported-syntax]
+    var modulePromise = import(metadata.specifier);
+
+    if (metadata.async) {
+      // If the module is async, it must have been a CJS module.
+      // CJS modules are accessed through the default export in
+      // Node.js so we have to get the default export to get the
+      // full module exports.
+      modulePromise = modulePromise.then(function (value) {
+        return value.default;
+      });
+    }
+
+    modulePromise.then(function (value) {
+      var fulfilledThenable = modulePromise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = modulePromise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    asyncModuleCache.set(metadata.specifier, modulePromise);
+    return modulePromise;
+  }
+}
+function requireModule(metadata) {
+  var moduleExports; // We assume that preloadModule has been called before, which
+  // should have added something to the module cache.
+
+  var promise = asyncModuleCache.get(metadata.specifier);
+
+  if (promise.status === 'fulfilled') {
+    moduleExports = promise.value;
+  } else {
+    throw promise.reason;
+  }
+
+  if (metadata.name === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata.name === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.default;
+  }
+
+  return moduleExports[metadata.name];
+}
+
+function prepareDestinationWithChunks(moduleLoading, // Chunks are single-indexed filenames
+chunks, nonce) {
+  if (moduleLoading !== null) {
+    for (var i = 0; i < chunks.length; i++) {
+      preinitScriptForSSR(moduleLoading.prefix + chunks[i], nonce, moduleLoading.crossOrigin);
+    }
+  }
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+// This client file is in the shared folder because it applies to both SSR and browser contexts.
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function dispatchHint(code, model) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    switch (code) {
+      case 'D':
+        {
+          var refined = refineModel(code, model);
+          var href = refined;
+          dispatcher.prefetchDNS(href);
+          return;
+        }
+
+      case 'C':
+        {
+          var _refined = refineModel(code, model);
+
+          if (typeof _refined === 'string') {
+            var _href = _refined;
+            dispatcher.preconnect(_href);
+          } else {
+            var _href2 = _refined[0];
+            var crossOrigin = _refined[1];
+            dispatcher.preconnect(_href2, crossOrigin);
+          }
+
+          return;
+        }
+
+      case 'L':
+        {
+          var _refined2 = refineModel(code, model);
+
+          var _href3 = _refined2[0];
+          var as = _refined2[1];
+
+          if (_refined2.length === 3) {
+            var options = _refined2[2];
+            dispatcher.preload(_href3, as, options);
+          } else {
+            dispatcher.preload(_href3, as);
+          }
+
+          return;
+        }
+
+      case 'm':
+        {
+          var _refined3 = refineModel(code, model);
+
+          if (typeof _refined3 === 'string') {
+            var _href4 = _refined3;
+            dispatcher.preloadModule(_href4);
+          } else {
+            var _href5 = _refined3[0];
+            var _options = _refined3[1];
+            dispatcher.preloadModule(_href5, _options);
+          }
+
+          return;
+        }
+
+      case 'S':
+        {
+          var _refined4 = refineModel(code, model);
+
+          if (typeof _refined4 === 'string') {
+            var _href6 = _refined4;
+            dispatcher.preinitStyle(_href6);
+          } else {
+            var _href7 = _refined4[0];
+            var precedence = _refined4[1] === 0 ? undefined : _refined4[1];
+
+            var _options2 = _refined4.length === 3 ? _refined4[2] : undefined;
+
+            dispatcher.preinitStyle(_href7, precedence, _options2);
+          }
+
+          return;
+        }
+
+      case 'X':
+        {
+          var _refined5 = refineModel(code, model);
+
+          if (typeof _refined5 === 'string') {
+            var _href8 = _refined5;
+            dispatcher.preinitScript(_href8);
+          } else {
+            var _href9 = _refined5[0];
+            var _options3 = _refined5[1];
+            dispatcher.preinitScript(_href9, _options3);
+          }
+
+          return;
+        }
+
+      case 'M':
+        {
+          var _refined6 = refineModel(code, model);
+
+          if (typeof _refined6 === 'string') {
+            var _href10 = _refined6;
+            dispatcher.preinitModuleScript(_href10);
+          } else {
+            var _href11 = _refined6[0];
+            var _options4 = _refined6[1];
+            dispatcher.preinitModuleScript(_href11, _options4);
+          }
+
+          return;
+        }
+    }
+  }
+} // Flow is having troulbe refining the HintModels so we help it a bit.
+// This should be compiled out in the production build.
+
+function refineModel(code, model) {
+  return model;
+}
+function preinitScriptForSSR(href, nonce, crossOrigin) {
+  var dispatcher = ReactDOMCurrentDispatcher.current;
+
+  if (dispatcher) {
+    dispatcher.preinitScript(href, {
+      crossOrigin: getCrossOriginString(crossOrigin),
+      nonce: nonce
+    });
+  }
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var knownServerReferences = new WeakMap(); // Serializable values
+// Thenable<ReactServerValue>
+// function serializeByValueID(id: number): string {
+//   return '$' + id.toString(16);
+// }
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeFormDataReference(id) {
+  // Why K? F is "Function". D is "Date". What else?
+  return '$K' + id.toString(16);
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeMapID(id) {
+  return '$Q' + id.toString(16);
+}
+
+function serializeSetID(id) {
+  return '$W' + id.toString(16);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+function processReply(root, formFieldPrefix, resolve, reject) {
+  var nextPartId = 1;
+  var pendingParts = 0;
+  var formData = null;
+
+  function resolveToJSON(key, value) {
+    var parent = this; // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+
+    {
+      // $FlowFixMe[incompatible-use]
+      var originalValue = parent[key];
+
+      if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+        if (objectName(originalValue) !== 'Object') {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Server Functions from the Client. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+        }
+      }
+    }
+
+    if (value === null) {
+      return null;
+    }
+
+    if (typeof value === 'object') {
+      // $FlowFixMe[method-unbinding]
+      if (typeof value.then === 'function') {
+        // We assume that any object with a .then property is a "Thenable" type,
+        // or a Promise type. Either of which can be represented by a Promise.
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        }
+
+        pendingParts++;
+        var promiseId = nextPartId++;
+        var thenable = value;
+        thenable.then(function (partValue) {
+          var partJSON = JSON.stringify(partValue, resolveToJSON); // $FlowFixMe[incompatible-type] We know it's not null because we assigned it above.
+
+          var data = formData; // eslint-disable-next-line react-internal/safe-string-coercion
+
+          data.append(formFieldPrefix + promiseId, partJSON);
+          pendingParts--;
+
+          if (pendingParts === 0) {
+            resolve(data);
+          }
+        }, function (reason) {
+          // In the future we could consider serializing this as an error
+          // that throws on the server instead.
+          reject(reason);
+        });
+        return serializePromiseID(promiseId);
+      } // TODO: Should we the Object.prototype.toString.call() to test for cross-realm objects?
+
+
+      if (value instanceof FormData) {
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to use rich objects as its values.
+          formData = new FormData();
+        }
+
+        var data = formData;
+        var refId = nextPartId++; // Copy all the form fields with a prefix for this reference.
+        // These must come first in the form order because we assume that all the
+        // fields are available before this is referenced.
+
+        var prefix = formFieldPrefix + refId + '_'; // $FlowFixMe[prop-missing]: FormData has forEach.
+
+        value.forEach(function (originalValue, originalKey) {
+          data.append(prefix + originalKey, originalValue);
+        });
+        return serializeFormDataReference(refId);
+      }
+
+      if (value instanceof Map) {
+        var partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var mapId = nextPartId++;
+        formData.append(formFieldPrefix + mapId, partJSON);
+        return serializeMapID(mapId);
+      }
+
+      if (value instanceof Set) {
+        var _partJSON = JSON.stringify(Array.from(value), resolveToJSON);
+
+        if (formData === null) {
+          formData = new FormData();
+        }
+
+        var setId = nextPartId++;
+        formData.append(formFieldPrefix + setId, _partJSON);
+        return serializeSetID(setId);
+      }
+
+      if (!isArray(value)) {
+        var iteratorFn = getIteratorFn(value);
+
+        if (iteratorFn) {
+          return Array.from(value);
+        }
+      }
+
+      {
+        if (value !== null && !isArray(value)) {
+          // Verify that this is a simple plain object.
+          if (value.$$typeof === REACT_ELEMENT_TYPE) {
+            error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_LAZY_TYPE) {
+            error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+            error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
+          } else if (objectName(value) !== 'Object') {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+          } else if (!isSimpleObject(value)) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+          } else if (Object.getOwnPropertySymbols) {
+            var symbols = Object.getOwnPropertySymbols(value);
+
+            if (symbols.length > 0) {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-return]
+
+
+      return value;
+    }
+
+    if (typeof value === 'string') {
+      // TODO: Maybe too clever. If we support URL there's no similar trick.
+      if (value[value.length - 1] === 'Z') {
+        // Possibly a Date, whose toJSON automatically calls toISOString
+        // $FlowFixMe[incompatible-use]
+        var _originalValue = parent[key];
+
+        if (_originalValue instanceof Date) {
+          return serializeDateFromDateJSON(value);
+        }
+      }
+
+      return escapeStringValue(value);
+    }
+
+    if (typeof value === 'boolean') {
+      return value;
+    }
+
+    if (typeof value === 'number') {
+      return serializeNumber(value);
+    }
+
+    if (typeof value === 'undefined') {
+      return serializeUndefined();
+    }
+
+    if (typeof value === 'function') {
+      var metaData = knownServerReferences.get(value);
+
+      if (metaData !== undefined) {
+        var metaDataJSON = JSON.stringify(metaData, resolveToJSON);
+
+        if (formData === null) {
+          // Upgrade to use FormData to allow us to stream this value.
+          formData = new FormData();
+        } // The reference to this function came from the same client so we can pass it back.
+
+
+        var _refId = nextPartId++; // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+        formData.set(formFieldPrefix + _refId, metaDataJSON);
+        return serializeServerReferenceID(_refId);
+      }
+
+      throw new Error('Client Functions cannot be passed directly to Server Functions. ' + 'Only Functions passed from the Server can be passed back again.');
+    }
+
+    if (typeof value === 'symbol') {
+      // $FlowFixMe[incompatible-type] `description` might be undefined
+      var name = value.description;
+
+      if (Symbol.for(name) !== value) {
+        throw new Error('Only global symbols received from Symbol.for(...) can be passed to Server Functions. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+        value.description + ") cannot be found among global symbols."));
+      }
+
+      return serializeSymbolReference(name);
+    }
+
+    if (typeof value === 'bigint') {
+      return serializeBigInt(value);
+    }
+
+    throw new Error("Type " + typeof value + " is not supported as an argument to a Server Function.");
+  } // $FlowFixMe[incompatible-type] it's not going to be undefined because we'll encode it.
+
+
+  var json = JSON.stringify(root, resolveToJSON);
+
+  if (formData === null) {
+    // If it's a simple data structure, we just use plain JSON.
+    resolve(json);
+  } else {
+    // Otherwise, we use FormData to let us stream in the result.
+    formData.set(formFieldPrefix + '0', json);
+
+    if (pendingParts === 0) {
+      // $FlowFixMe[incompatible-call] this has already been refined.
+      resolve(formData);
+    }
+  }
+}
+var boundCache = new WeakMap();
+
+function encodeFormData(reference) {
+  var resolve, reject; // We need to have a handle on the thenable so that we can synchronously set
+  // its status from processReply, when it can complete synchronously.
+
+  var thenable = new Promise(function (res, rej) {
+    resolve = res;
+    reject = rej;
+  });
+  processReply(reference, '', function (body) {
+    if (typeof body === 'string') {
+      var data = new FormData();
+      data.append('0', body);
+      body = data;
+    }
+
+    var fulfilled = thenable;
+    fulfilled.status = 'fulfilled';
+    fulfilled.value = body;
+    resolve(body);
+  }, function (e) {
+    var rejected = thenable;
+    rejected.status = 'rejected';
+    rejected.reason = e;
+    reject(e);
+  });
+  return thenable;
+}
+
+function encodeFormAction(identifierPrefix) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var data = null;
+  var name;
+  var boundPromise = reference.bound;
+
+  if (boundPromise !== null) {
+    var thenable = boundCache.get(reference);
+
+    if (!thenable) {
+      thenable = encodeFormData(reference);
+      boundCache.set(reference, thenable);
+    }
+
+    if (thenable.status === 'rejected') {
+      throw thenable.reason;
+    } else if (thenable.status !== 'fulfilled') {
+      throw thenable;
+    }
+
+    var encodedFormData = thenable.value; // This is hacky but we need the identifier prefix to be added to
+    // all fields but the suspense cache would break since we might get
+    // a new identifier each time. So we just append it at the end instead.
+
+    var prefixedData = new FormData(); // $FlowFixMe[prop-missing]
+
+    encodedFormData.forEach(function (value, key) {
+      prefixedData.append('$ACTION_' + identifierPrefix + ':' + key, value);
+    });
+    data = prefixedData; // We encode the name of the prefix containing the data.
+
+    name = '$ACTION_REF_' + identifierPrefix;
+  } else {
+    // This is the simple case so we can just encode the ID.
+    name = '$ACTION_ID_' + reference.id;
+  }
+
+  return {
+    name: name,
+    method: 'POST',
+    encType: 'multipart/form-data',
+    data: data
+  };
+}
+
+function isSignatureEqual(referenceId, numberOfBoundArgs) {
+  var reference = knownServerReferences.get(this);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  if (reference.id !== referenceId) {
+    // These are different functions.
+    return false;
+  } // Now check if the number of bound arguments is the same.
+
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    // No bound arguments.
+    return numberOfBoundArgs === 0;
+  } // Unwrap the bound arguments array by suspending, if necessary. As with
+  // encodeFormData, this means isSignatureEqual can only be called while React
+  // is rendering.
+
+
+  switch (boundPromise.status) {
+    case 'fulfilled':
+      {
+        var boundArgs = boundPromise.value;
+        return boundArgs.length === numberOfBoundArgs;
+      }
+
+    case 'pending':
+      {
+        throw boundPromise;
+      }
+
+    case 'rejected':
+      {
+        throw boundPromise.reason;
+      }
+
+    default:
+      {
+        if (typeof boundPromise.status === 'string') ; else {
+          var pendingThenable = boundPromise;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (boundArgs) {
+            var fulfilledThenable = boundPromise;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = boundArgs;
+          }, function (error) {
+            var rejectedThenable = boundPromise;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          });
+        }
+
+        throw boundPromise;
+      }
+  }
+}
+
+function registerServerReference(proxy, reference) {
+  // Expose encoder for use by SSR, as well as a special bind that can be used to
+  // keep server capabilities.
+  {
+    // Only expose this in builds that would actually use it. Not needed on the client.
+    Object.defineProperties(proxy, {
+      $$FORM_ACTION: {
+        value: encodeFormAction
+      },
+      $$IS_SIGNATURE_EQUAL: {
+        value: isSignatureEqual
+      },
+      bind: {
+        value: bind
+      }
+    });
+  }
+
+  knownServerReferences.set(proxy, reference);
+} // $FlowFixMe[method-unbinding]
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+  var reference = knownServerReferences.get(this);
+
+  if (reference) {
+    var args = ArraySlice.call(arguments, 1);
+    var boundPromise = null;
+
+    if (reference.bound !== null) {
+      boundPromise = Promise.resolve(reference.bound).then(function (boundArgs) {
+        return boundArgs.concat(args);
+      });
+    } else {
+      boundPromise = Promise.resolve(args);
+    }
+
+    registerServerReference(newFn, {
+      id: reference.id,
+      bound: boundPromise
+    });
+  }
+
+  return newFn;
+}
+
+function createServerReference$1(id, callServer) {
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    return callServer(id, args);
+  };
+
+  registerServerReference(proxy, {
+    id: id,
+    bound: null
+  });
+  return proxy;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var ROW_ID = 0;
+var ROW_TAG = 1;
+var ROW_LENGTH = 2;
+var ROW_CHUNK_BY_NEWLINE = 3;
+var ROW_CHUNK_BY_LENGTH = 4;
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var RESOLVED_MODULE = 'resolved_module';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function readChunk(chunk) {
+  // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+
+    case RESOLVED_MODULE:
+      initializeModuleChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      return chunk.value;
+
+    case PENDING:
+    case BLOCKED:
+      // eslint-disable-next-line no-throw-literal
+      throw chunk;
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function createBlockedChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(BLOCKED, null, null, response);
+}
+
+function createErrorChunk(response, error) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(ERRORED, null, error, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function createResolvedModuleChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODULE, value, null, response);
+}
+
+function createInitializedTextChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function createInitializedBufferChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(INITIALIZED, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function resolveModuleChunk(chunk, value) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODULE;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    initializeModuleChunk(resolvedChunk);
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = parseModel(chunk._response, chunk.value);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+}
+
+function initializeModuleChunk(chunk) {
+  try {
+    var value = requireModule(chunk.value);
+    var initializedChunk = chunk;
+    initializedChunk.status = INITIALIZED;
+    initializedChunk.value = value;
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function createElement(type, key, props) {
+  var element = {
+    // This tag allows us to uniquely identify this as a React Element
+    $$typeof: REACT_ELEMENT_TYPE,
+    // Built-in properties that belong on the element
+    type: type,
+    key: key,
+    ref: null,
+    props: props,
+    // Record the component responsible for creating this element.
+    _owner: null
+  };
+
+  {
+    // We don't really need to add any of these but keeping them for good measure.
+    // Unfortunately, _store is enumerable in jest matchers so for equality to
+    // work, I need to keep it or make _store non-enumerable in the other file.
+    element._store = {};
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: true // This element has already been validated on the server.
+
+    });
+    Object.defineProperty(element, '_self', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+    Object.defineProperty(element, '_source', {
+      configurable: false,
+      enumerable: false,
+      writable: false,
+      value: null
+    });
+  }
+
+  return element;
+}
+
+function createLazyChunkWrapper(chunk) {
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: chunk,
+    _init: readChunk
+  };
+  return lazyType;
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunk = createPendingChunk(response);
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function createServerReferenceProxy(response, metaData) {
+  var callServer = response._callServer;
+
+  var proxy = function () {
+    // $FlowFixMe[method-unbinding]
+    var args = Array.prototype.slice.call(arguments);
+    var p = metaData.bound;
+
+    if (!p) {
+      return callServer(metaData.id, args);
+    }
+
+    if (p.status === INITIALIZED) {
+      var bound = p.value;
+      return callServer(metaData.id, bound.concat(args));
+    } // Since this is a fake Promise whose .then doesn't chain, we have to wrap it.
+    // TODO: Remove the wrapper once that's fixed.
+
+
+    return Promise.resolve(p).then(function (bound) {
+      return callServer(metaData.id, bound.concat(args));
+    });
+  };
+
+  registerServerReference(proxy, metaData);
+  return proxy;
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      {
+        return chunk.value;
+      }
+    // We always encode it first in the stream so it won't be pending.
+
+    default:
+      throw chunk.reason;
+  }
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    if (value === '$') {
+      // A very common symbol.
+      return REACT_ELEMENT_TYPE;
+    }
+
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case 'L':
+        {
+          // Lazy node
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id); // We create a React.lazy wrapper around any lazy values.
+          // When passed into React, we'll know how to suspend on this.
+
+          return createLazyChunkWrapper(chunk);
+        }
+
+      case '@':
+        {
+          // Promise
+          var _id = parseInt(value.slice(2), 16);
+
+          var _chunk = getChunk(response, _id);
+
+          return _chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'P':
+        {
+          // Server Context Provider
+          return getOrCreateServerContext(value.slice(2)).Provider;
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var metadata = getOutlinedModel(response, _id2);
+          return createServerReferenceProxy(response, metadata);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id3);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id4 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id4);
+
+          return new Set(_data);
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id5 = parseInt(value.slice(1), 16);
+
+          var _chunk2 = getChunk(response, _id5);
+
+          switch (_chunk2.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk2);
+              break;
+
+            case RESOLVED_MODULE:
+              initializeModuleChunk(_chunk2);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk2.status) {
+            case INITIALIZED:
+              return _chunk2.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk2.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk2.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function parseModelTuple(response, value) {
+  var tuple = value;
+
+  if (tuple[0] === REACT_ELEMENT_TYPE) {
+    // TODO: Consider having React just directly accept these arrays as elements.
+    // Or even change the ReactElement type to be an array.
+    return createElement(tuple[1], tuple[2], tuple[3]);
+  }
+
+  return value;
+}
+
+function missingCall() {
+  throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
+}
+
+function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _moduleLoading: moduleLoading,
+    _callServer: callServer !== undefined ? callServer : missingCall,
+    _nonce: nonce,
+    _chunks: chunks,
+    _stringDecoder: createStringDecoder(),
+    _fromJSON: null,
+    _rowState: 0,
+    _rowID: 0,
+    _rowTag: 0,
+    _rowLength: 0,
+    _buffer: []
+  }; // Don't inline this call because it causes closure to outline the call above.
+
+  response._fromJSON = createFromJSONCallback(response);
+  return response;
+}
+
+function resolveModel(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createResolvedModelChunk(response, model));
+  } else {
+    resolveModelChunk(chunk, model);
+  }
+}
+
+function resolveText(response, id, text) {
+  var chunks = response._chunks; // We assume that we always reference large strings after they've been
+  // emitted.
+
+  chunks.set(id, createInitializedTextChunk(response, text));
+}
+
+function resolveBuffer(response, id, buffer) {
+  var chunks = response._chunks; // We assume that we always reference buffers after they've been emitted.
+
+  chunks.set(id, createInitializedBufferChunk(response, buffer));
+}
+
+function resolveModule(response, id, model) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+  var clientReferenceMetadata = parseModel(response, model);
+  var clientReference = resolveClientReference(response._bundlerConfig, clientReferenceMetadata);
+  prepareDestinationForModule(response._moduleLoading, response._nonce, clientReferenceMetadata); // TODO: Add an option to encode modules that are lazy loaded.
+  // For now we preload all modules as early as possible since it's likely
+  // that we'll need them.
+
+  var promise = preloadModule(clientReference);
+
+  if (promise) {
+    var blockedChunk;
+
+    if (!chunk) {
+      // Technically, we should just treat promise as the chunk in this
+      // case. Because it'll just behave as any other promise.
+      blockedChunk = createBlockedChunk(response);
+      chunks.set(id, blockedChunk);
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+    }
+
+    promise.then(function () {
+      return resolveModuleChunk(blockedChunk, clientReference);
+    }, function (error) {
+      return triggerErrorOnChunk(blockedChunk, error);
+    });
+  } else {
+    if (!chunk) {
+      chunks.set(id, createResolvedModuleChunk(response, clientReference));
+    } else {
+      // This can't actually happen because we don't have any forward
+      // references to modules.
+      resolveModuleChunk(chunk, clientReference);
+    }
+  }
+}
+
+function resolveErrorDev(response, id, digest, message, stack) {
+
+
+  var error = new Error(message || 'An error occurred in the Server Components render but no message was provided');
+  error.stack = stack;
+  error.digest = digest;
+  var errorWithDigest = error;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, errorWithDigest));
+  } else {
+    triggerErrorOnChunk(chunk, errorWithDigest);
+  }
+}
+
+function resolvePostponeDev(response, id, reason, stack) {
+
+
+  var error = new Error(reason || '');
+  var postponeInstance = error;
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  postponeInstance.stack = stack;
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    chunks.set(id, createErrorChunk(response, postponeInstance));
+  } else {
+    triggerErrorOnChunk(chunk, postponeInstance);
+  }
+}
+
+function resolveHint(response, code, model) {
+  var hintModel = parseModel(response, model);
+  dispatchHint(code, hintModel);
+}
+
+function mergeBuffer(buffer, lastChunk) {
+  var l = buffer.length; // Count the bytes we'll need
+
+  var byteLength = lastChunk.length;
+
+  for (var i = 0; i < l; i++) {
+    byteLength += buffer[i].byteLength;
+  } // Allocate enough contiguous space
+
+
+  var result = new Uint8Array(byteLength);
+  var offset = 0; // Copy all the buffers into it.
+
+  for (var _i = 0; _i < l; _i++) {
+    var chunk = buffer[_i];
+    result.set(chunk, offset);
+    offset += chunk.byteLength;
+  }
+
+  result.set(lastChunk, offset);
+  return result;
+}
+
+function resolveTypedArray(response, id, buffer, lastChunk, constructor, bytesPerElement) {
+  // If the view fits into one original buffer, we just reuse that buffer instead of
+  // copying it out to a separate copy. This means that it's not always possible to
+  // transfer these values to other threads without copying first since they may
+  // share array buffer. For this to work, it must also have bytes aligned to a
+  // multiple of a size of the type.
+  var chunk = buffer.length === 0 && lastChunk.byteOffset % bytesPerElement === 0 ? lastChunk : mergeBuffer(buffer, lastChunk); // TODO: The transfer protocol of RSC is little-endian. If the client isn't little-endian
+  // we should convert it instead. In practice big endian isn't really Web compatible so it's
+  // somewhat safe to assume that browsers aren't going to run it, but maybe there's some SSR
+  // server that's affected.
+
+  var view = new constructor(chunk.buffer, chunk.byteOffset, chunk.byteLength / bytesPerElement);
+  resolveBuffer(response, id, view);
+}
+
+function processFullRow(response, id, tag, buffer, chunk) {
+  {
+    switch (tag) {
+      case 65
+      /* "A" */
+      :
+        // We must always clone to extract it into a separate buffer instead of just a view.
+        resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
+        return;
+
+      case 67
+      /* "C" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int8Array, 1);
+        return;
+
+      case 99
+      /* "c" */
+      :
+        resolveBuffer(response, id, buffer.length === 0 ? chunk : mergeBuffer(buffer, chunk));
+        return;
+
+      case 85
+      /* "U" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint8ClampedArray, 1);
+        return;
+
+      case 83
+      /* "S" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int16Array, 2);
+        return;
+
+      case 115
+      /* "s" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint16Array, 2);
+        return;
+
+      case 76
+      /* "L" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Int32Array, 4);
+        return;
+
+      case 108
+      /* "l" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Uint32Array, 4);
+        return;
+
+      case 70
+      /* "F" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
+        return;
+
+      case 68
+      /* "D" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
+        return;
+
+      case 78
+      /* "N" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigInt64Array, 8);
+        return;
+
+      case 109
+      /* "m" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, BigUint64Array, 8);
+        return;
+
+      case 86
+      /* "V" */
+      :
+        resolveTypedArray(response, id, buffer, chunk, DataView, 1);
+        return;
+    }
+  }
+
+  var stringDecoder = response._stringDecoder;
+  var row = '';
+
+  for (var i = 0; i < buffer.length; i++) {
+    row += readPartialStringChunk(stringDecoder, buffer[i]);
+  }
+
+  row += readFinalStringChunk(stringDecoder, chunk);
+
+  switch (tag) {
+    case 73
+    /* "I" */
+    :
+      {
+        resolveModule(response, id, row);
+        return;
+      }
+
+    case 72
+    /* "H" */
+    :
+      {
+        var code = row[0];
+        resolveHint(response, code, row.slice(1));
+        return;
+      }
+
+    case 69
+    /* "E" */
+    :
+      {
+        var errorInfo = JSON.parse(row);
+
+        {
+          resolveErrorDev(response, id, errorInfo.digest, errorInfo.message, errorInfo.stack);
+        }
+
+        return;
+      }
+
+    case 84
+    /* "T" */
+    :
+      {
+        resolveText(response, id, row);
+        return;
+      }
+
+    case 80
+    /* "P" */
+    :
+      {
+        {
+          {
+            var postponeInfo = JSON.parse(row);
+            resolvePostponeDev(response, id, postponeInfo.reason, postponeInfo.stack);
+          }
+
+          return;
+        }
+      }
+    // Fallthrough
+
+    default:
+      /* """ "{" "[" "t" "f" "n" "0" - "9" */
+      {
+        // We assume anything else is JSON.
+        resolveModel(response, id, row);
+        return;
+      }
+  }
+}
+
+function processBinaryChunk(response, chunk) {
+  var i = 0;
+  var rowState = response._rowState;
+  var rowID = response._rowID;
+  var rowTag = response._rowTag;
+  var rowLength = response._rowLength;
+  var buffer = response._buffer;
+  var chunkLength = chunk.length;
+
+  while (i < chunkLength) {
+    var lastIdx = -1;
+
+    switch (rowState) {
+      case ROW_ID:
+        {
+          var byte = chunk[i++];
+
+          if (byte === 58
+          /* ":" */
+          ) {
+              // Finished the rowID, next we'll parse the tag.
+              rowState = ROW_TAG;
+            } else {
+            rowID = rowID << 4 | (byte > 96 ? byte - 87 : byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_TAG:
+        {
+          var resolvedRowTag = chunk[i];
+
+          if (resolvedRowTag === 84
+          /* "T" */
+          || (resolvedRowTag === 65
+          /* "A" */
+          || resolvedRowTag === 67
+          /* "C" */
+          || resolvedRowTag === 99
+          /* "c" */
+          || resolvedRowTag === 85
+          /* "U" */
+          || resolvedRowTag === 83
+          /* "S" */
+          || resolvedRowTag === 115
+          /* "s" */
+          || resolvedRowTag === 76
+          /* "L" */
+          || resolvedRowTag === 108
+          /* "l" */
+          || resolvedRowTag === 70
+          /* "F" */
+          || resolvedRowTag === 68
+          /* "D" */
+          || resolvedRowTag === 78
+          /* "N" */
+          || resolvedRowTag === 109
+          /* "m" */
+          || resolvedRowTag === 86)
+          /* "V" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_LENGTH;
+              i++;
+            } else if (resolvedRowTag > 64 && resolvedRowTag < 91
+          /* "A"-"Z" */
+          ) {
+              rowTag = resolvedRowTag;
+              rowState = ROW_CHUNK_BY_NEWLINE;
+              i++;
+            } else {
+            rowTag = 0;
+            rowState = ROW_CHUNK_BY_NEWLINE; // This was an unknown tag so it was probably part of the data.
+          }
+
+          continue;
+        }
+
+      case ROW_LENGTH:
+        {
+          var _byte = chunk[i++];
+
+          if (_byte === 44
+          /* "," */
+          ) {
+              // Finished the rowLength, next we'll buffer up to that length.
+              rowState = ROW_CHUNK_BY_LENGTH;
+            } else {
+            rowLength = rowLength << 4 | (_byte > 96 ? _byte - 87 : _byte - 48);
+          }
+
+          continue;
+        }
+
+      case ROW_CHUNK_BY_NEWLINE:
+        {
+          // We're looking for a newline
+          lastIdx = chunk.indexOf(10
+          /* "\n" */
+          , i);
+          break;
+        }
+
+      case ROW_CHUNK_BY_LENGTH:
+        {
+          // We're looking for the remaining byte length
+          lastIdx = i + rowLength;
+
+          if (lastIdx > chunk.length) {
+            lastIdx = -1;
+          }
+
+          break;
+        }
+    }
+
+    var offset = chunk.byteOffset + i;
+
+    if (lastIdx > -1) {
+      // We found the last chunk of the row
+      var length = lastIdx - i;
+      var lastChunk = new Uint8Array(chunk.buffer, offset, length);
+      processFullRow(response, rowID, rowTag, buffer, lastChunk); // Reset state machine for a new row
+
+      i = lastIdx;
+
+      if (rowState === ROW_CHUNK_BY_NEWLINE) {
+        // If we're trailing by a newline we need to skip it.
+        i++;
+      }
+
+      rowState = ROW_ID;
+      rowTag = 0;
+      rowID = 0;
+      rowLength = 0;
+      buffer.length = 0;
+    } else {
+      // The rest of this row is in a future chunk. We stash the rest of the
+      // current chunk until we can process the full row.
+      var _length = chunk.byteLength - i;
+
+      var remainingSlice = new Uint8Array(chunk.buffer, offset, _length);
+      buffer.push(remainingSlice); // Update how many bytes we're still waiting for. If we're looking for
+      // a newline, this doesn't hurt since we'll just ignore it.
+
+      rowLength -= remainingSlice.byteLength;
+      break;
+    }
+  }
+
+  response._rowState = rowState;
+  response._rowID = rowID;
+  response._rowTag = rowTag;
+  response._rowLength = rowLength;
+}
+
+function parseModel(response, json) {
+  return JSON.parse(json, response._fromJSON);
+}
+
+function createFromJSONCallback(response) {
+  // $FlowFixMe[missing-this-annot]
+  return function (key, value) {
+    if (typeof value === 'string') {
+      // We can't use .bind here because we need the "this" value.
+      return parseModelString(response, this, key, value);
+    }
+
+    if (typeof value === 'object' && value !== null) {
+      return parseModelTuple(response, value);
+    }
+
+    return value;
+  };
+}
+
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function noServerCall() {
+  throw new Error('Server Functions cannot be called during initial render. ' + 'This would create a fetch waterfall. Try to use a Server Component ' + 'to pass data to Client Components instead.');
+}
+
+function createServerReference(id, callServer) {
+  return createServerReference$1(id, noServerCall);
+}
+
+function createFromNodeStream(stream, ssrManifest, options) {
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  stream.on('data', function (chunk) {
+    processBinaryChunk(response, chunk);
+  });
+  stream.on('error', function (error) {
+    reportGlobalError(response, error);
+  });
+  stream.on('end', function () {
+    return close(response);
+  });
+  return getRoot(response);
+}
+
+exports.createFromNodeStream = createFromNodeStream;
+exports.createServerReference = createServerReference;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
new file mode 100644
index 0000000000000..1d6a01a9d268d
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
@@ -0,0 +1,41 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-client.node.unbundled.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){var d=a[b[0]];if(a=d[b[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=b[2]}return{specifier:a.specifier,name:d,async:4===b.length}}var w=new Map;
+function x(a){var b=w.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});w.set(a.specifier,d);return d}
+function z(a,b,d){if(null!==a)for(var c=0;c<b.length;c++){var e=d,h=A.current;if(h){var f=h.preinitScript,k=a.prefix+b[c];var l=a.crossOrigin;l="string"===typeof l?"use-credentials"===l?l:"":void 0;f.call(h,k,{crossOrigin:l,nonce:e})}}}
+var A=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.provider"),aa=Symbol.for("react.server_context"),ba=Symbol.for("react.lazy"),D=Symbol.for("react.default_value"),ca=Symbol.for("react.postpone"),E=Symbol.iterator;function da(a){if(null===a||"object"!==typeof a)return null;a=E&&a[E]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,G=new WeakMap;
+function fa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ha(a,b,d,c){function e(l,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===k&&(k=new FormData);f++;var t=h++;g.then(function(p){p=JSON.stringify(p,e);var y=k;y.append(b+t,p);f--;0===f&&d(y)},function(p){c(p)});return"$@"+t.toString(16)}if(g instanceof FormData){null===k&&(k=new FormData);var F=k;l=h++;var m=b+l+"_";g.forEach(function(p,y){F.append(m+y,p)});return"$K"+l.toString(16)}return g instanceof Map?(g=JSON.stringify(Array.from(g),e),null===k&&
+(k=new FormData),l=h++,k.append(b+l,g),"$Q"+l.toString(16)):g instanceof Set?(g=JSON.stringify(Array.from(g),e),null===k&&(k=new FormData),l=h++,k.append(b+l,g),"$W"+l.toString(16)):!ea(g)&&da(g)?Array.from(g):g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[l]instanceof Date)return"$D"+g;g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return fa(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=G.get(g);if(void 0!==g)return g=JSON.stringify(g,
+e),null===k&&(k=new FormData),l=h++,k.set(b+l,g),"$F"+l.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){l=g.description;if(Symbol.for(l)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+(g.description+") cannot be found among global symbols."));return"$S"+l}if("bigint"===typeof g)return"$n"+
+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var h=1,f=0,k=null;a=JSON.stringify(a,e);null===k?d(a):(k.set(b+"0",a),0===f&&d(k))}var H=new WeakMap;function ia(a){var b,d,c=new Promise(function(e,h){b=e;d=h});ha(a,"",function(e){if("string"===typeof e){var h=new FormData;h.append("0",e);e=h}c.status="fulfilled";c.value=e;b(e)},function(e){c.status="rejected";c.reason=e;d(e)});return c}
+function ja(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==b.bound){d=H.get(b);d||(d=ia(b),H.set(b,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;b=d.value;var c=new FormData;b.forEach(function(e,h){c.append("$ACTION_"+a+":"+h,e)});d=c;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:d}}
+function ka(a,b){var d=G.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var c=d.bound;if(null===c)return 0===b;switch(c.status){case "fulfilled":return c.value.length===b;case "pending":throw c;case "rejected":throw c.reason;default:throw"string"!==typeof c.status&&(c.status="pending",c.then(function(e){c.status="fulfilled";c.value=e},function(e){c.status="rejected";c.reason=e})),c;}}
+function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ja},$$IS_SIGNATURE_EQUAL:{value:ka},bind:{value:la}});G.set(a,b)}var ma=Function.prototype.bind,na=Array.prototype.slice;function la(){var a=ma.apply(this,arguments),b=G.get(this);if(b){var d=na.call(arguments,1),c=null;c=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(d)}):Promise.resolve(d);I(a,{id:b.id,bound:c})}return a}
+function oa(a,b){function d(){var c=Array.prototype.slice.call(arguments);return b(a,c)}I(d,{id:a,bound:null});return d}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}K.prototype=Object.create(Promise.prototype);
+K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function pa(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":throw a;default:throw a.reason;}}function N(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function O(a,b,d){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":a.value=b;a.reason=d;break;case "rejected":d&&N(d,a.reason)}}
+function P(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&N(d,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.value,c=a.reason;a.status="resolved_module";a.value=b;null!==d&&(M(a),O(a,d,c))}}var R=null,S=null;
+function L(a){var b=R,d=S;R=a;S=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==S&&0<S.deps?(S.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{R=b,S=d}}function M(a){try{var b=a.value,d=w.get(b.specifier);if("fulfilled"===d.status)var c=d.value;else throw d.reason;var e="*"===b.name?c:""===b.name?c.default:c[b.name];a.status="fulfilled";a.value=e}catch(h){a.status="rejected",a.reason=h}}
+function T(a,b){a._chunks.forEach(function(d){"pending"===d.status&&P(d,b)})}function U(a,b){var d=a._chunks,c=d.get(b);c||(c=new K("pending",null,null,a),d.set(b,c));return c}function qa(a,b,d){if(S){var c=S;c.deps++}else c=S={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&N(e,c.value))}}function ra(a){return function(b){return P(a,b)}}
+function sa(a,b){function d(){var e=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?c(b.id,h.value.concat(e)):Promise.resolve(h).then(function(f){return c(b.id,f.concat(e))}):c(b.id,e)}var c=a._callServer;I(d,b);return d}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ta(a,b,d,c){if("$"===c[0]){if("$"===c)return B;switch(c[1]){case "$":return c.slice(1);case "L":return b=parseInt(c.slice(2),16),a=U(a,b),{$$typeof:ba,_payload:a,_init:pa};case "@":return b=parseInt(c.slice(2),16),U(a,b);case "S":return Symbol.for(c.slice(2));case "P":return a=c.slice(2),J[a]||(b={$$typeof:aa,_currentValue:D,_currentValue2:D,_defaultValue:D,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:C,_context:b},J[a]=b),J[a].Provider;case "F":return b=
+parseInt(c.slice(2),16),b=V(a,b),sa(a,b);case "Q":return b=parseInt(c.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=U(a,c);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
+case "pending":case "blocked":return c=R,a.then(qa(c,b,d),ra(c)),null;default:throw a.reason;}}}return c}function ua(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function va(a,b,d,c){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==d?d:ua,_nonce:c,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=wa(a);return a}
+function W(a,b,d){a._chunks.set(b,new K("fulfilled",d,null,a))}function xa(a,b,d){var c=a._chunks,e=c.get(b);d=JSON.parse(d,a._fromJSON);var h=v(a._bundlerConfig,d);z(a._moduleLoading,d[1],a._nonce);if(d=x(h)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),c.set(b,f);d.then(function(){return Q(f,h)},function(k){return P(f,k)})}else e?Q(e,h):c.set(b,new K("resolved_module",h,null,a))}
+function X(a,b){for(var d=a.length,c=b.length,e=0;e<d;e++)c+=a[e].byteLength;c=new Uint8Array(c);for(var h=e=0;h<d;h++){var f=a[h];c.set(f,e);e+=f.byteLength}c.set(b,e);return c}function Y(a,b,d,c,e,h){d=0===d.length&&0===c.byteOffset%h?c:X(d,c);e=new e(d.buffer,d.byteOffset,d.byteLength/h);W(a,b,e)}
+function ya(a,b,d,c,e){switch(d){case 65:W(a,b,X(c,e).buffer);return;case 67:Y(a,b,c,e,Int8Array,1);return;case 99:W(a,b,0===c.length?e:X(c,e));return;case 85:Y(a,b,c,e,Uint8ClampedArray,1);return;case 83:Y(a,b,c,e,Int16Array,2);return;case 115:Y(a,b,c,e,Uint16Array,2);return;case 76:Y(a,b,c,e,Int32Array,4);return;case 108:Y(a,b,c,e,Uint32Array,4);return;case 70:Y(a,b,c,e,Float32Array,4);return;case 68:Y(a,b,c,e,Float64Array,8);return;case 78:Y(a,b,c,e,BigInt64Array,8);return;case 109:Y(a,b,c,e,BigUint64Array,
+8);return;case 86:Y(a,b,c,e,DataView,1);return}for(var h=a._stringDecoder,f="",k=0;k<c.length;k++)f+=h.decode(c[k],u);f+=h.decode(e);switch(d){case 73:xa(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=A.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];d=a[1];3===a.length?f.preload(b,d,a[2]):f.preload(b,d);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:d=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=d;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=ca;f.stack="Error: "+f.message;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;default:c=a._chunks,(d=c.get(b))?"pending"===d.status&&(a=d.value,b=d.reason,d.status=
+"resolved_model",d.value=f,null!==a&&(L(d),O(d,a,b))):c.set(b,new K("resolved_model",f,null,a))}}function wa(a){return function(b,d){return"string"===typeof d?ta(a,this,b,d):"object"===typeof d&&null!==d?(b=d[0]===B?{$$typeof:B,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,b):d}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,d){var c=va(b.moduleMap,b.moduleLoading,Z,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(e){for(var h=0,f=c._rowState,k=c._rowID,l=c._rowTag,g=c._rowLength,t=c._buffer,F=e.length;h<F;){var m=-1;switch(f){case 0:m=e[h++];58===m?f=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:f=e[h];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(l=f,f=2,h++):64<f&&91>f?(l=f,f=3,h++):(l=0,f=3);
+continue;case 2:m=e[h++];44===m?f=4:g=g<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,h);break;case 4:m=h+g,m>e.length&&(m=-1)}var p=e.byteOffset+h;if(-1<m)g=new Uint8Array(e.buffer,p,m-h),ya(c,k,l,t,g),h=m,3===f&&h++,g=k=l=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-h);t.push(e);g-=e.byteLength;break}}c._rowState=f;c._rowID=k;c._rowTag=l;c._rowLength=g});a.on("error",function(e){T(c,e)});a.on("end",function(){T(c,Error("Connection closed."))});return U(c,0)};
+exports.createServerReference=function(a){return oa(a,Z)};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-node-register.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-node-register.js
new file mode 100644
index 0000000000000..e8df62f078ec0
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-node-register.js
@@ -0,0 +1,15 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-node-register.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+'use strict';const h=require("acorn-loose"),l=require("url"),q=require("module");
+module.exports=function(){const m=require("react-server-dom-turbopack/server"),n=m.registerServerReference,r=m.createClientModuleProxy,f=q.prototype._compile;q.prototype._compile=function(k,p){if(-1===k.indexOf("use client")&&-1===k.indexOf("use server"))return f.apply(this,arguments);try{var a=h.parse(k,{ecmaVersion:"2024",sourceType:"source"}).body}catch(g){return console.error("Error parsing %s %s",l,g.message),f.apply(this,arguments)}var b=!1,d=!1;for(var c=0;c<a.length;c++){var e=a[c];if("ExpressionStatement"!==
+e.type||!e.directive)break;"use client"===e.directive&&(b=!0);"use server"===e.directive&&(d=!0)}if(!b&&!d)return f.apply(this,arguments);if(b&&d)throw Error('Cannot have both "use client" and "use server" directives in the same file.');b&&(a=l.pathToFileURL(p).href,this.exports=r(a));if(d)if(f.apply(this,arguments),d=l.pathToFileURL(p).href,a=this.exports,"function"===typeof a)n(a,d,null);else for(b=Object.keys(a),c=0;c<b.length;c++){e=b[c];const g=a[b[c]];"function"===typeof g&&n(g,d,e)}}};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js
new file mode 100644
index 0000000000000..a4e205bee5407
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js
@@ -0,0 +1,3531 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.browser.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function scheduleWork(callback) {
+  callback();
+}
+var VIEW_SIZE = 512;
+var currentView = null;
+var writtenBytes = 0;
+function beginWriting(destination) {
+  currentView = new Uint8Array(VIEW_SIZE);
+  writtenBytes = 0;
+}
+function writeChunk(destination, chunk) {
+  if (chunk.byteLength === 0) {
+    return;
+  }
+
+  if (chunk.byteLength > VIEW_SIZE) {
+    {
+      if (precomputedChunkSet.has(chunk)) {
+        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
+      }
+    } // this chunk may overflow a single view which implies it was not
+    // one that is cached by the streaming renderer. We will enqueu
+    // it directly and expect it is not re-used
+
+
+    if (writtenBytes > 0) {
+      destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    destination.enqueue(chunk);
+    return;
+  }
+
+  var bytesToWrite = chunk;
+  var allowableBytes = currentView.length - writtenBytes;
+
+  if (allowableBytes < bytesToWrite.byteLength) {
+    // this chunk would overflow the current view. We enqueue a full view
+    // and start a new view with the remaining chunk
+    if (allowableBytes === 0) {
+      // the current view is already full, send it
+      destination.enqueue(currentView);
+    } else {
+      // fill up the current view and apply the remaining chunk bytes
+      // to a new view.
+      currentView.set(bytesToWrite.subarray(0, allowableBytes), writtenBytes); // writtenBytes += allowableBytes; // this can be skipped because we are going to immediately reset the view
+
+      destination.enqueue(currentView);
+      bytesToWrite = bytesToWrite.subarray(allowableBytes);
+    }
+
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+
+  currentView.set(bytesToWrite, writtenBytes);
+  writtenBytes += bytesToWrite.byteLength;
+}
+function writeChunkAndReturn(destination, chunk) {
+  writeChunk(destination, chunk); // in web streams there is no backpressure so we can alwas write more
+
+  return true;
+}
+function completeWriting(destination) {
+  if (currentView && writtenBytes > 0) {
+    destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
+    currentView = null;
+    writtenBytes = 0;
+  }
+}
+function close$1(destination) {
+  destination.close();
+}
+var textEncoder = new TextEncoder();
+function stringToChunk(content) {
+  return textEncoder.encode(content);
+}
+var precomputedChunkSet = new Set() ;
+function typedArrayToBinaryChunk(content) {
+  // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
+  // If we passed through this straight to enqueue we wouldn't have to convert it but since
+  // we need to copy the buffer in that case, we need to convert it to copy it.
+  // When we copy it into another array using set() it needs to be a Uint8Array.
+  var buffer = new Uint8Array(content.buffer, content.byteOffset, content.byteLength); // We clone large chunks so that we can transfer them when we write them.
+  // Others get copied into the target buffer.
+
+  return content.byteLength > VIEW_SIZE ? buffer.slice() : buffer;
+}
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
+function byteLengthOfBinaryChunk(chunk) {
+  return chunk.byteLength;
+}
+function closeWithError(destination, error) {
+  // $FlowFixMe[method-unbinding]
+  if (typeof destination.error === 'function') {
+    // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+    destination.error(error);
+  } else {
+    // Earlier implementations doesn't support this method. In that environment you're
+    // supposed to throw from a promise returned but we don't return a promise in our
+    // approach. We could fork this implementation but this is environment is an edge
+    // case to begin with. It's even less common to run this in an older environment.
+    // Even then, this is not where errors are supposed to happen and they get reported
+    // to a global callback in addition to this anyway. So it's fine just to close this.
+    destination.close();
+  }
+}
+
+// eslint-disable-next-line no-unused-vars
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+function isServerReference(reference) {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+function registerClientReference(proxyImplementation, id, exportName) {
+  return registerClientReferenceImpl(proxyImplementation, id + '#' + exportName, false);
+}
+
+function registerClientReferenceImpl(proxyImplementation, id, async) {
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: {
+      value: CLIENT_REFERENCE_TAG
+    },
+    $$id: {
+      value: id
+    },
+    $$async: {
+      value: async
+    }
+  });
+} // $FlowFixMe[method-unbinding]
+
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    var args = ArraySlice.call(arguments, 1);
+    newFn.$$typeof = SERVER_REFERENCE_TAG;
+    newFn.$$id = this.$$id;
+    newFn.$$bound = this.$$bound ? this.$$bound.concat(args) : args;
+  }
+
+  return newFn;
+}
+
+function registerServerReference(reference, id, exportName) {
+  return Object.defineProperties(reference, {
+    $$typeof: {
+      value: SERVER_REFERENCE_TAG
+    },
+    $$id: {
+      value: exportName === null ? id : id + '#' + exportName
+    },
+    $$bound: {
+      value: null
+    },
+    bind: {
+      value: bind
+    }
+  });
+}
+var PROMISE_PROTOTYPE = Promise.prototype;
+var deepProxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        // These names are a little too common. We should probably have a way to
+        // have the Flight runtime extract the inner target instead.
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+
+      case 'displayName':
+        return undefined;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case 'Provider':
+        throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var expression = String(target.name) + '.' + String(name);
+    throw new Error("Cannot access " + expression + " on the server. " + 'You cannot dot into a client module from a server component. ' + 'You can only pass the imported name through.');
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case '__esModule':
+        // Something is conditionally checking which export to use. We'll pretend to be
+        // an ESM compat module but then we'll check again on the client.
+        var moduleId = target.$$id;
+        target.default = registerClientReferenceImpl(function () {
+          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+        }, target.$$id + '#', target.$$async);
+        return true;
+
+      case 'then':
+        if (target.then) {
+          // Use a cached value
+          return target.then;
+        }
+
+        if (!target.$$async) {
+          // If this module is expected to return a Promise (such as an AsyncModule) then
+          // we should resolve that with a client reference that unwraps the Promise on
+          // the client.
+          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+          target.status = 'fulfilled';
+          target.value = proxy;
+          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+            // Expose to React.
+            return Promise.resolve(resolve(proxy));
+          }, // If this is not used as a Promise but is treated as a reference to a `.then`
+          // export then we should treat it as a reference to that name.
+          target.$$id + '#then', false);
+          return then;
+        } else {
+          // Since typeof .then === 'function' is a feature test we'd continue recursing
+          // indefinitely if we return a function. Instead, we return an object reference
+          // if we check further.
+          return undefined;
+        }
+
+    }
+
+    var cachedReference = target[name];
+
+    if (!cachedReference) {
+      var reference = registerClientReferenceImpl(function () {
+        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+      }, target.$$id + '#' + name, target.$$async);
+      Object.defineProperty(reference, 'name', {
+        value: name
+      });
+      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    }
+
+    return cachedReference;
+  },
+  getPrototypeOf: function (target) {
+    // Pretend to be a Promise in case anyone asks.
+    return PROMISE_PROTOTYPE;
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+function createClientModuleProxy(moduleId) {
+  var clientReference = registerClientReferenceImpl({}, // Represents the whole Module object instead of a particular import.
+  moduleId, false);
+  return new Proxy(clientReference, proxyHandlers);
+}
+
+function getClientReferenceKey(reference) {
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
+}
+function resolveClientReferenceMetadata(config, clientReference) {
+  var modulePath = clientReference.$$id;
+  var name = '';
+  var resolvedModuleData = config[modulePath];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = modulePath.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = modulePath.slice(idx + 1);
+      resolvedModuleData = config[modulePath.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + modulePath + '" in the React Client Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  }
+
+  if (clientReference.$$async === true) {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
+  } else {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+  }
+}
+function getServerReferenceId(config, serverReference) {
+  return serverReference.$$id;
+}
+function getServerReferenceBoundArguments(config, serverReference) {
+  return serverReference.$$bound;
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+
+function prefetchDNS(href) {
+  {
+    if (typeof href === 'string' && href) {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'D|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, 'D', href);
+      }
+    }
+  }
+}
+
+function preconnect(href, crossOrigin) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "C|" + (crossOrigin == null ? 'null' : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (typeof crossOrigin === 'string') {
+          emitHint(request, 'C', [href, crossOrigin]);
+        } else {
+          emitHint(request, 'C', href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, as, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'L';
+
+        if (as === 'image' && options) {
+          key += getImagePreloadKey(href, options.imageSrcSet, options.imageSizes);
+        } else {
+          key += "[" + as + "]" + href;
+        }
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          emitHint(request, 'L', [href, as, trimmed]);
+        } else {
+          emitHint(request, 'L', [href, as]);
+        }
+      }
+    }
+  }
+}
+
+function preloadModule$1(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'm|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'm', [href, trimmed]);
+        } else {
+          return emitHint(request, 'm', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitStyle(href, precedence, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'S|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'S', [href, typeof precedence === 'string' ? precedence : 0, trimmed]);
+        } else if (typeof precedence === 'string') {
+          return emitHint(request, 'S', [href, precedence]);
+        } else {
+          return emitHint(request, 'S', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'X|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'X', [href, trimmed]);
+        } else {
+          return emitHint(request, 'X', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitModuleScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'M|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'M', [href, trimmed]);
+        } else {
+          return emitHint(request, 'M', href);
+        }
+      }
+    }
+  }
+} // Flight normally encodes undefined as a special character however for directive option
+// arguments we don't want to send unnecessary keys and bloat the payload so we create a
+// trimmed object which omits any keys with null or undefined values.
+// This is only typesafe because these option objects have entirely optional fields where
+// null and undefined represent the same thing as no property.
+
+
+function trimOptions(options) {
+  if (options == null) return null;
+  var hasProperties = false;
+  var trimmed = {};
+
+  for (var key in options) {
+    if (options[key] != null) {
+      hasProperties = true;
+      trimmed[key] = options[key];
+    }
+  }
+
+  return hasProperties ? trimmed : null;
+}
+
+function getImagePreloadKey(href, imageSrcSet, imageSizes) {
+  var uniquePart = '';
+
+  if (typeof imageSrcSet === 'string' && imageSrcSet !== '') {
+    uniquePart += '[' + imageSrcSet + ']';
+
+    if (typeof imageSizes === 'string') {
+      uniquePart += '[' + imageSizes + ']';
+    }
+  } else {
+    uniquePart += '[][]' + href;
+  }
+
+  return "[image]" + uniquePart;
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+// small, smaller than how we encode undefined, and is unambiguous. We could use
+// a different tuple structure to encode this instead but this makes the runtime
+// cost cheaper by eliminating a type checks in more positions.
+// prettier-ignore
+
+function createHints() {
+  return new Set();
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
+
+
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
+
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
+
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+
+      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
+
+      pushNode(next);
+    }
+  }
+}
+
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
+
+function pushAllNext(next) {
+  var parentNext = next.parent;
+
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
+
+  pushNode(next);
+}
+
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
+
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
+
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
+
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
+
+
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
+
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
+    }
+
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
+
+  {
+    prevValue = context._currentValue;
+    context._currentValue = nextValue;
+
+    {
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer = rendererSigil;
+    }
+  }
+
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
+}
+function popProvider() {
+  var prevSnapshot = currentActiveSnapshot;
+
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
+  }
+
+  {
+    var value = prevSnapshot.parentValue;
+
+    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
+      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
+    } else {
+      prevSnapshot.context._currentValue = value;
+    }
+  }
+
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue ;
+  return value;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop, noop);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+var currentRequest$1 = null;
+var thenableIndexCounter = 0;
+var thenableState = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest$1 = request;
+}
+function resetHooksForRequest() {
+  currentRequest$1 = null;
+}
+function prepareToUseHooksForComponent(prevThenableState) {
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+
+function readContext(context) {
+  {
+    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
+    }
+
+    if (currentRequest$1 === null) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+var HooksDispatcher = {
+  useMemo: function (nextCreate) {
+    return nextCreate();
+  },
+  useCallback: function (callback) {
+    return callback;
+  },
+  useDebugValue: function () {},
+  useDeferredValue: unsupportedHook,
+  useTransition: unsupportedHook,
+  readContext: readContext,
+  useContext: readContext,
+  useReducer: unsupportedHook,
+  useRef: unsupportedHook,
+  useState: unsupportedHook,
+  useInsertionEffect: unsupportedHook,
+  useLayoutEffect: unsupportedHook,
+  useImperativeHandle: unsupportedHook,
+  useEffect: unsupportedHook,
+  useId: useId,
+  useSyncExternalStore: unsupportedHook,
+  useCacheRefresh: function () {
+    return unsupportedRefresh;
+  },
+  useMemoCache: function (size) {
+    var data = new Array(size);
+
+    for (var i = 0; i < size; i++) {
+      data[i] = REACT_MEMO_CACHE_SENTINEL;
+    }
+
+    return data;
+  },
+  use: use
+};
+
+function unsupportedHook() {
+  throw new Error('This Hook is not supported in Server Components.');
+}
+
+function unsupportedRefresh() {
+  throw new Error('Refreshing the cache is not supported in Server Components.');
+}
+
+function useId() {
+  if (currentRequest$1 === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest$1.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable; // Track the position of the thenable within this fiber.
+
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
+
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
+
+      return trackUsedThenable(thenableState, thenable, index);
+    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function createSignal() {
+  return new AbortController().signal;
+}
+
+function resolveCache() {
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
+
+  return new Map();
+}
+
+var DefaultCacheDispatcher = {
+  getCacheSignal: function () {
+    var cache = resolveCache();
+    var entry = cache.get(createSignal);
+
+    if (entry === undefined) {
+      entry = createSignal();
+      cache.set(createSignal, entry);
+    }
+
+    return entry;
+  },
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache();
+    var entry = cache.get(resourceType);
+
+    if (entry === undefined) {
+      entry = resourceType(); // TODO: Warn if undefined?
+
+      cache.set(resourceType, entry);
+    }
+
+    return entry;
+  }
+};
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var stringify = JSON.stringify; // Serializable values
+// Thenable<ReactClientValue>
+
+var PENDING$1 = 0;
+var COMPLETED = 1;
+var ABORTED = 3;
+var ERRORED$1 = 4;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+
+function defaultErrorHandler(error) {
+  console['error'](error); // Don't transform to our wrapper
+}
+
+function defaultPostponeHandler(reason) {// Noop
+}
+
+var OPEN = 0;
+var CLOSING = 1;
+var CLOSED = 2;
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+  if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
+    throw new Error('Currently React only supports one RSC renderer at a time.');
+  }
+
+  prepareHostDispatcher();
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  var abortSet = new Set();
+  var pingedTasks = [];
+  var hints = createHints();
+  var request = {
+    status: OPEN,
+    flushScheduled: false,
+    fatalError: null,
+    destination: null,
+    bundlerConfig: bundlerConfig,
+    cache: new Map(),
+    nextChunkId: 0,
+    pendingChunks: 0,
+    hints: hints,
+    abortableTasks: abortSet,
+    pingedTasks: pingedTasks,
+    completedImportChunks: [],
+    completedHintChunks: [],
+    completedRegularChunks: [],
+    completedErrorChunks: [],
+    writtenSymbols: new Map(),
+    writtenClientReferences: new Map(),
+    writtenServerReferences: new Map(),
+    writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
+    onError: onError === undefined ? defaultErrorHandler : onError,
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
+    // $FlowFixMe[missing-this-annot]
+    toJSON: function (key, value) {
+      return resolveModelToJSON(request, this, key, value);
+    }
+  };
+  request.pendingChunks++;
+  var rootContext = createRootContext(context);
+  var rootTask = createTask(request, model, rootContext, abortSet);
+  pingedTasks.push(rootTask);
+  return request;
+}
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  return null;
+}
+
+function createRootContext(reqContext) {
+  return importServerContexts(reqContext);
+}
+
+var POP = {};
+
+function serializeThenable(request, thenable) {
+  request.pendingChunks++;
+  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        // We have the resolved value, we can go ahead and schedule it for serialization.
+        newTask.model = thenable.value;
+        pingTask(request, newTask);
+        return newTask.id;
+      }
+
+    case 'rejected':
+      {
+        var x = thenable.reason;
+
+        if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = x;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, newTask.id, postponeInstance);
+        } else {
+          var digest = logRecoverableError(request, x);
+          emitErrorChunk(request, newTask.id, digest, x);
+        }
+
+        return newTask.id;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  thenable.then(function (value) {
+    newTask.model = value;
+    pingTask(request, newTask);
+  }, function (reason) {
+    newTask.status = ERRORED$1;
+    request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled
+
+    var digest = logRecoverableError(request, reason);
+    emitErrorChunk(request, newTask.id, digest, reason);
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  });
+  return newTask.id;
+}
+
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
+function readThenable(thenable) {
+  if (thenable.status === 'fulfilled') {
+    return thenable.value;
+  } else if (thenable.status === 'rejected') {
+    throw thenable.reason;
+  }
+
+  throw thenable;
+}
+
+function createLazyWrapperAroundWakeable(wakeable) {
+  // This is a temporary fork of the `use` implementation until we accept
+  // promises everywhere.
+  var thenable = wakeable;
+
+  switch (thenable.status) {
+    case 'fulfilled':
+    case 'rejected':
+      break;
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: thenable,
+    _init: readThenable
+  };
+  return lazyType;
+}
+
+function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    } // This is a server-side component.
+
+
+    prepareToUseHooksForComponent(prevThenableState);
+    var result = type(props);
+
+    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+      // When the return value is in children position we can resolve it immediately,
+      // to its value without a wrapper if it's synchronously available.
+      var thenable = result;
+
+      if (thenable.status === 'fulfilled') {
+        return thenable.value;
+      } // TODO: Once we accept Promises as children on the client, we can just return
+      // the thenable here.
+
+
+      return createLazyWrapperAroundWakeable(result);
+    }
+
+    return result;
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      // TODO: If a key is specified, we should propagate its key to any children.
+      // Same as if a Server Component has a key.
+      return props.children;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          var render = type.render;
+          prepareToUseHooksForComponent(prevThenableState);
+          return render(props, undefined);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+        }
+
+      case REACT_PROVIDER_TYPE:
+        {
+          pushProvider(type._context, props.value);
+
+          {
+            var extraKeys = Object.keys(props).filter(function (value) {
+              if (value === 'children' || value === 'value') {
+                return false;
+              }
+
+              return true;
+            });
+
+            if (extraKeys.length !== 0) {
+              error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
+            }
+          }
+
+          return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
+          {
+            value: props.value,
+            children: props.children,
+            __pop: POP
+          }];
+        }
+    }
+  }
+
+  throw new Error("Unsupported Server Component type: " + describeValueForErrorMessage(type));
+}
+
+function pingTask(request, task) {
+  var pingedTasks = request.pingedTasks;
+  pingedTasks.push(task);
+
+  if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function createTask(request, model, context, abortSet) {
+  var id = request.nextChunkId++;
+  var task = {
+    id: id,
+    status: PENDING$1,
+    model: model,
+    context: context,
+    ping: function () {
+      return pingTask(request, task);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
+}
+
+function serializeLazyID(id) {
+  return '$L' + id.toString(16);
+}
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeProviderReference(name) {
+  return '$P' + name;
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeRowHeader(tag, id) {
+  return id.toString(16) + ':' + tag;
+}
+
+function encodeReferenceChunk(request, id, reference) {
+  var json = stringify(reference);
+  var row = id.toString(16) + ':' + json + '\n';
+  return stringToChunk(row);
+}
+
+function serializeClientReference(request, parent, key, clientReference) {
+  var clientReferenceKey = getClientReferenceKey(clientReference);
+  var writtenClientReferences = request.writtenClientReferences;
+  var existingId = writtenClientReferences.get(clientReferenceKey);
+
+  if (existingId !== undefined) {
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(existingId);
+    }
+
+    return serializeByValueID(existingId);
+  }
+
+  try {
+    var clientReferenceMetadata = resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
+    request.pendingChunks++;
+    var importId = request.nextChunkId++;
+    emitImportChunk(request, importId, clientReferenceMetadata);
+    writtenClientReferences.set(clientReferenceKey, importId);
+
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(importId);
+    }
+
+    return serializeByValueID(importId);
+  } catch (x) {
+    request.pendingChunks++;
+    var errorId = request.nextChunkId++;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, errorId, digest, x);
+    return serializeByValueID(errorId);
+  }
+}
+
+function outlineModel(request, value) {
+  request.pendingChunks++;
+  var outlinedId = request.nextChunkId++; // We assume that this object doesn't suspend, but a child might.
+
+  emitModelChunk(request, outlinedId, value);
+  return outlinedId;
+}
+
+function serializeServerReference(request, parent, key, serverReference) {
+  var writtenServerReferences = request.writtenServerReferences;
+  var existingId = writtenServerReferences.get(serverReference);
+
+  if (existingId !== undefined) {
+    return serializeServerReferenceID(existingId);
+  }
+
+  var bound = getServerReferenceBoundArguments(request.bundlerConfig, serverReference);
+  var serverReferenceMetadata = {
+    id: getServerReferenceId(request.bundlerConfig, serverReference),
+    bound: bound ? Promise.resolve(bound) : null
+  };
+  var metadataId = outlineModel(request, serverReferenceMetadata);
+  writtenServerReferences.set(serverReference, metadataId);
+  return serializeServerReferenceID(metadataId);
+}
+
+function serializeLargeTextString(request, text) {
+  request.pendingChunks += 2;
+  var textId = request.nextChunkId++;
+  var textChunk = stringToChunk(text);
+  var binaryLength = byteLengthOfChunk(textChunk);
+  var row = textId.toString(16) + ':T' + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, textChunk);
+  return serializeByValueID(textId);
+}
+
+function serializeMap(request, map) {
+  var id = outlineModel(request, Array.from(map));
+  return '$Q' + id.toString(16);
+}
+
+function serializeSet(request, set) {
+  var id = outlineModel(request, Array.from(set));
+  return '$W' + id.toString(16);
+}
+
+function serializeTypedArray(request, tag, typedArray) {
+  request.pendingChunks += 2;
+  var bufferId = request.nextChunkId++; // TODO: Convert to little endian if that's not the server default.
+
+  var binaryChunk = typedArrayToBinaryChunk(typedArray);
+  var binaryLength = byteLengthOfBinaryChunk(binaryChunk);
+  var row = bufferId.toString(16) + ':' + tag + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, binaryChunk);
+  return serializeByValueID(bufferId);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+var insideContextProps = null;
+var isInsideContextValue = false;
+
+function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+  {
+    // $FlowFixMe[incompatible-use]
+    var originalValue = parent[key];
+
+    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+      if (objectName(originalValue) !== 'Object') {
+        var jsxParentType = jsxChildrenParents.get(parent);
+
+        if (typeof jsxParentType === 'string') {
+          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        }
+      } else {
+        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+      }
+    }
+  } // Special Symbols
+
+
+  switch (value) {
+    case REACT_ELEMENT_TYPE:
+      return '$';
+  }
+
+  {
+    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
+      insideContextProps = value;
+    } else if (insideContextProps === parent && key === 'value') {
+      isInsideContextValue = true;
+    } else if (insideContextProps === parent && key === 'children') {
+      isInsideContextValue = false;
+    }
+  } // Resolve Server Components.
+
+
+  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    {
+      if (isInsideContextValue) {
+        error('React elements are not allowed in ServerContext');
+      }
+    }
+
+    try {
+      switch (value.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            // TODO: Concatenate keys of parents onto children.
+            var element = value; // Attempt to render the Server Component.
+
+            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
+            break;
+          }
+
+        case REACT_LAZY_TYPE:
+          {
+            var payload = value._payload;
+            var init = value._init;
+            value = init(payload);
+            break;
+          }
+      }
+    } catch (thrownValue) {
+      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+      // reasons, the rest of the Suspense implementation expects the thrown
+      // value to be a thenable, because before `use` existed that was the
+      // (unstable) API for suspending. This implementation detail can change
+      // later, once we deprecate the old API in favor of `use`.
+      getSuspendedThenable() : thrownValue;
+
+      if (typeof x === 'object' && x !== null) {
+        // $FlowFixMe[method-unbinding]
+        if (typeof x.then === 'function') {
+          // Something suspended, we'll need to create a new task and resolve it later.
+          request.pendingChunks++;
+          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+          var ping = newTask.ping;
+          x.then(ping, ping);
+          newTask.thenableState = getThenableStateAfterSuspending();
+          return serializeLazyID(newTask.id);
+        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+          // Something postponed. We'll still send everything we have up until this point.
+          // We'll replace this element with a lazy reference that postpones on the client.
+          var postponeInstance = x;
+          request.pendingChunks++;
+          var postponeId = request.nextChunkId++;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, postponeId, postponeInstance);
+          return serializeLazyID(postponeId);
+        }
+      } // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
+
+
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      var digest = logRecoverableError(request, x);
+      emitErrorChunk(request, errorId, digest, x);
+      return serializeLazyID(errorId);
+    }
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value); // $FlowFixMe[method-unbinding]
+    } else if (typeof value.then === 'function') {
+      // We assume that any object with a .then property is a "Thenable" type,
+      // or a Promise type. Either of which can be represented by a Promise.
+      var promiseId = serializeThenable(request, value);
+      return serializePromiseID(promiseId);
+    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+      var providerKey = value._context._globalName;
+      var writtenProviders = request.writtenProviders;
+      var providerId = writtenProviders.get(key);
+
+      if (providerId === undefined) {
+        request.pendingChunks++;
+        providerId = request.nextChunkId++;
+        writtenProviders.set(providerKey, providerId);
+        emitProviderChunk(request, providerId, providerKey);
+      }
+
+      return serializeByValueID(providerId);
+    } else if (value === POP) {
+      popProvider();
+
+      {
+        insideContextProps = null;
+        isInsideContextValue = false;
+      }
+
+      return undefined;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'D', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
+    {
+      if (value !== null && !isArray(value)) {
+        // Verify that this is a simple plain object.
+        if (objectName(value) !== 'Object') {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        } else if (!isSimpleObject(value)) {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        } else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+
+          if (symbols.length > 0) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          }
+        }
+      }
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key];
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, parent, key, value);
+    }
+
+    if (/^on[A-Z]/.test(key)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else {
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+    }
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+    var existingId = writtenSymbols.get(value);
+
+    if (existingId !== undefined) {
+      return serializeByValueID(existingId);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description;
+
+    if (Symbol.for(name) !== value) {
+      throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+    }
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    writtenSymbols.set(value, symbolId);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+}
+
+function logPostpone(request, reason) {
+  var onPostpone = request.onPostpone;
+  onPostpone(reason);
+}
+
+function logRecoverableError(request, error) {
+  var onError = request.onError;
+  var errorDigest = onError(error);
+
+  if (errorDigest != null && typeof errorDigest !== 'string') {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
+  }
+
+  return errorDigest || '';
+}
+
+function fatalError(request, error) {
+  // This is called outside error handling code such as if an error happens in React internals.
+  if (request.destination !== null) {
+    request.status = CLOSED;
+    closeWithError(request.destination, error);
+  } else {
+    request.status = CLOSING;
+    request.fatalError = error;
+  }
+}
+
+function emitPostponeChunk(request, id, postponeInstance) {
+  var row;
+
+  {
+    var reason = '';
+    var stack = '';
+
+    try {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      reason = String(postponeInstance.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+      stack = String(postponeInstance.stack);
+    } catch (x) {}
+
+    row = serializeRowHeader('P', id) + stringify({
+      reason: reason,
+      stack: stack
+    }) + '\n';
+  }
+
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitErrorChunk(request, id, digest, error) {
+  var errorInfo;
+
+  {
+    var message;
+    var stack = '';
+
+    try {
+      if (error instanceof Error) {
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+        stack = String(error.stack);
+      } else {
+        message = 'Error: ' + error;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+    }
+
+    errorInfo = {
+      digest: digest,
+      message: message,
+      stack: stack
+    };
+  }
+
+  var row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitImportChunk(request, id, clientReferenceMetadata) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(clientReferenceMetadata);
+  var row = serializeRowHeader('I', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitHintChunk(request, code, model) {
+  var json = stringify(model);
+  var id = request.nextChunkId++;
+  var row = serializeRowHeader('H' + code, id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedHintChunks.push(processedChunk);
+}
+
+function emitSymbolChunk(request, id, name) {
+  var symbolReference = serializeSymbolReference(name);
+  var processedChunk = encodeReferenceChunk(request, id, symbolReference);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitProviderChunk(request, id, contextName) {
+  var contextReference = serializeProviderReference(contextName);
+  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function emitModelChunk(request, id, model) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(model, request.toJSON);
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function retryTask(request, task) {
+  if (task.status !== PENDING$1) {
+    // We completed this by other means before we had a chance to retry it.
+    return;
+  }
+
+  switchContext(task.context);
+
+  try {
+    var value = task.model;
+
+    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+      // TODO: Concatenate keys of parents onto children.
+      var element = value; // When retrying a component, reuse the thenableState from the
+      // previous attempt.
+
+      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
+      // Doing this here lets us reuse this same task if the next component
+      // also suspends.
+
+      task.model = value;
+      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
+      // using the same task, but we reset its thenable state before continuing.
+
+      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
+      // from the render above because we don't need to reset the thenable state
+      // until the next time something suspends and retries.
+
+      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+        // TODO: Concatenate keys of parents onto children.
+        var nextElement = value;
+        task.model = value;
+        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
+      }
+    }
+
+    emitModelChunk(request, task.id, value);
+    request.abortableTasks.delete(task);
+    task.status = COMPLETED;
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue;
+
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended again, let's pick it back up later.
+        var ping = task.ping;
+        x.then(ping, ping);
+        task.thenableState = getThenableStateAfterSuspending();
+        return;
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        request.abortableTasks.delete(task);
+        task.status = ERRORED$1;
+        var postponeInstance = x;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, task.id, postponeInstance);
+        return;
+      }
+    }
+
+    request.abortableTasks.delete(task);
+    task.status = ERRORED$1;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, task.id, digest, x);
+  }
+}
+
+function performWork(request) {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = HooksDispatcher;
+  var prevRequest = currentRequest;
+  currentRequest = request;
+  prepareToUseHooksForRequest(request);
+
+  try {
+    var pingedTasks = request.pingedTasks;
+    request.pingedTasks = [];
+
+    for (var i = 0; i < pingedTasks.length; i++) {
+      var task = pingedTasks[i];
+      retryTask(request, task);
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  } finally {
+    ReactCurrentDispatcher.current = prevDispatcher;
+    resetHooksForRequest();
+    currentRequest = prevRequest;
+  }
+}
+
+function abortTask(task, request, errorId) {
+  task.status = ABORTED; // Instead of emitting an error per task.id, we emit a model that only
+  // has a single value referencing the error.
+
+  var ref = serializeByValueID(errorId);
+  var processedChunk = encodeReferenceChunk(request, task.id, ref);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function flushCompletedChunks(request, destination) {
+  beginWriting();
+
+  try {
+    // We emit module chunks first in the stream so that
+    // they can be preloaded as early as possible.
+    var importsChunks = request.completedImportChunks;
+    var i = 0;
+
+    for (; i < importsChunks.length; i++) {
+      request.pendingChunks--;
+      var chunk = importsChunks[i];
+      var keepWriting = writeChunkAndReturn(destination, chunk);
+
+      if (!keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
+
+    var regularChunks = request.completedRegularChunks;
+    i = 0;
+
+    for (; i < regularChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk2 = regularChunks[i];
+
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+
+      if (!_keepWriting2) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    regularChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
+    // any error messages and prioritize display of other parts of
+    // the page.
+
+    var errorChunks = request.completedErrorChunks;
+    i = 0;
+
+    for (; i < errorChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk3 = errorChunks[i];
+
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
+
+      if (!_keepWriting3) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = false;
+    completeWriting(destination);
+  }
+
+  if (request.pendingChunks === 0) {
+    // We're done.
+    close$1(destination);
+  }
+}
+
+function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
+  {
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function enqueueFlush(request) {
+  if (request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+  request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+  // happen when we start flowing again
+  request.destination !== null) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
+function startFlowing(request, destination) {
+  if (request.status === CLOSING) {
+    request.status = CLOSED;
+    closeWithError(destination, request.fatalError);
+    return;
+  }
+
+  if (request.status === CLOSED) {
+    return;
+  }
+
+  if (request.destination !== null) {
+    // We're already flowing.
+    return;
+  }
+
+  request.destination = destination;
+
+  try {
+    flushCompletedChunks(request, destination);
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function abort(request, reason) {
+  try {
+    var abortableTasks = request.abortableTasks;
+
+    if (abortableTasks.size > 0) {
+      // We have tasks to abort. We'll emit one error row and then emit a reference
+      // to that row from every row that's still remaining.
+      var error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
+      var digest = logRecoverableError(request, error);
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      emitErrorChunk(request, errorId, digest, error);
+      abortableTasks.forEach(function (task) {
+        return abortTask(task, request, errorId);
+      });
+      abortableTasks.clear();
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function importServerContexts(contexts) {
+  if (contexts) {
+    var prevContext = getActiveContext();
+    switchContext(rootContextSnapshot);
+
+    for (var i = 0; i < contexts.length; i++) {
+      var _contexts$i = contexts[i],
+          name = _contexts$i[0],
+          value = _contexts$i[1];
+      var context = getOrCreateServerContext(name);
+      pushProvider(context, value);
+    }
+
+    var importedContext = getActiveContext();
+    switchContext(prevContext);
+    return importedContext;
+  }
+
+  return rootContextSnapshot;
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+function resolveServerReference(bundlerConfig, id) {
+  var name = '';
+  var resolvedModuleData = bundlerConfig[id];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = id.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = id.slice(idx + 1);
+      resolvedModuleData = bundlerConfig[id.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + id + '" in the React Server Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  } // TODO: This needs to return async: true if it's an async module.
+
+
+  return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+} // The chunk cache contains all the chunks we've preloaded so far.
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = __turbopack_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = __turbopack_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return __turbopack_load__(filename);
+}
+
+// The server acts as a Client of itself when resolving Server References.
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function bindArgs$1(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference$1(response, id, bound, parentChunk, parentObject, key) {
+  var serverReference = resolveServerReference(response._bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+  var promise;
+
+  if (bound) {
+    promise = Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs$1(requireModule(serverReference), args);
+    });
+  } else {
+    if (preloadPromise) {
+      promise = Promise.resolve(preloadPromise).then(function () {
+        return requireModule(serverReference);
+      });
+    } else {
+      // Synchronously available
+      return requireModule(serverReference);
+    }
+  }
+
+  promise.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk)); // We need a placeholder value that will be replaced later.
+
+  return null;
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = JSON.parse(chunk.value, chunk._response._fromJSON);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    var prefix = response._prefix;
+    var key = prefix + id; // Check if we have this field in the backing store already.
+
+    var backingEntry = response._formData.get(key);
+
+    if (backingEntry != null) {
+      // We assume that this is a string entry for now.
+      chunk = createResolvedModelChunk(response, backingEntry);
+    } else {
+      // We're still waiting on this entry to stream in.
+      chunk = createPendingChunk(response);
+    }
+
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  if (chunk.status === RESOLVED_MODEL) {
+    initializeModelChunk(chunk);
+  }
+
+  if (chunk.status !== INITIALIZED) {
+    // We know that this is emitted earlier so otherwise it's an error.
+    throw chunk.reason;
+  }
+
+  return chunk.value;
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case '@':
+        {
+          // Promise
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id);
+          return chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id = parseInt(value.slice(2), 16); // TODO: Just encode this in the reference inline instead of as a model.
+
+
+          var metaData = getOutlinedModel(response, _id);
+          return loadServerReference$1(response, metaData.id, metaData.bound, initializingChunk, parentObject, key);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id2);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id3);
+
+          return new Set(_data);
+        }
+
+      case 'K':
+        {
+          // FormData
+          var stringId = value.slice(2);
+          var formPrefix = response._prefix + stringId + '_';
+
+          var _data2 = new FormData();
+
+          var backingFormData = response._formData; // We assume that the reference to FormData always comes after each
+          // entry that it references so we can assume they all exist in the
+          // backing store already.
+          // $FlowFixMe[prop-missing] FormData has forEach on it.
+
+          backingFormData.forEach(function (entry, entryKey) {
+            if (entryKey.startsWith(formPrefix)) {
+              _data2.append(entryKey.slice(formPrefix.length), entry);
+            }
+          });
+          return _data2;
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id4 = parseInt(value.slice(1), 16);
+
+          var _chunk = getChunk(response, _id4);
+
+          switch (_chunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk.status) {
+            case INITIALIZED:
+              return _chunk.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function createResponse(bundlerConfig, formFieldPrefix) {
+  var backingFormData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new FormData();
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _prefix: formFieldPrefix,
+    _formData: backingFormData,
+    _chunks: chunks,
+    _fromJSON: function (key, value) {
+      if (typeof value === 'string') {
+        // We can't use .bind here because we need the "this" value.
+        return parseModelString(response, this, key, value);
+      }
+
+      return value;
+    }
+  };
+  return response;
+}
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function bindArgs(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference(bundlerConfig, id, bound) {
+  var serverReference = resolveServerReference(bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+
+  if (bound) {
+    return Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs(requireModule(serverReference), args);
+    });
+  } else if (preloadPromise) {
+    return Promise.resolve(preloadPromise).then(function () {
+      return requireModule(serverReference);
+    });
+  } else {
+    // Synchronously available
+    return Promise.resolve(requireModule(serverReference));
+  }
+}
+
+function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
+  // The data for this reference is encoded in multiple fields under this prefix.
+  var actionResponse = createResponse(serverManifest, formFieldPrefix, body);
+  close(actionResponse);
+  var refPromise = getRoot(actionResponse); // Force it to initialize
+  // $FlowFixMe
+
+  refPromise.then(function () {});
+
+  if (refPromise.status !== 'fulfilled') {
+    // $FlowFixMe
+    throw refPromise.reason;
+  }
+
+  return refPromise.value;
+}
+
+function decodeAction(body, serverManifest) {
+  // We're going to create a new formData object that holds all the fields except
+  // the implementation details of the action data.
+  var formData = new FormData();
+  var action = null; // $FlowFixMe[prop-missing]
+
+  body.forEach(function (value, key) {
+    if (!key.startsWith('$ACTION_')) {
+      formData.append(key, value);
+      return;
+    } // Later actions may override earlier actions if a button is used to override the default
+    // form action.
+
+
+    if (key.startsWith('$ACTION_REF_')) {
+      var formFieldPrefix = '$ACTION_' + key.slice(12) + ':';
+      var metaData = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+      action = loadServerReference(serverManifest, metaData.id, metaData.bound);
+      return;
+    }
+
+    if (key.startsWith('$ACTION_ID_')) {
+      var id = key.slice(11);
+      action = loadServerReference(serverManifest, id, null);
+      return;
+    }
+  });
+
+  if (action === null) {
+    return null;
+  } // Return the action with the remaining FormData bound to the first argument.
+
+
+  return action.then(function (fn) {
+    return fn.bind(null, formData);
+  });
+}
+
+function renderToReadableStream(model, turbopackMap, options) {
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+
+  if (options && options.signal) {
+    var signal = options.signal;
+
+    if (signal.aborted) {
+      abort(request, signal.reason);
+    } else {
+      var listener = function () {
+        abort(request, signal.reason);
+        signal.removeEventListener('abort', listener);
+      };
+
+      signal.addEventListener('abort', listener);
+    }
+  }
+
+  var stream = new ReadableStream({
+    type: 'bytes',
+    start: function (controller) {
+      startWork(request);
+    },
+    pull: function (controller) {
+      startFlowing(request, controller);
+    },
+    cancel: function (reason) {}
+  }, // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+  {
+    highWaterMark: 0
+  });
+  return stream;
+}
+
+function decodeReply(body, turbopackMap) {
+  if (typeof body === 'string') {
+    var form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+
+  var response = createResponse(turbopackMap, '', body);
+  close(response);
+  return getRoot(response);
+}
+
+exports.createClientModuleProxy = createClientModuleProxy;
+exports.decodeAction = decodeAction;
+exports.decodeReply = decodeReply;
+exports.registerClientReference = registerClientReference;
+exports.registerServerReference = registerServerReference;
+exports.renderToReadableStream = renderToReadableStream;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js
new file mode 100644
index 0000000000000..7d69bcdb31809
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js
@@ -0,0 +1,75 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.browser.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var aa=require("react-dom"),ba=require("react"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var d=l.length-n;d<b.byteLength&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),n),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}return!0}var r=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var t=Symbol.for("react.client.reference"),u=Symbol.for("react.server.reference");function v(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===u){var b=ea.call(arguments,1);a.$$typeof=u;a.$$id=this.$$id;a.$$bound=this.$$bound?this.$$bound.concat(b):b}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
+case "__esModule":var d=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=v({},a.$$id,!0),e=new Proxy(c,ja);a.status="fulfilled";a.value=e;return a.then=v(function(f){return Promise.resolve(f(e))},
+a.$$id+"#then",!1)}c=a[b];c||(c=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");
+}},ra={prefetchDNS:ka,preconnect:la,preload:ma,preloadModule:na,preinitStyle:oa,preinitScript:pa,preinitModuleScript:qa};function ka(a){if("string"===typeof a&&a){var b=w?w:null;if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function la(a,b){if("string"===typeof a){var d=w?w:null;if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
+function ma(a,b,d){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=w?w:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
+function oa(a,b,d){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=w?w:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}
+function qa(a,b){if("string"===typeof a){var d=w?w:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
+var sa=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),ta=Symbol.for("react.fragment"),ua=Symbol.for("react.provider"),va=Symbol.for("react.server_context"),wa=Symbol.for("react.forward_ref"),xa=Symbol.for("react.suspense"),ya=Symbol.for("react.suspense_list"),za=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),Aa=Symbol.for("react.memo_cache_sentinel"),Ba=Symbol.for("react.postpone"),Ca=Symbol.iterator,D=null;
+function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Da(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Da(a)}
+function Ea(a){var b=a.parent;null!==b&&Ea(b);a.context._currentValue=a.value}function Fa(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Fa(a,b)}
+function Ga(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ga(a,d);b.context._currentValue=b.value}function Ha(a){var b=D;b!==a&&(null===b?Ea(a):null===a?Da(b):b.depth===a.depth?E(b,a):b.depth>a.depth?Fa(b,a):Ga(b,a),D=a)}function Ia(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ja=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ka(){}function La(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ka,Ka),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}G=b;throw Ja;}}var G=null;
+function Ma(){if(null===G)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=G;G=null;return a}var I=null,J=0,K=null;function Na(){var a=K;K=null;return a}function Oa(a){return a._currentValue}
+var Sa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:L,useTransition:L,readContext:Oa,useContext:Oa,useReducer:L,useRef:L,useState:L,useInsertionEffect:L,useLayoutEffect:L,useImperativeHandle:L,useEffect:L,useId:Pa,useSyncExternalStore:L,useCacheRefresh:function(){return Qa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Aa;return b},use:Ra};
+function L(){throw Error("This Hook is not supported in Server Components.");}function Qa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){if(null===I)throw Error("useId can only be used while React is rendering");var a=I.identifierCount++;return":"+I.identifierPrefix+"S"+a.toString(32)+":"}
+function Ra(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=J;J+=1;null===K&&(K=[]);return La(K,a,b)}if(a.$$typeof===va)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ta(){return(new AbortController).signal}function Ua(){var a=w?w:null;return a?a.cache:new Map}
+var Va={getCacheSignal:function(){var a=Ua(),b=a.get(Ta);void 0===b&&(b=Ta(),a.set(Ta,b));return b},getCacheForType:function(a){var b=Ua(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Wa=Array.isArray;function Xa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
+function Ya(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Wa(a))return"[...]";a=Xa(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function M(a){if("string"===typeof a)return a;switch(a){case xa:return"Suspense";case ya:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case wa:return M(a.render);case za:return M(a.type);case A:var b=a._payload;a=a._init;try{return M(a(b))}catch(d){}}return""}
+function N(a,b){var d=Xa(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Wa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?N(g):Ya(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+M(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?N(k):
+Ya(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var Za=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,$a=Za.ContextRegistry,O=JSON.stringify,ab=Za.ReactCurrentDispatcher,bb=Za.ReactCurrentCache;function cb(a){console.error(a)}function db(){}
+function eb(a,b,d,c,e,f){if(null!==bb.current&&bb.current!==Va)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;bb.current=Va;var g=new Set,h=[],k=new Set,m={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||"",identifierCount:1,onError:void 0===d?cb:d,onPostpone:void 0===f?db:f,toJSON:function(q,F){return fb(m,this,q,F)}};m.pendingChunks++;b=gb(c);a=hb(m,a,b,g);h.push(a);return m}var w=null,ib={};
+function jb(a,b){a.pendingChunks++;var d=hb(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===Ba?(lb(a,c.message),mb(a,d.id)):(c=P(a,c),Q(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
+e;kb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=P(a,e);Q(a,d.id,e);null!==a.destination&&R(a,a.destination)});return d.id}function x(a,b,d){d=O(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=r.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,R(a,d))}function nb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function ob(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:nb}}
+function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[z,b,d,e];J=0;K=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:ob(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ta?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[z,b,d,e];switch(b.$$typeof){case A:var g=
+b._init;b=g(b._payload);return S(a,b,d,c,e,f);case wa:return a=b.render,J=0,K=f,a(e,void 0);case za:return S(a,b.type,d,c,e,f);case ua:return Ia(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:ib}]}}throw Error("Unsupported Server Component type: "+Ya(b));}function kb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,pb(a))}
+function hb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return kb(a,e)},thenableState:null};c.add(e);return e}function T(a){return"$"+a.toString(16)}function qb(a,b,d){a=O(d);b=b.toString(16)+":"+a+"\n";return r.encode(b)}
+function rb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):T(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var m=h[k];if(m)g=m.name;else{var q=k.lastIndexOf("#");-1!==q&&(g=k.slice(q+1),m=h[k.slice(0,q)]);if(!m)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var F=!0===c.$$async?[m.id,m.chunks,g,1]:[m.id,m.chunks,
+g];a.pendingChunks++;var H=a.nextChunkId++,C=O(F),Jb=H.toString(16)+":I"+C+"\n",Kb=r.encode(Jb);a.completedImportChunks.push(Kb);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):T(H)}catch(Lb){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,Lb),Q(a,b,d),T(b)}}function sb(a,b){a.pendingChunks++;var d=a.nextChunkId++;tb(a,d,b);return d}
+function U(a,b,d){a.pendingChunks+=2;var c=a.nextChunkId++,e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=r.encode(b);a.completedRegularChunks.push(b,d);return T(c)}
+function fb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=c;c=S(a,e.type,e.key,e.ref,e.props,null);break;case A:var f=c._init;c=f(c._payload)}}catch(g){d=g===Ja?Ma():g;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=hb(a,c,D,a.abortableTasks),c=a.ping,d.then(c,c),a.thenableState=Na(),"$L"+a.id.toString(16);if(d.$$typeof===Ba)return c=d,a.pendingChunks++,d=a.nextChunkId++,
+lb(a,c.message),mb(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=P(a,d);Q(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return rb(a,b,d,c);if("function"===typeof c.then)return"$@"+jb(a,c).toString(16);if(c.$$typeof===ua)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=qb(a,d,"$P"+c),a.completedRegularChunks.push(c)),T(d);if(c===ib){a=D;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");
+c=a.parentValue;a.context._currentValue=c===B?a.context._defaultValue:c;D=a.parent;return}return c instanceof Map?"$Q"+sb(a,Array.from(c)).toString(16):c instanceof Set?"$W"+sb(a,Array.from(c)).toString(16):c instanceof ArrayBuffer?U(a,"A",new Uint8Array(c)):c instanceof Int8Array?U(a,"C",c):c instanceof Uint8Array?U(a,"c",c):c instanceof Uint8ClampedArray?U(a,"U",c):c instanceof Int16Array?U(a,"S",c):c instanceof Uint16Array?U(a,"s",c):c instanceof Int32Array?U(a,"L",c):c instanceof Uint32Array?
+U(a,"l",c):c instanceof Float32Array?U(a,"F",c):c instanceof Float64Array?U(a,"D",c):c instanceof BigInt64Array?U(a,"N",c):c instanceof BigUint64Array?U(a,"m",c):c instanceof DataView?U(a,"V",c):!Wa(c)&&(null===c||"object"!==typeof c?a=null:(a=Ca&&c[Ca]||c["@@iterator"],a="function"===typeof a?a:null),a)?Array.from(c):c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,c=r.encode(c),b=c.byteLength,b=d.toString(16)+
+":T"+b.toString(16)+",",b=r.encode(b),a.completedRegularChunks.push(b,c),T(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return rb(a,b,d,c);if(c.$$typeof===u)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,
+b={id:c.$$id,bound:b?Promise.resolve(b):null},a=sb(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+N(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+N(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);
+f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+N(b,d));a.pendingChunks++;d=a.nextChunkId++;b=qb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return T(d)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+N(b,d));}
+function lb(a,b){a=a.onPostpone;a(b)}function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function ub(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
+function mb(a,b){b=b.toString(16)+":P\n";b=r.encode(b);a.completedErrorChunks.push(b)}function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+O(d)+"\n";b=r.encode(b);a.completedErrorChunks.push(b)}function tb(a,b,d){d=O(d,a.toJSON);b=b.toString(16)+":"+d+"\n";b=r.encode(b);a.completedRegularChunks.push(b)}
+function pb(a){var b=ab.current;ab.current=Sa;var d=w;I=w=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++){var f=c[e];a:{var g=a;if(0===f.status){Ha(f.context);try{var h=f.model;if("object"===typeof h&&null!==h&&h.$$typeof===z){var k=h,m=f.thenableState;f.model=h;h=S(g,k.type,k.key,k.ref,k.props,m);for(f.thenableState=null;"object"===typeof h&&null!==h&&h.$$typeof===z;)k=h,f.model=h,h=S(g,k.type,k.key,k.ref,k.props,null)}tb(g,f.id,h);g.abortableTasks.delete(f);f.status=1}catch(C){var q=
+C===Ja?Ma():C;if("object"===typeof q&&null!==q)if("function"===typeof q.then){var F=f.ping;q.then(F,F);f.thenableState=Na();break a}else if(q.$$typeof===Ba){g.abortableTasks.delete(f);f.status=4;lb(g,q.message);mb(g,f.id);break a}g.abortableTasks.delete(f);f.status=4;var H=P(g,q);Q(g,f.id,H)}}}}null!==a.destination&&R(a,a.destination)}catch(C){P(a,C),ub(a,C)}finally{ab.current=b,I=null,w=d}}
+function R(a,b){l=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
+b.close()}function vb(a,b){try{var d=a.abortableTasks;if(0<d.size){var c=void 0===b?Error("The render was aborted by the server without a reason."):b,e=P(a,c);a.pendingChunks++;var f=a.nextChunkId++;Q(a,f,e,c);d.forEach(function(g){g.status=3;var h=T(f);g=qb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),ub(a,g)}}
+function gb(a){if(a){var b=D;Ha(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!$a[e]){var f={$$typeof:va,_currentValue:B,_currentValue2:B,_defaultValue:B,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:ua,_context:f};$a[e]=f}Ia($a[e],c)}a=D;Ha(b);return a}return null}
+function wb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var V=new Map;
+function xb(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function yb(){}
+function zb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=V.get(e);if(void 0===f){f=__turbopack_load__(e);d.push(f);var g=V.set.bind(V,e,null);f.then(g,yb);V.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?xb(a[0]):Promise.all(d).then(function(){return xb(a[0])}):0<d.length?Promise.all(d):null}
+function W(a){var b=__turbopack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ab(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Ab.prototype=Object.create(Promise.prototype);
+Ab.prototype.then=function(a,b){switch(this.status){case "resolved_model":Bb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Cb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
+function Db(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Cb(d,b)}}function Eb(a,b,d,c,e,f){var g=wb(a._bundlerConfig,b);a=zb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Fb(c,e,f),Gb(c));return null}var X=null,Y=null;
+function Bb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Hb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Db(d,b)})}
+function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Ab("resolved_model",c,null,a):new Ab("pending",null,null,a),d.set(b,c));return c}function Fb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Cb(e,c.value))}}function Gb(a){return function(b){return Db(a,b)}}
+function Ib(a,b){a=Z(a,b);"resolved_model"===a.status&&Bb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Mb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Ib(a,c),Eb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Ib(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Ib(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Bb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Fb(c,b,d),Gb(c)),null;default:throw a.reason;}}return c}
+function Nb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Mb(e,this,f,g):g}};return e}function Ob(a){Hb(a,Error("Connection closed."))}function Pb(a,b,d){var c=wb(a,b);a=zb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
+function Qb(a,b,d){a=Nb(b,d,a);Ob(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,ja)};
+exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Qb(a,b,e),c=Pb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Pb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Nb(b,"",a);Ob(a);return Z(a,0)};
+exports.registerClientReference=function(a,b,d){return v(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
+exports.renderToReadableStream=function(a,b,d){var c=eb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)vb(c,e.reason);else{var f=function(){vb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){c.flushScheduled=null!==c.destination;pb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===
+c.destination){c.destination=g;try{R(c,g)}catch(h){P(c,h),ub(c,h)}}},cancel:function(){}},{highWaterMark:0})};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js
new file mode 100644
index 0000000000000..4bf4e942d2bd3
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js
@@ -0,0 +1,3543 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.edge.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function scheduleWork(callback) {
+  setTimeout(callback, 0);
+}
+var VIEW_SIZE = 512;
+var currentView = null;
+var writtenBytes = 0;
+function beginWriting(destination) {
+  currentView = new Uint8Array(VIEW_SIZE);
+  writtenBytes = 0;
+}
+function writeChunk(destination, chunk) {
+  if (chunk.byteLength === 0) {
+    return;
+  }
+
+  if (chunk.byteLength > VIEW_SIZE) {
+    {
+      if (precomputedChunkSet.has(chunk)) {
+        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
+      }
+    } // this chunk may overflow a single view which implies it was not
+    // one that is cached by the streaming renderer. We will enqueu
+    // it directly and expect it is not re-used
+
+
+    if (writtenBytes > 0) {
+      destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    destination.enqueue(chunk);
+    return;
+  }
+
+  var bytesToWrite = chunk;
+  var allowableBytes = currentView.length - writtenBytes;
+
+  if (allowableBytes < bytesToWrite.byteLength) {
+    // this chunk would overflow the current view. We enqueue a full view
+    // and start a new view with the remaining chunk
+    if (allowableBytes === 0) {
+      // the current view is already full, send it
+      destination.enqueue(currentView);
+    } else {
+      // fill up the current view and apply the remaining chunk bytes
+      // to a new view.
+      currentView.set(bytesToWrite.subarray(0, allowableBytes), writtenBytes); // writtenBytes += allowableBytes; // this can be skipped because we are going to immediately reset the view
+
+      destination.enqueue(currentView);
+      bytesToWrite = bytesToWrite.subarray(allowableBytes);
+    }
+
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+
+  currentView.set(bytesToWrite, writtenBytes);
+  writtenBytes += bytesToWrite.byteLength;
+}
+function writeChunkAndReturn(destination, chunk) {
+  writeChunk(destination, chunk); // in web streams there is no backpressure so we can alwas write more
+
+  return true;
+}
+function completeWriting(destination) {
+  if (currentView && writtenBytes > 0) {
+    destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
+    currentView = null;
+    writtenBytes = 0;
+  }
+}
+function close$1(destination) {
+  destination.close();
+}
+var textEncoder = new TextEncoder();
+function stringToChunk(content) {
+  return textEncoder.encode(content);
+}
+var precomputedChunkSet = new Set() ;
+function typedArrayToBinaryChunk(content) {
+  // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
+  // If we passed through this straight to enqueue we wouldn't have to convert it but since
+  // we need to copy the buffer in that case, we need to convert it to copy it.
+  // When we copy it into another array using set() it needs to be a Uint8Array.
+  var buffer = new Uint8Array(content.buffer, content.byteOffset, content.byteLength); // We clone large chunks so that we can transfer them when we write them.
+  // Others get copied into the target buffer.
+
+  return content.byteLength > VIEW_SIZE ? buffer.slice() : buffer;
+}
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
+function byteLengthOfBinaryChunk(chunk) {
+  return chunk.byteLength;
+}
+function closeWithError(destination, error) {
+  // $FlowFixMe[method-unbinding]
+  if (typeof destination.error === 'function') {
+    // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+    destination.error(error);
+  } else {
+    // Earlier implementations doesn't support this method. In that environment you're
+    // supposed to throw from a promise returned but we don't return a promise in our
+    // approach. We could fork this implementation but this is environment is an edge
+    // case to begin with. It's even less common to run this in an older environment.
+    // Even then, this is not where errors are supposed to happen and they get reported
+    // to a global callback in addition to this anyway. So it's fine just to close this.
+    destination.close();
+  }
+}
+
+// eslint-disable-next-line no-unused-vars
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+function isServerReference(reference) {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+function registerClientReference(proxyImplementation, id, exportName) {
+  return registerClientReferenceImpl(proxyImplementation, id + '#' + exportName, false);
+}
+
+function registerClientReferenceImpl(proxyImplementation, id, async) {
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: {
+      value: CLIENT_REFERENCE_TAG
+    },
+    $$id: {
+      value: id
+    },
+    $$async: {
+      value: async
+    }
+  });
+} // $FlowFixMe[method-unbinding]
+
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    var args = ArraySlice.call(arguments, 1);
+    newFn.$$typeof = SERVER_REFERENCE_TAG;
+    newFn.$$id = this.$$id;
+    newFn.$$bound = this.$$bound ? this.$$bound.concat(args) : args;
+  }
+
+  return newFn;
+}
+
+function registerServerReference(reference, id, exportName) {
+  return Object.defineProperties(reference, {
+    $$typeof: {
+      value: SERVER_REFERENCE_TAG
+    },
+    $$id: {
+      value: exportName === null ? id : id + '#' + exportName
+    },
+    $$bound: {
+      value: null
+    },
+    bind: {
+      value: bind
+    }
+  });
+}
+var PROMISE_PROTOTYPE = Promise.prototype;
+var deepProxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        // These names are a little too common. We should probably have a way to
+        // have the Flight runtime extract the inner target instead.
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+
+      case 'displayName':
+        return undefined;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case 'Provider':
+        throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var expression = String(target.name) + '.' + String(name);
+    throw new Error("Cannot access " + expression + " on the server. " + 'You cannot dot into a client module from a server component. ' + 'You can only pass the imported name through.');
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case '__esModule':
+        // Something is conditionally checking which export to use. We'll pretend to be
+        // an ESM compat module but then we'll check again on the client.
+        var moduleId = target.$$id;
+        target.default = registerClientReferenceImpl(function () {
+          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+        }, target.$$id + '#', target.$$async);
+        return true;
+
+      case 'then':
+        if (target.then) {
+          // Use a cached value
+          return target.then;
+        }
+
+        if (!target.$$async) {
+          // If this module is expected to return a Promise (such as an AsyncModule) then
+          // we should resolve that with a client reference that unwraps the Promise on
+          // the client.
+          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+          target.status = 'fulfilled';
+          target.value = proxy;
+          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+            // Expose to React.
+            return Promise.resolve(resolve(proxy));
+          }, // If this is not used as a Promise but is treated as a reference to a `.then`
+          // export then we should treat it as a reference to that name.
+          target.$$id + '#then', false);
+          return then;
+        } else {
+          // Since typeof .then === 'function' is a feature test we'd continue recursing
+          // indefinitely if we return a function. Instead, we return an object reference
+          // if we check further.
+          return undefined;
+        }
+
+    }
+
+    var cachedReference = target[name];
+
+    if (!cachedReference) {
+      var reference = registerClientReferenceImpl(function () {
+        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+      }, target.$$id + '#' + name, target.$$async);
+      Object.defineProperty(reference, 'name', {
+        value: name
+      });
+      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    }
+
+    return cachedReference;
+  },
+  getPrototypeOf: function (target) {
+    // Pretend to be a Promise in case anyone asks.
+    return PROMISE_PROTOTYPE;
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+function createClientModuleProxy(moduleId) {
+  var clientReference = registerClientReferenceImpl({}, // Represents the whole Module object instead of a particular import.
+  moduleId, false);
+  return new Proxy(clientReference, proxyHandlers);
+}
+
+function getClientReferenceKey(reference) {
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
+}
+function resolveClientReferenceMetadata(config, clientReference) {
+  var modulePath = clientReference.$$id;
+  var name = '';
+  var resolvedModuleData = config[modulePath];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = modulePath.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = modulePath.slice(idx + 1);
+      resolvedModuleData = config[modulePath.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + modulePath + '" in the React Client Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  }
+
+  if (clientReference.$$async === true) {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
+  } else {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+  }
+}
+function getServerReferenceId(config, serverReference) {
+  return serverReference.$$id;
+}
+function getServerReferenceBoundArguments(config, serverReference) {
+  return serverReference.$$bound;
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+
+function prefetchDNS(href) {
+  {
+    if (typeof href === 'string' && href) {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'D|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, 'D', href);
+      }
+    }
+  }
+}
+
+function preconnect(href, crossOrigin) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "C|" + (crossOrigin == null ? 'null' : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (typeof crossOrigin === 'string') {
+          emitHint(request, 'C', [href, crossOrigin]);
+        } else {
+          emitHint(request, 'C', href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, as, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'L';
+
+        if (as === 'image' && options) {
+          key += getImagePreloadKey(href, options.imageSrcSet, options.imageSizes);
+        } else {
+          key += "[" + as + "]" + href;
+        }
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          emitHint(request, 'L', [href, as, trimmed]);
+        } else {
+          emitHint(request, 'L', [href, as]);
+        }
+      }
+    }
+  }
+}
+
+function preloadModule$1(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'm|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'm', [href, trimmed]);
+        } else {
+          return emitHint(request, 'm', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitStyle(href, precedence, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'S|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'S', [href, typeof precedence === 'string' ? precedence : 0, trimmed]);
+        } else if (typeof precedence === 'string') {
+          return emitHint(request, 'S', [href, precedence]);
+        } else {
+          return emitHint(request, 'S', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'X|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'X', [href, trimmed]);
+        } else {
+          return emitHint(request, 'X', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitModuleScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'M|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'M', [href, trimmed]);
+        } else {
+          return emitHint(request, 'M', href);
+        }
+      }
+    }
+  }
+} // Flight normally encodes undefined as a special character however for directive option
+// arguments we don't want to send unnecessary keys and bloat the payload so we create a
+// trimmed object which omits any keys with null or undefined values.
+// This is only typesafe because these option objects have entirely optional fields where
+// null and undefined represent the same thing as no property.
+
+
+function trimOptions(options) {
+  if (options == null) return null;
+  var hasProperties = false;
+  var trimmed = {};
+
+  for (var key in options) {
+    if (options[key] != null) {
+      hasProperties = true;
+      trimmed[key] = options[key];
+    }
+  }
+
+  return hasProperties ? trimmed : null;
+}
+
+function getImagePreloadKey(href, imageSrcSet, imageSizes) {
+  var uniquePart = '';
+
+  if (typeof imageSrcSet === 'string' && imageSrcSet !== '') {
+    uniquePart += '[' + imageSrcSet + ']';
+
+    if (typeof imageSizes === 'string') {
+      uniquePart += '[' + imageSizes + ']';
+    }
+  } else {
+    uniquePart += '[][]' + href;
+  }
+
+  return "[image]" + uniquePart;
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+// small, smaller than how we encode undefined, and is unambiguous. We could use
+// a different tuple structure to encode this instead but this makes the runtime
+// cost cheaper by eliminating a type checks in more positions.
+// prettier-ignore
+
+function createHints() {
+  return new Set();
+}
+
+var supportsRequestStorage = typeof AsyncLocalStorage === 'function';
+var requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null;
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
+
+
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
+
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
+
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+
+      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
+
+      pushNode(next);
+    }
+  }
+}
+
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
+
+function pushAllNext(next) {
+  var parentNext = next.parent;
+
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
+
+  pushNode(next);
+}
+
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
+
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
+
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
+
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
+
+
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
+
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
+    }
+
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
+
+  {
+    prevValue = context._currentValue;
+    context._currentValue = nextValue;
+
+    {
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer = rendererSigil;
+    }
+  }
+
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
+}
+function popProvider() {
+  var prevSnapshot = currentActiveSnapshot;
+
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
+  }
+
+  {
+    var value = prevSnapshot.parentValue;
+
+    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
+      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
+    } else {
+      prevSnapshot.context._currentValue = value;
+    }
+  }
+
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue ;
+  return value;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop, noop);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+var currentRequest$1 = null;
+var thenableIndexCounter = 0;
+var thenableState = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest$1 = request;
+}
+function resetHooksForRequest() {
+  currentRequest$1 = null;
+}
+function prepareToUseHooksForComponent(prevThenableState) {
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+
+function readContext(context) {
+  {
+    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
+    }
+
+    if (currentRequest$1 === null) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+var HooksDispatcher = {
+  useMemo: function (nextCreate) {
+    return nextCreate();
+  },
+  useCallback: function (callback) {
+    return callback;
+  },
+  useDebugValue: function () {},
+  useDeferredValue: unsupportedHook,
+  useTransition: unsupportedHook,
+  readContext: readContext,
+  useContext: readContext,
+  useReducer: unsupportedHook,
+  useRef: unsupportedHook,
+  useState: unsupportedHook,
+  useInsertionEffect: unsupportedHook,
+  useLayoutEffect: unsupportedHook,
+  useImperativeHandle: unsupportedHook,
+  useEffect: unsupportedHook,
+  useId: useId,
+  useSyncExternalStore: unsupportedHook,
+  useCacheRefresh: function () {
+    return unsupportedRefresh;
+  },
+  useMemoCache: function (size) {
+    var data = new Array(size);
+
+    for (var i = 0; i < size; i++) {
+      data[i] = REACT_MEMO_CACHE_SENTINEL;
+    }
+
+    return data;
+  },
+  use: use
+};
+
+function unsupportedHook() {
+  throw new Error('This Hook is not supported in Server Components.');
+}
+
+function unsupportedRefresh() {
+  throw new Error('Refreshing the cache is not supported in Server Components.');
+}
+
+function useId() {
+  if (currentRequest$1 === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest$1.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable; // Track the position of the thenable within this fiber.
+
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
+
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
+
+      return trackUsedThenable(thenableState, thenable, index);
+    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function createSignal() {
+  return new AbortController().signal;
+}
+
+function resolveCache() {
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
+
+  return new Map();
+}
+
+var DefaultCacheDispatcher = {
+  getCacheSignal: function () {
+    var cache = resolveCache();
+    var entry = cache.get(createSignal);
+
+    if (entry === undefined) {
+      entry = createSignal();
+      cache.set(createSignal, entry);
+    }
+
+    return entry;
+  },
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache();
+    var entry = cache.get(resourceType);
+
+    if (entry === undefined) {
+      entry = resourceType(); // TODO: Warn if undefined?
+
+      cache.set(resourceType, entry);
+    }
+
+    return entry;
+  }
+};
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var stringify = JSON.stringify; // Serializable values
+// Thenable<ReactClientValue>
+
+var PENDING$1 = 0;
+var COMPLETED = 1;
+var ABORTED = 3;
+var ERRORED$1 = 4;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+
+function defaultErrorHandler(error) {
+  console['error'](error); // Don't transform to our wrapper
+}
+
+function defaultPostponeHandler(reason) {// Noop
+}
+
+var OPEN = 0;
+var CLOSING = 1;
+var CLOSED = 2;
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+  if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
+    throw new Error('Currently React only supports one RSC renderer at a time.');
+  }
+
+  prepareHostDispatcher();
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  var abortSet = new Set();
+  var pingedTasks = [];
+  var hints = createHints();
+  var request = {
+    status: OPEN,
+    flushScheduled: false,
+    fatalError: null,
+    destination: null,
+    bundlerConfig: bundlerConfig,
+    cache: new Map(),
+    nextChunkId: 0,
+    pendingChunks: 0,
+    hints: hints,
+    abortableTasks: abortSet,
+    pingedTasks: pingedTasks,
+    completedImportChunks: [],
+    completedHintChunks: [],
+    completedRegularChunks: [],
+    completedErrorChunks: [],
+    writtenSymbols: new Map(),
+    writtenClientReferences: new Map(),
+    writtenServerReferences: new Map(),
+    writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
+    onError: onError === undefined ? defaultErrorHandler : onError,
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
+    // $FlowFixMe[missing-this-annot]
+    toJSON: function (key, value) {
+      return resolveModelToJSON(request, this, key, value);
+    }
+  };
+  request.pendingChunks++;
+  var rootContext = createRootContext(context);
+  var rootTask = createTask(request, model, rootContext, abortSet);
+  pingedTasks.push(rootTask);
+  return request;
+}
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  if (supportsRequestStorage) {
+    var store = requestStorage.getStore();
+    if (store) return store;
+  }
+
+  return null;
+}
+
+function createRootContext(reqContext) {
+  return importServerContexts(reqContext);
+}
+
+var POP = {};
+
+function serializeThenable(request, thenable) {
+  request.pendingChunks++;
+  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        // We have the resolved value, we can go ahead and schedule it for serialization.
+        newTask.model = thenable.value;
+        pingTask(request, newTask);
+        return newTask.id;
+      }
+
+    case 'rejected':
+      {
+        var x = thenable.reason;
+
+        if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = x;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, newTask.id, postponeInstance);
+        } else {
+          var digest = logRecoverableError(request, x);
+          emitErrorChunk(request, newTask.id, digest, x);
+        }
+
+        return newTask.id;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  thenable.then(function (value) {
+    newTask.model = value;
+    pingTask(request, newTask);
+  }, function (reason) {
+    newTask.status = ERRORED$1;
+    request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled
+
+    var digest = logRecoverableError(request, reason);
+    emitErrorChunk(request, newTask.id, digest, reason);
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  });
+  return newTask.id;
+}
+
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
+function readThenable(thenable) {
+  if (thenable.status === 'fulfilled') {
+    return thenable.value;
+  } else if (thenable.status === 'rejected') {
+    throw thenable.reason;
+  }
+
+  throw thenable;
+}
+
+function createLazyWrapperAroundWakeable(wakeable) {
+  // This is a temporary fork of the `use` implementation until we accept
+  // promises everywhere.
+  var thenable = wakeable;
+
+  switch (thenable.status) {
+    case 'fulfilled':
+    case 'rejected':
+      break;
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: thenable,
+    _init: readThenable
+  };
+  return lazyType;
+}
+
+function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    } // This is a server-side component.
+
+
+    prepareToUseHooksForComponent(prevThenableState);
+    var result = type(props);
+
+    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+      // When the return value is in children position we can resolve it immediately,
+      // to its value without a wrapper if it's synchronously available.
+      var thenable = result;
+
+      if (thenable.status === 'fulfilled') {
+        return thenable.value;
+      } // TODO: Once we accept Promises as children on the client, we can just return
+      // the thenable here.
+
+
+      return createLazyWrapperAroundWakeable(result);
+    }
+
+    return result;
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      // TODO: If a key is specified, we should propagate its key to any children.
+      // Same as if a Server Component has a key.
+      return props.children;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          var render = type.render;
+          prepareToUseHooksForComponent(prevThenableState);
+          return render(props, undefined);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+        }
+
+      case REACT_PROVIDER_TYPE:
+        {
+          pushProvider(type._context, props.value);
+
+          {
+            var extraKeys = Object.keys(props).filter(function (value) {
+              if (value === 'children' || value === 'value') {
+                return false;
+              }
+
+              return true;
+            });
+
+            if (extraKeys.length !== 0) {
+              error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
+            }
+          }
+
+          return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
+          {
+            value: props.value,
+            children: props.children,
+            __pop: POP
+          }];
+        }
+    }
+  }
+
+  throw new Error("Unsupported Server Component type: " + describeValueForErrorMessage(type));
+}
+
+function pingTask(request, task) {
+  var pingedTasks = request.pingedTasks;
+  pingedTasks.push(task);
+
+  if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function createTask(request, model, context, abortSet) {
+  var id = request.nextChunkId++;
+  var task = {
+    id: id,
+    status: PENDING$1,
+    model: model,
+    context: context,
+    ping: function () {
+      return pingTask(request, task);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
+}
+
+function serializeLazyID(id) {
+  return '$L' + id.toString(16);
+}
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeProviderReference(name) {
+  return '$P' + name;
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeRowHeader(tag, id) {
+  return id.toString(16) + ':' + tag;
+}
+
+function encodeReferenceChunk(request, id, reference) {
+  var json = stringify(reference);
+  var row = id.toString(16) + ':' + json + '\n';
+  return stringToChunk(row);
+}
+
+function serializeClientReference(request, parent, key, clientReference) {
+  var clientReferenceKey = getClientReferenceKey(clientReference);
+  var writtenClientReferences = request.writtenClientReferences;
+  var existingId = writtenClientReferences.get(clientReferenceKey);
+
+  if (existingId !== undefined) {
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(existingId);
+    }
+
+    return serializeByValueID(existingId);
+  }
+
+  try {
+    var clientReferenceMetadata = resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
+    request.pendingChunks++;
+    var importId = request.nextChunkId++;
+    emitImportChunk(request, importId, clientReferenceMetadata);
+    writtenClientReferences.set(clientReferenceKey, importId);
+
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(importId);
+    }
+
+    return serializeByValueID(importId);
+  } catch (x) {
+    request.pendingChunks++;
+    var errorId = request.nextChunkId++;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, errorId, digest, x);
+    return serializeByValueID(errorId);
+  }
+}
+
+function outlineModel(request, value) {
+  request.pendingChunks++;
+  var outlinedId = request.nextChunkId++; // We assume that this object doesn't suspend, but a child might.
+
+  emitModelChunk(request, outlinedId, value);
+  return outlinedId;
+}
+
+function serializeServerReference(request, parent, key, serverReference) {
+  var writtenServerReferences = request.writtenServerReferences;
+  var existingId = writtenServerReferences.get(serverReference);
+
+  if (existingId !== undefined) {
+    return serializeServerReferenceID(existingId);
+  }
+
+  var bound = getServerReferenceBoundArguments(request.bundlerConfig, serverReference);
+  var serverReferenceMetadata = {
+    id: getServerReferenceId(request.bundlerConfig, serverReference),
+    bound: bound ? Promise.resolve(bound) : null
+  };
+  var metadataId = outlineModel(request, serverReferenceMetadata);
+  writtenServerReferences.set(serverReference, metadataId);
+  return serializeServerReferenceID(metadataId);
+}
+
+function serializeLargeTextString(request, text) {
+  request.pendingChunks += 2;
+  var textId = request.nextChunkId++;
+  var textChunk = stringToChunk(text);
+  var binaryLength = byteLengthOfChunk(textChunk);
+  var row = textId.toString(16) + ':T' + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, textChunk);
+  return serializeByValueID(textId);
+}
+
+function serializeMap(request, map) {
+  var id = outlineModel(request, Array.from(map));
+  return '$Q' + id.toString(16);
+}
+
+function serializeSet(request, set) {
+  var id = outlineModel(request, Array.from(set));
+  return '$W' + id.toString(16);
+}
+
+function serializeTypedArray(request, tag, typedArray) {
+  request.pendingChunks += 2;
+  var bufferId = request.nextChunkId++; // TODO: Convert to little endian if that's not the server default.
+
+  var binaryChunk = typedArrayToBinaryChunk(typedArray);
+  var binaryLength = byteLengthOfBinaryChunk(binaryChunk);
+  var row = bufferId.toString(16) + ':' + tag + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, binaryChunk);
+  return serializeByValueID(bufferId);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+var insideContextProps = null;
+var isInsideContextValue = false;
+
+function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+  {
+    // $FlowFixMe[incompatible-use]
+    var originalValue = parent[key];
+
+    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+      if (objectName(originalValue) !== 'Object') {
+        var jsxParentType = jsxChildrenParents.get(parent);
+
+        if (typeof jsxParentType === 'string') {
+          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        }
+      } else {
+        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+      }
+    }
+  } // Special Symbols
+
+
+  switch (value) {
+    case REACT_ELEMENT_TYPE:
+      return '$';
+  }
+
+  {
+    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
+      insideContextProps = value;
+    } else if (insideContextProps === parent && key === 'value') {
+      isInsideContextValue = true;
+    } else if (insideContextProps === parent && key === 'children') {
+      isInsideContextValue = false;
+    }
+  } // Resolve Server Components.
+
+
+  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    {
+      if (isInsideContextValue) {
+        error('React elements are not allowed in ServerContext');
+      }
+    }
+
+    try {
+      switch (value.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            // TODO: Concatenate keys of parents onto children.
+            var element = value; // Attempt to render the Server Component.
+
+            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
+            break;
+          }
+
+        case REACT_LAZY_TYPE:
+          {
+            var payload = value._payload;
+            var init = value._init;
+            value = init(payload);
+            break;
+          }
+      }
+    } catch (thrownValue) {
+      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+      // reasons, the rest of the Suspense implementation expects the thrown
+      // value to be a thenable, because before `use` existed that was the
+      // (unstable) API for suspending. This implementation detail can change
+      // later, once we deprecate the old API in favor of `use`.
+      getSuspendedThenable() : thrownValue;
+
+      if (typeof x === 'object' && x !== null) {
+        // $FlowFixMe[method-unbinding]
+        if (typeof x.then === 'function') {
+          // Something suspended, we'll need to create a new task and resolve it later.
+          request.pendingChunks++;
+          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+          var ping = newTask.ping;
+          x.then(ping, ping);
+          newTask.thenableState = getThenableStateAfterSuspending();
+          return serializeLazyID(newTask.id);
+        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+          // Something postponed. We'll still send everything we have up until this point.
+          // We'll replace this element with a lazy reference that postpones on the client.
+          var postponeInstance = x;
+          request.pendingChunks++;
+          var postponeId = request.nextChunkId++;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, postponeId, postponeInstance);
+          return serializeLazyID(postponeId);
+        }
+      } // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
+
+
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      var digest = logRecoverableError(request, x);
+      emitErrorChunk(request, errorId, digest, x);
+      return serializeLazyID(errorId);
+    }
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value); // $FlowFixMe[method-unbinding]
+    } else if (typeof value.then === 'function') {
+      // We assume that any object with a .then property is a "Thenable" type,
+      // or a Promise type. Either of which can be represented by a Promise.
+      var promiseId = serializeThenable(request, value);
+      return serializePromiseID(promiseId);
+    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+      var providerKey = value._context._globalName;
+      var writtenProviders = request.writtenProviders;
+      var providerId = writtenProviders.get(key);
+
+      if (providerId === undefined) {
+        request.pendingChunks++;
+        providerId = request.nextChunkId++;
+        writtenProviders.set(providerKey, providerId);
+        emitProviderChunk(request, providerId, providerKey);
+      }
+
+      return serializeByValueID(providerId);
+    } else if (value === POP) {
+      popProvider();
+
+      {
+        insideContextProps = null;
+        isInsideContextValue = false;
+      }
+
+      return undefined;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'D', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
+    {
+      if (value !== null && !isArray(value)) {
+        // Verify that this is a simple plain object.
+        if (objectName(value) !== 'Object') {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        } else if (!isSimpleObject(value)) {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        } else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+
+          if (symbols.length > 0) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          }
+        }
+      }
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key];
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, parent, key, value);
+    }
+
+    if (/^on[A-Z]/.test(key)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else {
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+    }
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+    var existingId = writtenSymbols.get(value);
+
+    if (existingId !== undefined) {
+      return serializeByValueID(existingId);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description;
+
+    if (Symbol.for(name) !== value) {
+      throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+    }
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    writtenSymbols.set(value, symbolId);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+}
+
+function logPostpone(request, reason) {
+  var onPostpone = request.onPostpone;
+  onPostpone(reason);
+}
+
+function logRecoverableError(request, error) {
+  var onError = request.onError;
+  var errorDigest = onError(error);
+
+  if (errorDigest != null && typeof errorDigest !== 'string') {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
+  }
+
+  return errorDigest || '';
+}
+
+function fatalError(request, error) {
+  // This is called outside error handling code such as if an error happens in React internals.
+  if (request.destination !== null) {
+    request.status = CLOSED;
+    closeWithError(request.destination, error);
+  } else {
+    request.status = CLOSING;
+    request.fatalError = error;
+  }
+}
+
+function emitPostponeChunk(request, id, postponeInstance) {
+  var row;
+
+  {
+    var reason = '';
+    var stack = '';
+
+    try {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      reason = String(postponeInstance.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+      stack = String(postponeInstance.stack);
+    } catch (x) {}
+
+    row = serializeRowHeader('P', id) + stringify({
+      reason: reason,
+      stack: stack
+    }) + '\n';
+  }
+
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitErrorChunk(request, id, digest, error) {
+  var errorInfo;
+
+  {
+    var message;
+    var stack = '';
+
+    try {
+      if (error instanceof Error) {
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+        stack = String(error.stack);
+      } else {
+        message = 'Error: ' + error;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+    }
+
+    errorInfo = {
+      digest: digest,
+      message: message,
+      stack: stack
+    };
+  }
+
+  var row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitImportChunk(request, id, clientReferenceMetadata) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(clientReferenceMetadata);
+  var row = serializeRowHeader('I', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitHintChunk(request, code, model) {
+  var json = stringify(model);
+  var id = request.nextChunkId++;
+  var row = serializeRowHeader('H' + code, id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedHintChunks.push(processedChunk);
+}
+
+function emitSymbolChunk(request, id, name) {
+  var symbolReference = serializeSymbolReference(name);
+  var processedChunk = encodeReferenceChunk(request, id, symbolReference);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitProviderChunk(request, id, contextName) {
+  var contextReference = serializeProviderReference(contextName);
+  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function emitModelChunk(request, id, model) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(model, request.toJSON);
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function retryTask(request, task) {
+  if (task.status !== PENDING$1) {
+    // We completed this by other means before we had a chance to retry it.
+    return;
+  }
+
+  switchContext(task.context);
+
+  try {
+    var value = task.model;
+
+    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+      // TODO: Concatenate keys of parents onto children.
+      var element = value; // When retrying a component, reuse the thenableState from the
+      // previous attempt.
+
+      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
+      // Doing this here lets us reuse this same task if the next component
+      // also suspends.
+
+      task.model = value;
+      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
+      // using the same task, but we reset its thenable state before continuing.
+
+      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
+      // from the render above because we don't need to reset the thenable state
+      // until the next time something suspends and retries.
+
+      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+        // TODO: Concatenate keys of parents onto children.
+        var nextElement = value;
+        task.model = value;
+        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
+      }
+    }
+
+    emitModelChunk(request, task.id, value);
+    request.abortableTasks.delete(task);
+    task.status = COMPLETED;
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue;
+
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended again, let's pick it back up later.
+        var ping = task.ping;
+        x.then(ping, ping);
+        task.thenableState = getThenableStateAfterSuspending();
+        return;
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        request.abortableTasks.delete(task);
+        task.status = ERRORED$1;
+        var postponeInstance = x;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, task.id, postponeInstance);
+        return;
+      }
+    }
+
+    request.abortableTasks.delete(task);
+    task.status = ERRORED$1;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, task.id, digest, x);
+  }
+}
+
+function performWork(request) {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = HooksDispatcher;
+  var prevRequest = currentRequest;
+  currentRequest = request;
+  prepareToUseHooksForRequest(request);
+
+  try {
+    var pingedTasks = request.pingedTasks;
+    request.pingedTasks = [];
+
+    for (var i = 0; i < pingedTasks.length; i++) {
+      var task = pingedTasks[i];
+      retryTask(request, task);
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  } finally {
+    ReactCurrentDispatcher.current = prevDispatcher;
+    resetHooksForRequest();
+    currentRequest = prevRequest;
+  }
+}
+
+function abortTask(task, request, errorId) {
+  task.status = ABORTED; // Instead of emitting an error per task.id, we emit a model that only
+  // has a single value referencing the error.
+
+  var ref = serializeByValueID(errorId);
+  var processedChunk = encodeReferenceChunk(request, task.id, ref);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function flushCompletedChunks(request, destination) {
+  beginWriting();
+
+  try {
+    // We emit module chunks first in the stream so that
+    // they can be preloaded as early as possible.
+    var importsChunks = request.completedImportChunks;
+    var i = 0;
+
+    for (; i < importsChunks.length; i++) {
+      request.pendingChunks--;
+      var chunk = importsChunks[i];
+      var keepWriting = writeChunkAndReturn(destination, chunk);
+
+      if (!keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
+
+    var regularChunks = request.completedRegularChunks;
+    i = 0;
+
+    for (; i < regularChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk2 = regularChunks[i];
+
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+
+      if (!_keepWriting2) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    regularChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
+    // any error messages and prioritize display of other parts of
+    // the page.
+
+    var errorChunks = request.completedErrorChunks;
+    i = 0;
+
+    for (; i < errorChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk3 = errorChunks[i];
+
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
+
+      if (!_keepWriting3) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = false;
+    completeWriting(destination);
+  }
+
+  if (request.pendingChunks === 0) {
+    // We're done.
+    close$1(destination);
+  }
+}
+
+function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
+  if (supportsRequestStorage) {
+    scheduleWork(function () {
+      return requestStorage.run(request, performWork, request);
+    });
+  } else {
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function enqueueFlush(request) {
+  if (request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+  request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+  // happen when we start flowing again
+  request.destination !== null) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
+function startFlowing(request, destination) {
+  if (request.status === CLOSING) {
+    request.status = CLOSED;
+    closeWithError(destination, request.fatalError);
+    return;
+  }
+
+  if (request.status === CLOSED) {
+    return;
+  }
+
+  if (request.destination !== null) {
+    // We're already flowing.
+    return;
+  }
+
+  request.destination = destination;
+
+  try {
+    flushCompletedChunks(request, destination);
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function abort(request, reason) {
+  try {
+    var abortableTasks = request.abortableTasks;
+
+    if (abortableTasks.size > 0) {
+      // We have tasks to abort. We'll emit one error row and then emit a reference
+      // to that row from every row that's still remaining.
+      var error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
+      var digest = logRecoverableError(request, error);
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      emitErrorChunk(request, errorId, digest, error);
+      abortableTasks.forEach(function (task) {
+        return abortTask(task, request, errorId);
+      });
+      abortableTasks.clear();
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function importServerContexts(contexts) {
+  if (contexts) {
+    var prevContext = getActiveContext();
+    switchContext(rootContextSnapshot);
+
+    for (var i = 0; i < contexts.length; i++) {
+      var _contexts$i = contexts[i],
+          name = _contexts$i[0],
+          value = _contexts$i[1];
+      var context = getOrCreateServerContext(name);
+      pushProvider(context, value);
+    }
+
+    var importedContext = getActiveContext();
+    switchContext(prevContext);
+    return importedContext;
+  }
+
+  return rootContextSnapshot;
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+function resolveServerReference(bundlerConfig, id) {
+  var name = '';
+  var resolvedModuleData = bundlerConfig[id];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = id.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = id.slice(idx + 1);
+      resolvedModuleData = bundlerConfig[id.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + id + '" in the React Server Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  } // TODO: This needs to return async: true if it's an async module.
+
+
+  return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+} // The chunk cache contains all the chunks we've preloaded so far.
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = globalThis.__next_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = globalThis.__next_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return globalThis.__next_chunk_load__(filename);
+}
+
+// The server acts as a Client of itself when resolving Server References.
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function bindArgs$1(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference$1(response, id, bound, parentChunk, parentObject, key) {
+  var serverReference = resolveServerReference(response._bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+  var promise;
+
+  if (bound) {
+    promise = Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs$1(requireModule(serverReference), args);
+    });
+  } else {
+    if (preloadPromise) {
+      promise = Promise.resolve(preloadPromise).then(function () {
+        return requireModule(serverReference);
+      });
+    } else {
+      // Synchronously available
+      return requireModule(serverReference);
+    }
+  }
+
+  promise.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk)); // We need a placeholder value that will be replaced later.
+
+  return null;
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = JSON.parse(chunk.value, chunk._response._fromJSON);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    var prefix = response._prefix;
+    var key = prefix + id; // Check if we have this field in the backing store already.
+
+    var backingEntry = response._formData.get(key);
+
+    if (backingEntry != null) {
+      // We assume that this is a string entry for now.
+      chunk = createResolvedModelChunk(response, backingEntry);
+    } else {
+      // We're still waiting on this entry to stream in.
+      chunk = createPendingChunk(response);
+    }
+
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  if (chunk.status === RESOLVED_MODEL) {
+    initializeModelChunk(chunk);
+  }
+
+  if (chunk.status !== INITIALIZED) {
+    // We know that this is emitted earlier so otherwise it's an error.
+    throw chunk.reason;
+  }
+
+  return chunk.value;
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case '@':
+        {
+          // Promise
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id);
+          return chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id = parseInt(value.slice(2), 16); // TODO: Just encode this in the reference inline instead of as a model.
+
+
+          var metaData = getOutlinedModel(response, _id);
+          return loadServerReference$1(response, metaData.id, metaData.bound, initializingChunk, parentObject, key);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id2);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id3);
+
+          return new Set(_data);
+        }
+
+      case 'K':
+        {
+          // FormData
+          var stringId = value.slice(2);
+          var formPrefix = response._prefix + stringId + '_';
+
+          var _data2 = new FormData();
+
+          var backingFormData = response._formData; // We assume that the reference to FormData always comes after each
+          // entry that it references so we can assume they all exist in the
+          // backing store already.
+          // $FlowFixMe[prop-missing] FormData has forEach on it.
+
+          backingFormData.forEach(function (entry, entryKey) {
+            if (entryKey.startsWith(formPrefix)) {
+              _data2.append(entryKey.slice(formPrefix.length), entry);
+            }
+          });
+          return _data2;
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id4 = parseInt(value.slice(1), 16);
+
+          var _chunk = getChunk(response, _id4);
+
+          switch (_chunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk.status) {
+            case INITIALIZED:
+              return _chunk.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function createResponse(bundlerConfig, formFieldPrefix) {
+  var backingFormData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new FormData();
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _prefix: formFieldPrefix,
+    _formData: backingFormData,
+    _chunks: chunks,
+    _fromJSON: function (key, value) {
+      if (typeof value === 'string') {
+        // We can't use .bind here because we need the "this" value.
+        return parseModelString(response, this, key, value);
+      }
+
+      return value;
+    }
+  };
+  return response;
+}
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function bindArgs(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference(bundlerConfig, id, bound) {
+  var serverReference = resolveServerReference(bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+
+  if (bound) {
+    return Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs(requireModule(serverReference), args);
+    });
+  } else if (preloadPromise) {
+    return Promise.resolve(preloadPromise).then(function () {
+      return requireModule(serverReference);
+    });
+  } else {
+    // Synchronously available
+    return Promise.resolve(requireModule(serverReference));
+  }
+}
+
+function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
+  // The data for this reference is encoded in multiple fields under this prefix.
+  var actionResponse = createResponse(serverManifest, formFieldPrefix, body);
+  close(actionResponse);
+  var refPromise = getRoot(actionResponse); // Force it to initialize
+  // $FlowFixMe
+
+  refPromise.then(function () {});
+
+  if (refPromise.status !== 'fulfilled') {
+    // $FlowFixMe
+    throw refPromise.reason;
+  }
+
+  return refPromise.value;
+}
+
+function decodeAction(body, serverManifest) {
+  // We're going to create a new formData object that holds all the fields except
+  // the implementation details of the action data.
+  var formData = new FormData();
+  var action = null; // $FlowFixMe[prop-missing]
+
+  body.forEach(function (value, key) {
+    if (!key.startsWith('$ACTION_')) {
+      formData.append(key, value);
+      return;
+    } // Later actions may override earlier actions if a button is used to override the default
+    // form action.
+
+
+    if (key.startsWith('$ACTION_REF_')) {
+      var formFieldPrefix = '$ACTION_' + key.slice(12) + ':';
+      var metaData = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+      action = loadServerReference(serverManifest, metaData.id, metaData.bound);
+      return;
+    }
+
+    if (key.startsWith('$ACTION_ID_')) {
+      var id = key.slice(11);
+      action = loadServerReference(serverManifest, id, null);
+      return;
+    }
+  });
+
+  if (action === null) {
+    return null;
+  } // Return the action with the remaining FormData bound to the first argument.
+
+
+  return action.then(function (fn) {
+    return fn.bind(null, formData);
+  });
+}
+
+function renderToReadableStream(model, turbopackMap, options) {
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+
+  if (options && options.signal) {
+    var signal = options.signal;
+
+    if (signal.aborted) {
+      abort(request, signal.reason);
+    } else {
+      var listener = function () {
+        abort(request, signal.reason);
+        signal.removeEventListener('abort', listener);
+      };
+
+      signal.addEventListener('abort', listener);
+    }
+  }
+
+  var stream = new ReadableStream({
+    type: 'bytes',
+    start: function (controller) {
+      startWork(request);
+    },
+    pull: function (controller) {
+      startFlowing(request, controller);
+    },
+    cancel: function (reason) {}
+  }, // $FlowFixMe[prop-missing] size() methods are not allowed on byte streams.
+  {
+    highWaterMark: 0
+  });
+  return stream;
+}
+
+function decodeReply(body, turbopackMap) {
+  if (typeof body === 'string') {
+    var form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+
+  var response = createResponse(turbopackMap, '', body);
+  close(response);
+  return getRoot(response);
+}
+
+exports.createClientModuleProxy = createClientModuleProxy;
+exports.decodeAction = decodeAction;
+exports.decodeReply = decodeReply;
+exports.registerClientReference = registerClientReference;
+exports.registerServerReference = registerServerReference;
+exports.renderToReadableStream = renderToReadableStream;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js
new file mode 100644
index 0000000000000..7c892dc9c2c29
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js
@@ -0,0 +1,76 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.edge.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function q(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.byteLength&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}return!0}var r=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var t=Symbol.for("react.client.reference"),u=Symbol.for("react.server.reference");function v(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===u){var b=ea.call(arguments,1);a.$$typeof=u;a.$$id=this.$$id;a.$$bound=this.$$bound?this.$$bound.concat(b):b}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
+case "__esModule":var d=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=v({},a.$$id,!0),e=new Proxy(c,ja);a.status="fulfilled";a.value=e;return a.then=v(function(f){return Promise.resolve(f(e))},
+a.$$id+"#then",!1)}c=a[b];c||(c=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");
+}},ra={prefetchDNS:ka,preconnect:la,preload:ma,preloadModule:na,preinitStyle:oa,preinitScript:pa,preinitModuleScript:qa};function ka(a){if("string"===typeof a&&a){var b=w();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function la(a,b){if("string"===typeof a){var d=w();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
+function ma(a,b,d){if("string"===typeof a){var c=w();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=w();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
+function oa(a,b,d){if("string"===typeof a){var c=w();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=w();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}function qa(a,b){if("string"===typeof a){var d=w();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
+var sa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ta="function"===typeof AsyncLocalStorage,ua=ta?new AsyncLocalStorage:null,z=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.provider"),xa=Symbol.for("react.server_context"),ya=Symbol.for("react.forward_ref"),za=Symbol.for("react.suspense"),Aa=Symbol.for("react.suspense_list"),Ba=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),B=Symbol.for("react.default_value"),Ca=Symbol.for("react.memo_cache_sentinel"),
+Da=Symbol.for("react.postpone"),Ea=Symbol.iterator,D=null;function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Fa(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Fa(a)}
+function Ga(a){var b=a.parent;null!==b&&Ga(b);a.context._currentValue=a.value}function Ha(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ha(a,b)}
+function Ia(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ia(a,d);b.context._currentValue=b.value}function Ja(a){var b=D;b!==a&&(null===b?Ga(a):null===a?Fa(b):b.depth===a.depth?E(b,a):b.depth>a.depth?Ha(b,a):Ia(b,a),D=a)}function Ka(a,b){var d=a._currentValue;a._currentValue=b;var c=D;return D=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var La=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ma(){}function Na(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ma,Ma),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}G=b;throw La;}}var G=null;
+function Oa(){if(null===G)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=G;G=null;return a}var I=null,J=0,K=null;function Pa(){var a=K;K=null;return a}function Qa(a){return a._currentValue}
+var Ua={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:L,useTransition:L,readContext:Qa,useContext:Qa,useReducer:L,useRef:L,useState:L,useInsertionEffect:L,useLayoutEffect:L,useImperativeHandle:L,useEffect:L,useId:Ra,useSyncExternalStore:L,useCacheRefresh:function(){return Sa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ca;return b},use:Ta};
+function L(){throw Error("This Hook is not supported in Server Components.");}function Sa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ra(){if(null===I)throw Error("useId can only be used while React is rendering");var a=I.identifierCount++;return":"+I.identifierPrefix+"S"+a.toString(32)+":"}
+function Ta(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=J;J+=1;null===K&&(K=[]);return Na(K,a,b)}if(a.$$typeof===xa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Va(){return(new AbortController).signal}function Wa(){var a=w();return a?a.cache:new Map}
+var Xa={getCacheSignal:function(){var a=Wa(),b=a.get(Va);void 0===b&&(b=Va(),a.set(Va,b));return b},getCacheForType:function(a){var b=Wa(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Ya=Array.isArray;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
+function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ya(a))return"[...]";a=Za(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function M(a){if("string"===typeof a)return a;switch(a){case za:return"Suspense";case Aa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case ya:return M(a.render);case Ba:return M(a.type);case A:var b=a._payload;a=a._init;try{return M(a(b))}catch(d){}}return""}
+function N(a,b){var d=Za(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Ya(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?N(g):$a(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+M(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?N(k):
+$a(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ab=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,bb=ab.ContextRegistry,O=JSON.stringify,cb=ab.ReactCurrentDispatcher,db=ab.ReactCurrentCache;function eb(a){console.error(a)}function fb(){}
+function gb(a,b,d,c,e,f){if(null!==db.current&&db.current!==Xa)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;db.current=Xa;var g=new Set,h=[],k=new Set,l={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||"",identifierCount:1,onError:void 0===d?eb:d,onPostpone:void 0===f?fb:f,toJSON:function(p,F){return hb(l,this,p,F)}};l.pendingChunks++;b=ib(c);a=jb(l,a,b,g);h.push(a);return l}var P=null;function w(){if(P)return P;if(ta){var a=ua.getStore();if(a)return a}return null}var kb={};
+function lb(a,b){a.pendingChunks++;var d=jb(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,mb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===Da?(nb(a,c.message),ob(a,d.id)):(c=Q(a,c),R(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
+e;mb(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=Q(a,e);R(a,d.id,e);null!==a.destination&&S(a,a.destination)});return d.id}function x(a,b,d){d=O(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=r.encode(b+d+"\n");a.completedHintChunks.push(d);pb(a)}function qb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function rb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:qb}}
+function T(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[z,b,d,e];J=0;K=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:rb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===va?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[z,b,d,e];switch(b.$$typeof){case A:var g=
+b._init;b=g(b._payload);return T(a,b,d,c,e,f);case ya:return a=b.render,J=0,K=f,a(e,void 0);case Ba:return T(a,b.type,d,c,e,f);case wa:return Ka(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:kb}]}}throw Error("Unsupported Server Component type: "+$a(b));}function mb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return sb(a)},0))}
+function jb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return mb(a,e)},thenableState:null};c.add(e);return e}function U(a){return"$"+a.toString(16)}function tb(a,b,d){a=O(d);b=b.toString(16)+":"+a+"\n";return r.encode(b)}
+function ub(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):U(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var l=h[k];if(l)g=l.name;else{var p=k.lastIndexOf("#");-1!==p&&(g=k.slice(p+1),l=h[k.slice(0,p)]);if(!l)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var F=!0===c.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
+g];a.pendingChunks++;var H=a.nextChunkId++,C=O(F),Nb=H.toString(16)+":I"+C+"\n",Ob=r.encode(Nb);a.completedImportChunks.push(Ob);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):U(H)}catch(Pb){return a.pendingChunks++,b=a.nextChunkId++,d=Q(a,Pb),R(a,b,d),U(b)}}function vb(a,b){a.pendingChunks++;var d=a.nextChunkId++;wb(a,d,b);return d}
+function V(a,b,d){a.pendingChunks+=2;var c=a.nextChunkId++,e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=r.encode(b);a.completedRegularChunks.push(b,d);return U(c)}
+function hb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=c;c=T(a,e.type,e.key,e.ref,e.props,null);break;case A:var f=c._init;c=f(c._payload)}}catch(g){d=g===La?Oa():g;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=jb(a,c,D,a.abortableTasks),c=a.ping,d.then(c,c),a.thenableState=Pa(),"$L"+a.id.toString(16);if(d.$$typeof===Da)return c=d,a.pendingChunks++,d=a.nextChunkId++,
+nb(a,c.message),ob(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=Q(a,d);R(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return ub(a,b,d,c);if("function"===typeof c.then)return"$@"+lb(a,c).toString(16);if(c.$$typeof===wa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=tb(a,d,"$P"+c),a.completedRegularChunks.push(c)),U(d);if(c===kb){a=D;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");
+c=a.parentValue;a.context._currentValue=c===B?a.context._defaultValue:c;D=a.parent;return}return c instanceof Map?"$Q"+vb(a,Array.from(c)).toString(16):c instanceof Set?"$W"+vb(a,Array.from(c)).toString(16):c instanceof ArrayBuffer?V(a,"A",new Uint8Array(c)):c instanceof Int8Array?V(a,"C",c):c instanceof Uint8Array?V(a,"c",c):c instanceof Uint8ClampedArray?V(a,"U",c):c instanceof Int16Array?V(a,"S",c):c instanceof Uint16Array?V(a,"s",c):c instanceof Int32Array?V(a,"L",c):c instanceof Uint32Array?
+V(a,"l",c):c instanceof Float32Array?V(a,"F",c):c instanceof Float64Array?V(a,"D",c):c instanceof BigInt64Array?V(a,"N",c):c instanceof BigUint64Array?V(a,"m",c):c instanceof DataView?V(a,"V",c):!Ya(c)&&(null===c||"object"!==typeof c?a=null:(a=Ea&&c[Ea]||c["@@iterator"],a="function"===typeof a?a:null),a)?Array.from(c):c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,c=r.encode(c),b=c.byteLength,b=d.toString(16)+
+":T"+b.toString(16)+",",b=r.encode(b),a.completedRegularChunks.push(b,c),U(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return ub(a,b,d,c);if(c.$$typeof===u)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,
+b={id:c.$$id,bound:b?Promise.resolve(b):null},a=vb(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+N(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+N(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return U(f);
+f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+N(b,d));a.pendingChunks++;d=a.nextChunkId++;b=tb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return U(d)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+N(b,d));}
+function nb(a,b){a=a.onPostpone;a(b)}function Q(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function xb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
+function ob(a,b){b=b.toString(16)+":P\n";b=r.encode(b);a.completedErrorChunks.push(b)}function R(a,b,d){d={digest:d};b=b.toString(16)+":E"+O(d)+"\n";b=r.encode(b);a.completedErrorChunks.push(b)}function wb(a,b,d){d=O(d,a.toJSON);b=b.toString(16)+":"+d+"\n";b=r.encode(b);a.completedRegularChunks.push(b)}
+function sb(a){var b=cb.current;cb.current=Ua;var d=P;I=P=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++){var f=c[e];a:{var g=a;if(0===f.status){Ja(f.context);try{var h=f.model;if("object"===typeof h&&null!==h&&h.$$typeof===z){var k=h,l=f.thenableState;f.model=h;h=T(g,k.type,k.key,k.ref,k.props,l);for(f.thenableState=null;"object"===typeof h&&null!==h&&h.$$typeof===z;)k=h,f.model=h,h=T(g,k.type,k.key,k.ref,k.props,null)}wb(g,f.id,h);g.abortableTasks.delete(f);f.status=1}catch(C){var p=
+C===La?Oa():C;if("object"===typeof p&&null!==p)if("function"===typeof p.then){var F=f.ping;p.then(F,F);f.thenableState=Pa();break a}else if(p.$$typeof===Da){g.abortableTasks.delete(f);f.status=4;nb(g,p.message);ob(g,f.id);break a}g.abortableTasks.delete(f);f.status=4;var H=Q(g,p);R(g,f.id,H)}}}}null!==a.destination&&S(a,a.destination)}catch(C){Q(a,C),xb(a,C)}finally{cb.current=b,I=null,P=d}}
+function S(a,b){m=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,q(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)q(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,q(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,q(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
+b.close()}function yb(a){a.flushScheduled=null!==a.destination;ta?setTimeout(function(){return ua.run(a,sb,a)},0):setTimeout(function(){return sb(a)},0)}function pb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return S(a,b)},0)}}
+function zb(a,b){try{var d=a.abortableTasks;if(0<d.size){var c=void 0===b?Error("The render was aborted by the server without a reason."):b,e=Q(a,c);a.pendingChunks++;var f=a.nextChunkId++;R(a,f,e,c);d.forEach(function(g){g.status=3;var h=U(f);g=tb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&S(a,a.destination)}catch(g){Q(a,g),xb(a,g)}}
+function ib(a){if(a){var b=D;Ja(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!bb[e]){var f={$$typeof:xa,_currentValue:B,_currentValue2:B,_defaultValue:B,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:wa,_context:f};bb[e]=f}Ka(bb[e],c)}a=D;Ja(b);return a}return null}
+function Ab(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Bb=new Map;
+function Cb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Db(){}
+function Eb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=Bb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=Bb.set.bind(Bb,e,null);f.then(g,Db);Bb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Cb(a[0]):Promise.all(d).then(function(){return Cb(a[0])}):0<d.length?Promise.all(d):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Fb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Fb.prototype=Object.create(Promise.prototype);
+Fb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Gb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Hb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
+function Ib(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Hb(d,b)}}function Jb(a,b,d,c,e,f){var g=Ab(a._bundlerConfig,b);a=Eb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Kb(c,e,f),Lb(c));return null}var X=null,Y=null;
+function Gb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Mb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Ib(d,b)})}
+function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Fb("resolved_model",c,null,a):new Fb("pending",null,null,a),d.set(b,c));return c}function Kb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Hb(e,c.value))}}function Lb(a){return function(b){return Ib(a,b)}}
+function Qb(a,b){a=Z(a,b);"resolved_model"===a.status&&Gb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Rb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Qb(a,c),Jb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Qb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Qb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Gb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Kb(c,b,d),Lb(c)),null;default:throw a.reason;}}return c}
+function Sb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Rb(e,this,f,g):g}};return e}function Tb(a){Mb(a,Error("Connection closed."))}function Ub(a,b,d){var c=Ab(a,b);a=Eb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
+function Vb(a,b,d){a=Sb(b,d,a);Tb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,ja)};
+exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Vb(a,b,e),c=Ub(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Ub(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Sb(b,"",a);Tb(a);return Z(a,0)};
+exports.registerClientReference=function(a,b,d){return v(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
+exports.renderToReadableStream=function(a,b,d){var c=gb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)zb(c,e.reason);else{var f=function(){zb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){yb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=g;try{S(c,
+g)}catch(h){Q(c,h),xb(c,h)}}},cancel:function(){}},{highWaterMark:0})};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js
new file mode 100644
index 0000000000000..7384bc3cbbf65
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js
@@ -0,0 +1,3728 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.node.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require('react');
+var util = require('util');
+require('crypto');
+var async_hooks = require('async_hooks');
+var ReactDOM = require('react-dom');
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function scheduleWork(callback) {
+  setImmediate(callback);
+}
+function flushBuffered(destination) {
+  // If we don't have any more data to send right now.
+  // Flush whatever is in the buffer to the wire.
+  if (typeof destination.flush === 'function') {
+    // By convention the Zlib streams provide a flush function for this purpose.
+    // For Express, compression middleware adds this method.
+    destination.flush();
+  }
+}
+var VIEW_SIZE = 2048;
+var currentView = null;
+var writtenBytes = 0;
+var destinationHasCapacity = true;
+function beginWriting(destination) {
+  currentView = new Uint8Array(VIEW_SIZE);
+  writtenBytes = 0;
+  destinationHasCapacity = true;
+}
+
+function writeStringChunk(destination, stringChunk) {
+  if (stringChunk.length === 0) {
+    return;
+  } // maximum possible view needed to encode entire string
+
+
+  if (stringChunk.length * 3 > VIEW_SIZE) {
+    if (writtenBytes > 0) {
+      writeToDestination(destination, currentView.subarray(0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    writeToDestination(destination, textEncoder.encode(stringChunk));
+    return;
+  }
+
+  var target = currentView;
+
+  if (writtenBytes > 0) {
+    target = currentView.subarray(writtenBytes);
+  }
+
+  var _textEncoder$encodeIn = textEncoder.encodeInto(stringChunk, target),
+      read = _textEncoder$encodeIn.read,
+      written = _textEncoder$encodeIn.written;
+
+  writtenBytes += written;
+
+  if (read < stringChunk.length) {
+    writeToDestination(destination, currentView.subarray(0, writtenBytes));
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = textEncoder.encodeInto(stringChunk.slice(read), currentView).written;
+  }
+
+  if (writtenBytes === VIEW_SIZE) {
+    writeToDestination(destination, currentView);
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+}
+
+function writeViewChunk(destination, chunk) {
+  if (chunk.byteLength === 0) {
+    return;
+  }
+
+  if (chunk.byteLength > VIEW_SIZE) {
+    {
+      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
+        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
+      }
+    } // this chunk may overflow a single view which implies it was not
+    // one that is cached by the streaming renderer. We will enqueu
+    // it directly and expect it is not re-used
+
+
+    if (writtenBytes > 0) {
+      writeToDestination(destination, currentView.subarray(0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    writeToDestination(destination, chunk);
+    return;
+  }
+
+  var bytesToWrite = chunk;
+  var allowableBytes = currentView.length - writtenBytes;
+
+  if (allowableBytes < bytesToWrite.byteLength) {
+    // this chunk would overflow the current view. We enqueue a full view
+    // and start a new view with the remaining chunk
+    if (allowableBytes === 0) {
+      // the current view is already full, send it
+      writeToDestination(destination, currentView);
+    } else {
+      // fill up the current view and apply the remaining chunk bytes
+      // to a new view.
+      currentView.set(bytesToWrite.subarray(0, allowableBytes), writtenBytes);
+      writtenBytes += allowableBytes;
+      writeToDestination(destination, currentView);
+      bytesToWrite = bytesToWrite.subarray(allowableBytes);
+    }
+
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+
+  currentView.set(bytesToWrite, writtenBytes);
+  writtenBytes += bytesToWrite.byteLength;
+
+  if (writtenBytes === VIEW_SIZE) {
+    writeToDestination(destination, currentView);
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+}
+
+function writeChunk(destination, chunk) {
+  if (typeof chunk === 'string') {
+    writeStringChunk(destination, chunk);
+  } else {
+    writeViewChunk(destination, chunk);
+  }
+}
+
+function writeToDestination(destination, view) {
+  var currentHasCapacity = destination.write(view);
+  destinationHasCapacity = destinationHasCapacity && currentHasCapacity;
+}
+
+function writeChunkAndReturn(destination, chunk) {
+  writeChunk(destination, chunk);
+  return destinationHasCapacity;
+}
+function completeWriting(destination) {
+  if (currentView && writtenBytes > 0) {
+    destination.write(currentView.subarray(0, writtenBytes));
+  }
+
+  currentView = null;
+  writtenBytes = 0;
+  destinationHasCapacity = true;
+}
+function close$1(destination) {
+  destination.end();
+}
+var textEncoder = new util.TextEncoder();
+function stringToChunk(content) {
+  return content;
+}
+var precomputedChunkSet = new Set() ;
+function typedArrayToBinaryChunk(content) {
+  // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
+  return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
+}
+function byteLengthOfChunk(chunk) {
+  return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
+}
+function byteLengthOfBinaryChunk(chunk) {
+  return chunk.byteLength;
+}
+function closeWithError(destination, error) {
+  // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+  destination.destroy(error);
+}
+
+// eslint-disable-next-line no-unused-vars
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+function isServerReference(reference) {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+function registerClientReference(proxyImplementation, id, exportName) {
+  return registerClientReferenceImpl(proxyImplementation, id + '#' + exportName, false);
+}
+
+function registerClientReferenceImpl(proxyImplementation, id, async) {
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: {
+      value: CLIENT_REFERENCE_TAG
+    },
+    $$id: {
+      value: id
+    },
+    $$async: {
+      value: async
+    }
+  });
+} // $FlowFixMe[method-unbinding]
+
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    var args = ArraySlice.call(arguments, 1);
+    newFn.$$typeof = SERVER_REFERENCE_TAG;
+    newFn.$$id = this.$$id;
+    newFn.$$bound = this.$$bound ? this.$$bound.concat(args) : args;
+  }
+
+  return newFn;
+}
+
+function registerServerReference(reference, id, exportName) {
+  return Object.defineProperties(reference, {
+    $$typeof: {
+      value: SERVER_REFERENCE_TAG
+    },
+    $$id: {
+      value: exportName === null ? id : id + '#' + exportName
+    },
+    $$bound: {
+      value: null
+    },
+    bind: {
+      value: bind
+    }
+  });
+}
+var PROMISE_PROTOTYPE = Promise.prototype;
+var deepProxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        // These names are a little too common. We should probably have a way to
+        // have the Flight runtime extract the inner target instead.
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+
+      case 'displayName':
+        return undefined;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case 'Provider':
+        throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var expression = String(target.name) + '.' + String(name);
+    throw new Error("Cannot access " + expression + " on the server. " + 'You cannot dot into a client module from a server component. ' + 'You can only pass the imported name through.');
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case '__esModule':
+        // Something is conditionally checking which export to use. We'll pretend to be
+        // an ESM compat module but then we'll check again on the client.
+        var moduleId = target.$$id;
+        target.default = registerClientReferenceImpl(function () {
+          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+        }, target.$$id + '#', target.$$async);
+        return true;
+
+      case 'then':
+        if (target.then) {
+          // Use a cached value
+          return target.then;
+        }
+
+        if (!target.$$async) {
+          // If this module is expected to return a Promise (such as an AsyncModule) then
+          // we should resolve that with a client reference that unwraps the Promise on
+          // the client.
+          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+          target.status = 'fulfilled';
+          target.value = proxy;
+          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+            // Expose to React.
+            return Promise.resolve(resolve(proxy));
+          }, // If this is not used as a Promise but is treated as a reference to a `.then`
+          // export then we should treat it as a reference to that name.
+          target.$$id + '#then', false);
+          return then;
+        } else {
+          // Since typeof .then === 'function' is a feature test we'd continue recursing
+          // indefinitely if we return a function. Instead, we return an object reference
+          // if we check further.
+          return undefined;
+        }
+
+    }
+
+    var cachedReference = target[name];
+
+    if (!cachedReference) {
+      var reference = registerClientReferenceImpl(function () {
+        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+      }, target.$$id + '#' + name, target.$$async);
+      Object.defineProperty(reference, 'name', {
+        value: name
+      });
+      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    }
+
+    return cachedReference;
+  },
+  getPrototypeOf: function (target) {
+    // Pretend to be a Promise in case anyone asks.
+    return PROMISE_PROTOTYPE;
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+function createClientModuleProxy(moduleId) {
+  var clientReference = registerClientReferenceImpl({}, // Represents the whole Module object instead of a particular import.
+  moduleId, false);
+  return new Proxy(clientReference, proxyHandlers);
+}
+
+function getClientReferenceKey(reference) {
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
+}
+function resolveClientReferenceMetadata(config, clientReference) {
+  var modulePath = clientReference.$$id;
+  var name = '';
+  var resolvedModuleData = config[modulePath];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = modulePath.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = modulePath.slice(idx + 1);
+      resolvedModuleData = config[modulePath.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + modulePath + '" in the React Client Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  }
+
+  if (clientReference.$$async === true) {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
+  } else {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+  }
+}
+function getServerReferenceId(config, serverReference) {
+  return serverReference.$$id;
+}
+function getServerReferenceBoundArguments(config, serverReference) {
+  return serverReference.$$bound;
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+
+function prefetchDNS(href) {
+  {
+    if (typeof href === 'string' && href) {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'D|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, 'D', href);
+      }
+    }
+  }
+}
+
+function preconnect(href, crossOrigin) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "C|" + (crossOrigin == null ? 'null' : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (typeof crossOrigin === 'string') {
+          emitHint(request, 'C', [href, crossOrigin]);
+        } else {
+          emitHint(request, 'C', href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, as, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'L';
+
+        if (as === 'image' && options) {
+          key += getImagePreloadKey(href, options.imageSrcSet, options.imageSizes);
+        } else {
+          key += "[" + as + "]" + href;
+        }
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          emitHint(request, 'L', [href, as, trimmed]);
+        } else {
+          emitHint(request, 'L', [href, as]);
+        }
+      }
+    }
+  }
+}
+
+function preloadModule$1(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'm|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'm', [href, trimmed]);
+        } else {
+          return emitHint(request, 'm', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitStyle(href, precedence, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'S|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'S', [href, typeof precedence === 'string' ? precedence : 0, trimmed]);
+        } else if (typeof precedence === 'string') {
+          return emitHint(request, 'S', [href, precedence]);
+        } else {
+          return emitHint(request, 'S', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'X|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'X', [href, trimmed]);
+        } else {
+          return emitHint(request, 'X', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitModuleScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'M|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'M', [href, trimmed]);
+        } else {
+          return emitHint(request, 'M', href);
+        }
+      }
+    }
+  }
+} // Flight normally encodes undefined as a special character however for directive option
+// arguments we don't want to send unnecessary keys and bloat the payload so we create a
+// trimmed object which omits any keys with null or undefined values.
+// This is only typesafe because these option objects have entirely optional fields where
+// null and undefined represent the same thing as no property.
+
+
+function trimOptions(options) {
+  if (options == null) return null;
+  var hasProperties = false;
+  var trimmed = {};
+
+  for (var key in options) {
+    if (options[key] != null) {
+      hasProperties = true;
+      trimmed[key] = options[key];
+    }
+  }
+
+  return hasProperties ? trimmed : null;
+}
+
+function getImagePreloadKey(href, imageSrcSet, imageSizes) {
+  var uniquePart = '';
+
+  if (typeof imageSrcSet === 'string' && imageSrcSet !== '') {
+    uniquePart += '[' + imageSrcSet + ']';
+
+    if (typeof imageSizes === 'string') {
+      uniquePart += '[' + imageSizes + ']';
+    }
+  } else {
+    uniquePart += '[][]' + href;
+  }
+
+  return "[image]" + uniquePart;
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+// small, smaller than how we encode undefined, and is unambiguous. We could use
+// a different tuple structure to encode this instead but this makes the runtime
+// cost cheaper by eliminating a type checks in more positions.
+// prettier-ignore
+
+function createHints() {
+  return new Set();
+}
+
+var requestStorage = new async_hooks.AsyncLocalStorage();
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
+
+
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
+
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
+
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+
+      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
+
+      pushNode(next);
+    }
+  }
+}
+
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
+
+function pushAllNext(next) {
+  var parentNext = next.parent;
+
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
+
+  pushNode(next);
+}
+
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
+
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
+
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
+
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
+
+
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
+
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
+    }
+
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
+
+  {
+    prevValue = context._currentValue;
+    context._currentValue = nextValue;
+
+    {
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer = rendererSigil;
+    }
+  }
+
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
+}
+function popProvider() {
+  var prevSnapshot = currentActiveSnapshot;
+
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
+  }
+
+  {
+    var value = prevSnapshot.parentValue;
+
+    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
+      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
+    } else {
+      prevSnapshot.context._currentValue = value;
+    }
+  }
+
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue ;
+  return value;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop, noop);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+var currentRequest$1 = null;
+var thenableIndexCounter = 0;
+var thenableState = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest$1 = request;
+}
+function resetHooksForRequest() {
+  currentRequest$1 = null;
+}
+function prepareToUseHooksForComponent(prevThenableState) {
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+
+function readContext(context) {
+  {
+    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
+    }
+
+    if (currentRequest$1 === null) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+var HooksDispatcher = {
+  useMemo: function (nextCreate) {
+    return nextCreate();
+  },
+  useCallback: function (callback) {
+    return callback;
+  },
+  useDebugValue: function () {},
+  useDeferredValue: unsupportedHook,
+  useTransition: unsupportedHook,
+  readContext: readContext,
+  useContext: readContext,
+  useReducer: unsupportedHook,
+  useRef: unsupportedHook,
+  useState: unsupportedHook,
+  useInsertionEffect: unsupportedHook,
+  useLayoutEffect: unsupportedHook,
+  useImperativeHandle: unsupportedHook,
+  useEffect: unsupportedHook,
+  useId: useId,
+  useSyncExternalStore: unsupportedHook,
+  useCacheRefresh: function () {
+    return unsupportedRefresh;
+  },
+  useMemoCache: function (size) {
+    var data = new Array(size);
+
+    for (var i = 0; i < size; i++) {
+      data[i] = REACT_MEMO_CACHE_SENTINEL;
+    }
+
+    return data;
+  },
+  use: use
+};
+
+function unsupportedHook() {
+  throw new Error('This Hook is not supported in Server Components.');
+}
+
+function unsupportedRefresh() {
+  throw new Error('Refreshing the cache is not supported in Server Components.');
+}
+
+function useId() {
+  if (currentRequest$1 === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest$1.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable; // Track the position of the thenable within this fiber.
+
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
+
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
+
+      return trackUsedThenable(thenableState, thenable, index);
+    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function createSignal() {
+  return new AbortController().signal;
+}
+
+function resolveCache() {
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
+
+  return new Map();
+}
+
+var DefaultCacheDispatcher = {
+  getCacheSignal: function () {
+    var cache = resolveCache();
+    var entry = cache.get(createSignal);
+
+    if (entry === undefined) {
+      entry = createSignal();
+      cache.set(createSignal, entry);
+    }
+
+    return entry;
+  },
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache();
+    var entry = cache.get(resourceType);
+
+    if (entry === undefined) {
+      entry = resourceType(); // TODO: Warn if undefined?
+
+      cache.set(resourceType, entry);
+    }
+
+    return entry;
+  }
+};
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var stringify = JSON.stringify; // Serializable values
+// Thenable<ReactClientValue>
+
+var PENDING$1 = 0;
+var COMPLETED = 1;
+var ABORTED = 3;
+var ERRORED$1 = 4;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+
+function defaultErrorHandler(error) {
+  console['error'](error); // Don't transform to our wrapper
+}
+
+function defaultPostponeHandler(reason) {// Noop
+}
+
+var OPEN = 0;
+var CLOSING = 1;
+var CLOSED = 2;
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+  if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
+    throw new Error('Currently React only supports one RSC renderer at a time.');
+  }
+
+  prepareHostDispatcher();
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  var abortSet = new Set();
+  var pingedTasks = [];
+  var hints = createHints();
+  var request = {
+    status: OPEN,
+    flushScheduled: false,
+    fatalError: null,
+    destination: null,
+    bundlerConfig: bundlerConfig,
+    cache: new Map(),
+    nextChunkId: 0,
+    pendingChunks: 0,
+    hints: hints,
+    abortableTasks: abortSet,
+    pingedTasks: pingedTasks,
+    completedImportChunks: [],
+    completedHintChunks: [],
+    completedRegularChunks: [],
+    completedErrorChunks: [],
+    writtenSymbols: new Map(),
+    writtenClientReferences: new Map(),
+    writtenServerReferences: new Map(),
+    writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
+    onError: onError === undefined ? defaultErrorHandler : onError,
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
+    // $FlowFixMe[missing-this-annot]
+    toJSON: function (key, value) {
+      return resolveModelToJSON(request, this, key, value);
+    }
+  };
+  request.pendingChunks++;
+  var rootContext = createRootContext(context);
+  var rootTask = createTask(request, model, rootContext, abortSet);
+  pingedTasks.push(rootTask);
+  return request;
+}
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  {
+    var store = requestStorage.getStore();
+    if (store) return store;
+  }
+
+  return null;
+}
+
+function createRootContext(reqContext) {
+  return importServerContexts(reqContext);
+}
+
+var POP = {};
+
+function serializeThenable(request, thenable) {
+  request.pendingChunks++;
+  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        // We have the resolved value, we can go ahead and schedule it for serialization.
+        newTask.model = thenable.value;
+        pingTask(request, newTask);
+        return newTask.id;
+      }
+
+    case 'rejected':
+      {
+        var x = thenable.reason;
+
+        if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = x;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, newTask.id, postponeInstance);
+        } else {
+          var digest = logRecoverableError(request, x);
+          emitErrorChunk(request, newTask.id, digest, x);
+        }
+
+        return newTask.id;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  thenable.then(function (value) {
+    newTask.model = value;
+    pingTask(request, newTask);
+  }, function (reason) {
+    newTask.status = ERRORED$1;
+    request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled
+
+    var digest = logRecoverableError(request, reason);
+    emitErrorChunk(request, newTask.id, digest, reason);
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  });
+  return newTask.id;
+}
+
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
+function readThenable(thenable) {
+  if (thenable.status === 'fulfilled') {
+    return thenable.value;
+  } else if (thenable.status === 'rejected') {
+    throw thenable.reason;
+  }
+
+  throw thenable;
+}
+
+function createLazyWrapperAroundWakeable(wakeable) {
+  // This is a temporary fork of the `use` implementation until we accept
+  // promises everywhere.
+  var thenable = wakeable;
+
+  switch (thenable.status) {
+    case 'fulfilled':
+    case 'rejected':
+      break;
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: thenable,
+    _init: readThenable
+  };
+  return lazyType;
+}
+
+function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    } // This is a server-side component.
+
+
+    prepareToUseHooksForComponent(prevThenableState);
+    var result = type(props);
+
+    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+      // When the return value is in children position we can resolve it immediately,
+      // to its value without a wrapper if it's synchronously available.
+      var thenable = result;
+
+      if (thenable.status === 'fulfilled') {
+        return thenable.value;
+      } // TODO: Once we accept Promises as children on the client, we can just return
+      // the thenable here.
+
+
+      return createLazyWrapperAroundWakeable(result);
+    }
+
+    return result;
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      // TODO: If a key is specified, we should propagate its key to any children.
+      // Same as if a Server Component has a key.
+      return props.children;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          var render = type.render;
+          prepareToUseHooksForComponent(prevThenableState);
+          return render(props, undefined);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+        }
+
+      case REACT_PROVIDER_TYPE:
+        {
+          pushProvider(type._context, props.value);
+
+          {
+            var extraKeys = Object.keys(props).filter(function (value) {
+              if (value === 'children' || value === 'value') {
+                return false;
+              }
+
+              return true;
+            });
+
+            if (extraKeys.length !== 0) {
+              error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
+            }
+          }
+
+          return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
+          {
+            value: props.value,
+            children: props.children,
+            __pop: POP
+          }];
+        }
+    }
+  }
+
+  throw new Error("Unsupported Server Component type: " + describeValueForErrorMessage(type));
+}
+
+function pingTask(request, task) {
+  var pingedTasks = request.pingedTasks;
+  pingedTasks.push(task);
+
+  if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function createTask(request, model, context, abortSet) {
+  var id = request.nextChunkId++;
+  var task = {
+    id: id,
+    status: PENDING$1,
+    model: model,
+    context: context,
+    ping: function () {
+      return pingTask(request, task);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
+}
+
+function serializeLazyID(id) {
+  return '$L' + id.toString(16);
+}
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeProviderReference(name) {
+  return '$P' + name;
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeRowHeader(tag, id) {
+  return id.toString(16) + ':' + tag;
+}
+
+function encodeReferenceChunk(request, id, reference) {
+  var json = stringify(reference);
+  var row = id.toString(16) + ':' + json + '\n';
+  return stringToChunk(row);
+}
+
+function serializeClientReference(request, parent, key, clientReference) {
+  var clientReferenceKey = getClientReferenceKey(clientReference);
+  var writtenClientReferences = request.writtenClientReferences;
+  var existingId = writtenClientReferences.get(clientReferenceKey);
+
+  if (existingId !== undefined) {
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(existingId);
+    }
+
+    return serializeByValueID(existingId);
+  }
+
+  try {
+    var clientReferenceMetadata = resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
+    request.pendingChunks++;
+    var importId = request.nextChunkId++;
+    emitImportChunk(request, importId, clientReferenceMetadata);
+    writtenClientReferences.set(clientReferenceKey, importId);
+
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(importId);
+    }
+
+    return serializeByValueID(importId);
+  } catch (x) {
+    request.pendingChunks++;
+    var errorId = request.nextChunkId++;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, errorId, digest, x);
+    return serializeByValueID(errorId);
+  }
+}
+
+function outlineModel(request, value) {
+  request.pendingChunks++;
+  var outlinedId = request.nextChunkId++; // We assume that this object doesn't suspend, but a child might.
+
+  emitModelChunk(request, outlinedId, value);
+  return outlinedId;
+}
+
+function serializeServerReference(request, parent, key, serverReference) {
+  var writtenServerReferences = request.writtenServerReferences;
+  var existingId = writtenServerReferences.get(serverReference);
+
+  if (existingId !== undefined) {
+    return serializeServerReferenceID(existingId);
+  }
+
+  var bound = getServerReferenceBoundArguments(request.bundlerConfig, serverReference);
+  var serverReferenceMetadata = {
+    id: getServerReferenceId(request.bundlerConfig, serverReference),
+    bound: bound ? Promise.resolve(bound) : null
+  };
+  var metadataId = outlineModel(request, serverReferenceMetadata);
+  writtenServerReferences.set(serverReference, metadataId);
+  return serializeServerReferenceID(metadataId);
+}
+
+function serializeLargeTextString(request, text) {
+  request.pendingChunks += 2;
+  var textId = request.nextChunkId++;
+  var textChunk = stringToChunk(text);
+  var binaryLength = byteLengthOfChunk(textChunk);
+  var row = textId.toString(16) + ':T' + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, textChunk);
+  return serializeByValueID(textId);
+}
+
+function serializeMap(request, map) {
+  var id = outlineModel(request, Array.from(map));
+  return '$Q' + id.toString(16);
+}
+
+function serializeSet(request, set) {
+  var id = outlineModel(request, Array.from(set));
+  return '$W' + id.toString(16);
+}
+
+function serializeTypedArray(request, tag, typedArray) {
+  request.pendingChunks += 2;
+  var bufferId = request.nextChunkId++; // TODO: Convert to little endian if that's not the server default.
+
+  var binaryChunk = typedArrayToBinaryChunk(typedArray);
+  var binaryLength = byteLengthOfBinaryChunk(binaryChunk);
+  var row = bufferId.toString(16) + ':' + tag + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, binaryChunk);
+  return serializeByValueID(bufferId);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+var insideContextProps = null;
+var isInsideContextValue = false;
+
+function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+  {
+    // $FlowFixMe[incompatible-use]
+    var originalValue = parent[key];
+
+    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+      if (objectName(originalValue) !== 'Object') {
+        var jsxParentType = jsxChildrenParents.get(parent);
+
+        if (typeof jsxParentType === 'string') {
+          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        }
+      } else {
+        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+      }
+    }
+  } // Special Symbols
+
+
+  switch (value) {
+    case REACT_ELEMENT_TYPE:
+      return '$';
+  }
+
+  {
+    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
+      insideContextProps = value;
+    } else if (insideContextProps === parent && key === 'value') {
+      isInsideContextValue = true;
+    } else if (insideContextProps === parent && key === 'children') {
+      isInsideContextValue = false;
+    }
+  } // Resolve Server Components.
+
+
+  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    {
+      if (isInsideContextValue) {
+        error('React elements are not allowed in ServerContext');
+      }
+    }
+
+    try {
+      switch (value.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            // TODO: Concatenate keys of parents onto children.
+            var element = value; // Attempt to render the Server Component.
+
+            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
+            break;
+          }
+
+        case REACT_LAZY_TYPE:
+          {
+            var payload = value._payload;
+            var init = value._init;
+            value = init(payload);
+            break;
+          }
+      }
+    } catch (thrownValue) {
+      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+      // reasons, the rest of the Suspense implementation expects the thrown
+      // value to be a thenable, because before `use` existed that was the
+      // (unstable) API for suspending. This implementation detail can change
+      // later, once we deprecate the old API in favor of `use`.
+      getSuspendedThenable() : thrownValue;
+
+      if (typeof x === 'object' && x !== null) {
+        // $FlowFixMe[method-unbinding]
+        if (typeof x.then === 'function') {
+          // Something suspended, we'll need to create a new task and resolve it later.
+          request.pendingChunks++;
+          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+          var ping = newTask.ping;
+          x.then(ping, ping);
+          newTask.thenableState = getThenableStateAfterSuspending();
+          return serializeLazyID(newTask.id);
+        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+          // Something postponed. We'll still send everything we have up until this point.
+          // We'll replace this element with a lazy reference that postpones on the client.
+          var postponeInstance = x;
+          request.pendingChunks++;
+          var postponeId = request.nextChunkId++;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, postponeId, postponeInstance);
+          return serializeLazyID(postponeId);
+        }
+      } // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
+
+
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      var digest = logRecoverableError(request, x);
+      emitErrorChunk(request, errorId, digest, x);
+      return serializeLazyID(errorId);
+    }
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value); // $FlowFixMe[method-unbinding]
+    } else if (typeof value.then === 'function') {
+      // We assume that any object with a .then property is a "Thenable" type,
+      // or a Promise type. Either of which can be represented by a Promise.
+      var promiseId = serializeThenable(request, value);
+      return serializePromiseID(promiseId);
+    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+      var providerKey = value._context._globalName;
+      var writtenProviders = request.writtenProviders;
+      var providerId = writtenProviders.get(key);
+
+      if (providerId === undefined) {
+        request.pendingChunks++;
+        providerId = request.nextChunkId++;
+        writtenProviders.set(providerKey, providerId);
+        emitProviderChunk(request, providerId, providerKey);
+      }
+
+      return serializeByValueID(providerId);
+    } else if (value === POP) {
+      popProvider();
+
+      {
+        insideContextProps = null;
+        isInsideContextValue = false;
+      }
+
+      return undefined;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'D', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
+    {
+      if (value !== null && !isArray(value)) {
+        // Verify that this is a simple plain object.
+        if (objectName(value) !== 'Object') {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        } else if (!isSimpleObject(value)) {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        } else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+
+          if (symbols.length > 0) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          }
+        }
+      }
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key];
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, parent, key, value);
+    }
+
+    if (/^on[A-Z]/.test(key)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else {
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+    }
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+    var existingId = writtenSymbols.get(value);
+
+    if (existingId !== undefined) {
+      return serializeByValueID(existingId);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description;
+
+    if (Symbol.for(name) !== value) {
+      throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+    }
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    writtenSymbols.set(value, symbolId);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+}
+
+function logPostpone(request, reason) {
+  var onPostpone = request.onPostpone;
+  onPostpone(reason);
+}
+
+function logRecoverableError(request, error) {
+  var onError = request.onError;
+  var errorDigest = onError(error);
+
+  if (errorDigest != null && typeof errorDigest !== 'string') {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
+  }
+
+  return errorDigest || '';
+}
+
+function fatalError(request, error) {
+  // This is called outside error handling code such as if an error happens in React internals.
+  if (request.destination !== null) {
+    request.status = CLOSED;
+    closeWithError(request.destination, error);
+  } else {
+    request.status = CLOSING;
+    request.fatalError = error;
+  }
+}
+
+function emitPostponeChunk(request, id, postponeInstance) {
+  var row;
+
+  {
+    var reason = '';
+    var stack = '';
+
+    try {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      reason = String(postponeInstance.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+      stack = String(postponeInstance.stack);
+    } catch (x) {}
+
+    row = serializeRowHeader('P', id) + stringify({
+      reason: reason,
+      stack: stack
+    }) + '\n';
+  }
+
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitErrorChunk(request, id, digest, error) {
+  var errorInfo;
+
+  {
+    var message;
+    var stack = '';
+
+    try {
+      if (error instanceof Error) {
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+        stack = String(error.stack);
+      } else {
+        message = 'Error: ' + error;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+    }
+
+    errorInfo = {
+      digest: digest,
+      message: message,
+      stack: stack
+    };
+  }
+
+  var row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitImportChunk(request, id, clientReferenceMetadata) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(clientReferenceMetadata);
+  var row = serializeRowHeader('I', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitHintChunk(request, code, model) {
+  var json = stringify(model);
+  var id = request.nextChunkId++;
+  var row = serializeRowHeader('H' + code, id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedHintChunks.push(processedChunk);
+}
+
+function emitSymbolChunk(request, id, name) {
+  var symbolReference = serializeSymbolReference(name);
+  var processedChunk = encodeReferenceChunk(request, id, symbolReference);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitProviderChunk(request, id, contextName) {
+  var contextReference = serializeProviderReference(contextName);
+  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function emitModelChunk(request, id, model) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(model, request.toJSON);
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function retryTask(request, task) {
+  if (task.status !== PENDING$1) {
+    // We completed this by other means before we had a chance to retry it.
+    return;
+  }
+
+  switchContext(task.context);
+
+  try {
+    var value = task.model;
+
+    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+      // TODO: Concatenate keys of parents onto children.
+      var element = value; // When retrying a component, reuse the thenableState from the
+      // previous attempt.
+
+      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
+      // Doing this here lets us reuse this same task if the next component
+      // also suspends.
+
+      task.model = value;
+      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
+      // using the same task, but we reset its thenable state before continuing.
+
+      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
+      // from the render above because we don't need to reset the thenable state
+      // until the next time something suspends and retries.
+
+      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+        // TODO: Concatenate keys of parents onto children.
+        var nextElement = value;
+        task.model = value;
+        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
+      }
+    }
+
+    emitModelChunk(request, task.id, value);
+    request.abortableTasks.delete(task);
+    task.status = COMPLETED;
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue;
+
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended again, let's pick it back up later.
+        var ping = task.ping;
+        x.then(ping, ping);
+        task.thenableState = getThenableStateAfterSuspending();
+        return;
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        request.abortableTasks.delete(task);
+        task.status = ERRORED$1;
+        var postponeInstance = x;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, task.id, postponeInstance);
+        return;
+      }
+    }
+
+    request.abortableTasks.delete(task);
+    task.status = ERRORED$1;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, task.id, digest, x);
+  }
+}
+
+function performWork(request) {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = HooksDispatcher;
+  var prevRequest = currentRequest;
+  currentRequest = request;
+  prepareToUseHooksForRequest(request);
+
+  try {
+    var pingedTasks = request.pingedTasks;
+    request.pingedTasks = [];
+
+    for (var i = 0; i < pingedTasks.length; i++) {
+      var task = pingedTasks[i];
+      retryTask(request, task);
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  } finally {
+    ReactCurrentDispatcher.current = prevDispatcher;
+    resetHooksForRequest();
+    currentRequest = prevRequest;
+  }
+}
+
+function abortTask(task, request, errorId) {
+  task.status = ABORTED; // Instead of emitting an error per task.id, we emit a model that only
+  // has a single value referencing the error.
+
+  var ref = serializeByValueID(errorId);
+  var processedChunk = encodeReferenceChunk(request, task.id, ref);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function flushCompletedChunks(request, destination) {
+  beginWriting();
+
+  try {
+    // We emit module chunks first in the stream so that
+    // they can be preloaded as early as possible.
+    var importsChunks = request.completedImportChunks;
+    var i = 0;
+
+    for (; i < importsChunks.length; i++) {
+      request.pendingChunks--;
+      var chunk = importsChunks[i];
+      var keepWriting = writeChunkAndReturn(destination, chunk);
+
+      if (!keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
+
+    var regularChunks = request.completedRegularChunks;
+    i = 0;
+
+    for (; i < regularChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk2 = regularChunks[i];
+
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+
+      if (!_keepWriting2) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    regularChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
+    // any error messages and prioritize display of other parts of
+    // the page.
+
+    var errorChunks = request.completedErrorChunks;
+    i = 0;
+
+    for (; i < errorChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk3 = errorChunks[i];
+
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
+
+      if (!_keepWriting3) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = false;
+    completeWriting(destination);
+  }
+
+  flushBuffered(destination);
+
+  if (request.pendingChunks === 0) {
+    // We're done.
+    close$1(destination);
+  }
+}
+
+function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
+  {
+    scheduleWork(function () {
+      return requestStorage.run(request, performWork, request);
+    });
+  }
+}
+
+function enqueueFlush(request) {
+  if (request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+  request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+  // happen when we start flowing again
+  request.destination !== null) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
+function startFlowing(request, destination) {
+  if (request.status === CLOSING) {
+    request.status = CLOSED;
+    closeWithError(destination, request.fatalError);
+    return;
+  }
+
+  if (request.status === CLOSED) {
+    return;
+  }
+
+  if (request.destination !== null) {
+    // We're already flowing.
+    return;
+  }
+
+  request.destination = destination;
+
+  try {
+    flushCompletedChunks(request, destination);
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function abort(request, reason) {
+  try {
+    var abortableTasks = request.abortableTasks;
+
+    if (abortableTasks.size > 0) {
+      // We have tasks to abort. We'll emit one error row and then emit a reference
+      // to that row from every row that's still remaining.
+      var error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
+      var digest = logRecoverableError(request, error);
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      emitErrorChunk(request, errorId, digest, error);
+      abortableTasks.forEach(function (task) {
+        return abortTask(task, request, errorId);
+      });
+      abortableTasks.clear();
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function importServerContexts(contexts) {
+  if (contexts) {
+    var prevContext = getActiveContext();
+    switchContext(rootContextSnapshot);
+
+    for (var i = 0; i < contexts.length; i++) {
+      var _contexts$i = contexts[i],
+          name = _contexts$i[0],
+          value = _contexts$i[1];
+      var context = getOrCreateServerContext(name);
+      pushProvider(context, value);
+    }
+
+    var importedContext = getActiveContext();
+    switchContext(prevContext);
+    return importedContext;
+  }
+
+  return rootContextSnapshot;
+}
+
+// This is the parsed shape of the wire format which is why it is
+// condensed to only the essentialy information
+var ID = 0;
+var CHUNKS = 1;
+var NAME = 2; // export const ASYNC = 3;
+// This logic is correct because currently only include the 4th tuple member
+// when the module is async. If that changes we will need to actually assert
+// the value is true. We don't index into the 4th slot because flow does not
+// like the potential out of bounds access
+
+function isAsyncImport(metadata) {
+  return metadata.length === 4;
+}
+
+function resolveServerReference(bundlerConfig, id) {
+  var name = '';
+  var resolvedModuleData = bundlerConfig[id];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = id.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = id.slice(idx + 1);
+      resolvedModuleData = bundlerConfig[id.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + id + '" in the React Server Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  } // TODO: This needs to return async: true if it's an async module.
+
+
+  return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+} // The chunk cache contains all the chunks we've preloaded so far.
+// If they're still pending they're a thenable. This map also exists
+// in Turbopack but unfortunately it's not exposed so we have to
+// replicate it in user space. null means that it has already loaded.
+
+var chunkCache = new Map();
+
+function requireAsyncModule(id) {
+  // We've already loaded all the chunks. We can require the module.
+  var promise = globalThis.__next_require__(id);
+
+  if (typeof promise.then !== 'function') {
+    // This wasn't a promise after all.
+    return null;
+  } else if (promise.status === 'fulfilled') {
+    // This module was already resolved earlier.
+    return null;
+  } else {
+    // Instrument the Promise to stash the result.
+    promise.then(function (value) {
+      var fulfilledThenable = promise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = promise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    return promise;
+  }
+}
+
+function ignoreReject() {// We rely on rejected promises to be handled by another listener.
+} // Start preloading the modules since we might need them soon.
+// This function doesn't suspend.
+
+
+function preloadModule(metadata) {
+  var chunks = metadata[CHUNKS];
+  var promises = [];
+
+  for (var i = 0; i < chunks.length; i++) {
+    var chunkFilename = chunks[i];
+    var entry = chunkCache.get(chunkFilename);
+
+    if (entry === undefined) {
+      var thenable = loadChunk(chunkFilename);
+      promises.push(thenable); // $FlowFixMe[method-unbinding]
+
+      var resolve = chunkCache.set.bind(chunkCache, chunkFilename, null);
+      thenable.then(resolve, ignoreReject);
+      chunkCache.set(chunkFilename, thenable);
+    } else if (entry !== null) {
+      promises.push(entry);
+    }
+  }
+
+  if (isAsyncImport(metadata)) {
+    if (promises.length === 0) {
+      return requireAsyncModule(metadata[ID]);
+    } else {
+      return Promise.all(promises).then(function () {
+        return requireAsyncModule(metadata[ID]);
+      });
+    }
+  } else if (promises.length > 0) {
+    return Promise.all(promises);
+  } else {
+    return null;
+  }
+} // Actually require the module or suspend if it's not yet ready.
+// Increase priority if necessary.
+
+function requireModule(metadata) {
+  var moduleExports = globalThis.__next_require__(metadata[ID]);
+
+  if (isAsyncImport(metadata)) {
+    if (typeof moduleExports.then !== 'function') ; else if (moduleExports.status === 'fulfilled') {
+      // This Promise should've been instrumented by preloadModule.
+      moduleExports = moduleExports.value;
+    } else {
+      throw moduleExports.reason;
+    }
+  }
+
+  if (metadata[NAME] === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata[NAME] === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.__esModule ? moduleExports.default : moduleExports;
+  }
+
+  return moduleExports[metadata[NAME]];
+}
+
+function loadChunk(filename) {
+  return globalThis.__next_chunk_load__(filename);
+}
+
+// The server acts as a Client of itself when resolving Server References.
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function bindArgs$1(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference$1(response, id, bound, parentChunk, parentObject, key) {
+  var serverReference = resolveServerReference(response._bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+  var promise;
+
+  if (bound) {
+    promise = Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs$1(requireModule(serverReference), args);
+    });
+  } else {
+    if (preloadPromise) {
+      promise = Promise.resolve(preloadPromise).then(function () {
+        return requireModule(serverReference);
+      });
+    } else {
+      // Synchronously available
+      return requireModule(serverReference);
+    }
+  }
+
+  promise.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk)); // We need a placeholder value that will be replaced later.
+
+  return null;
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = JSON.parse(chunk.value, chunk._response._fromJSON);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    var prefix = response._prefix;
+    var key = prefix + id; // Check if we have this field in the backing store already.
+
+    var backingEntry = response._formData.get(key);
+
+    if (backingEntry != null) {
+      // We assume that this is a string entry for now.
+      chunk = createResolvedModelChunk(response, backingEntry);
+    } else {
+      // We're still waiting on this entry to stream in.
+      chunk = createPendingChunk(response);
+    }
+
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  if (chunk.status === RESOLVED_MODEL) {
+    initializeModelChunk(chunk);
+  }
+
+  if (chunk.status !== INITIALIZED) {
+    // We know that this is emitted earlier so otherwise it's an error.
+    throw chunk.reason;
+  }
+
+  return chunk.value;
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case '@':
+        {
+          // Promise
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id);
+          return chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id = parseInt(value.slice(2), 16); // TODO: Just encode this in the reference inline instead of as a model.
+
+
+          var metaData = getOutlinedModel(response, _id);
+          return loadServerReference$1(response, metaData.id, metaData.bound, initializingChunk, parentObject, key);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id2);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id3);
+
+          return new Set(_data);
+        }
+
+      case 'K':
+        {
+          // FormData
+          var stringId = value.slice(2);
+          var formPrefix = response._prefix + stringId + '_';
+
+          var _data2 = new FormData();
+
+          var backingFormData = response._formData; // We assume that the reference to FormData always comes after each
+          // entry that it references so we can assume they all exist in the
+          // backing store already.
+          // $FlowFixMe[prop-missing] FormData has forEach on it.
+
+          backingFormData.forEach(function (entry, entryKey) {
+            if (entryKey.startsWith(formPrefix)) {
+              _data2.append(entryKey.slice(formPrefix.length), entry);
+            }
+          });
+          return _data2;
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id4 = parseInt(value.slice(1), 16);
+
+          var _chunk = getChunk(response, _id4);
+
+          switch (_chunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk.status) {
+            case INITIALIZED:
+              return _chunk.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function createResponse(bundlerConfig, formFieldPrefix) {
+  var backingFormData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new FormData();
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _prefix: formFieldPrefix,
+    _formData: backingFormData,
+    _chunks: chunks,
+    _fromJSON: function (key, value) {
+      if (typeof value === 'string') {
+        // We can't use .bind here because we need the "this" value.
+        return parseModelString(response, this, key, value);
+      }
+
+      return value;
+    }
+  };
+  return response;
+}
+function resolveField(response, key, value) {
+  // Add this field to the backing store.
+  response._formData.append(key, value);
+
+  var prefix = response._prefix;
+
+  if (key.startsWith(prefix)) {
+    var chunks = response._chunks;
+    var id = +key.slice(prefix.length);
+    var chunk = chunks.get(id);
+
+    if (chunk) {
+      // We were waiting on this key so now we can resolve it.
+      resolveModelChunk(chunk, value);
+    }
+  }
+}
+function resolveFileInfo(response, key, filename, mime) {
+  return {
+    chunks: [],
+    filename: filename,
+    mime: mime
+  };
+}
+function resolveFileChunk(response, handle, chunk) {
+  handle.chunks.push(chunk);
+}
+function resolveFileComplete(response, key, handle) {
+  // Add this file to the backing store.
+  // Node.js doesn't expose a global File constructor so we need to use
+  // the append() form that takes the file name as the third argument,
+  // to create a File object.
+  var blob = new Blob(handle.chunks, {
+    type: handle.mime
+  });
+
+  response._formData.append(key, blob, handle.filename);
+}
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function bindArgs(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference(bundlerConfig, id, bound) {
+  var serverReference = resolveServerReference(bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+
+  if (bound) {
+    return Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs(requireModule(serverReference), args);
+    });
+  } else if (preloadPromise) {
+    return Promise.resolve(preloadPromise).then(function () {
+      return requireModule(serverReference);
+    });
+  } else {
+    // Synchronously available
+    return Promise.resolve(requireModule(serverReference));
+  }
+}
+
+function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
+  // The data for this reference is encoded in multiple fields under this prefix.
+  var actionResponse = createResponse(serverManifest, formFieldPrefix, body);
+  close(actionResponse);
+  var refPromise = getRoot(actionResponse); // Force it to initialize
+  // $FlowFixMe
+
+  refPromise.then(function () {});
+
+  if (refPromise.status !== 'fulfilled') {
+    // $FlowFixMe
+    throw refPromise.reason;
+  }
+
+  return refPromise.value;
+}
+
+function decodeAction(body, serverManifest) {
+  // We're going to create a new formData object that holds all the fields except
+  // the implementation details of the action data.
+  var formData = new FormData();
+  var action = null; // $FlowFixMe[prop-missing]
+
+  body.forEach(function (value, key) {
+    if (!key.startsWith('$ACTION_')) {
+      formData.append(key, value);
+      return;
+    } // Later actions may override earlier actions if a button is used to override the default
+    // form action.
+
+
+    if (key.startsWith('$ACTION_REF_')) {
+      var formFieldPrefix = '$ACTION_' + key.slice(12) + ':';
+      var metaData = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+      action = loadServerReference(serverManifest, metaData.id, metaData.bound);
+      return;
+    }
+
+    if (key.startsWith('$ACTION_ID_')) {
+      var id = key.slice(11);
+      action = loadServerReference(serverManifest, id, null);
+      return;
+    }
+  });
+
+  if (action === null) {
+    return null;
+  } // Return the action with the remaining FormData bound to the first argument.
+
+
+  return action.then(function (fn) {
+    return fn.bind(null, formData);
+  });
+}
+
+function createDrainHandler(destination, request) {
+  return function () {
+    return startFlowing(request, destination);
+  };
+}
+
+function renderToPipeableStream(model, turbopackMap, options) {
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var hasStartedFlowing = false;
+  startWork(request);
+  return {
+    pipe: function (destination) {
+      if (hasStartedFlowing) {
+        throw new Error('React currently only supports piping to one writable stream.');
+      }
+
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      return destination;
+    },
+    abort: function (reason) {
+      abort(request, reason);
+    }
+  };
+}
+
+function decodeReplyFromBusboy(busboyStream, turbopackMap) {
+  var response = createResponse(turbopackMap, '');
+  var pendingFiles = 0;
+  var queuedFields = [];
+  busboyStream.on('field', function (name, value) {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      resolveField(response, name, value);
+    }
+  });
+  busboyStream.on('file', function (name, value, _ref) {
+    var filename = _ref.filename,
+        encoding = _ref.encoding,
+        mimeType = _ref.mimeType;
+
+    if (encoding.toLowerCase() === 'base64') {
+      throw new Error("React doesn't accept base64 encoded file uploads because we don't expect " + "form data passed from a browser to ever encode data that way. If that's " + 'the wrong assumption, we can easily fix it.');
+    }
+
+    pendingFiles++;
+    var file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', function (chunk) {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', function () {
+      resolveFileComplete(response, name, file);
+      pendingFiles--;
+
+      if (pendingFiles === 0) {
+        // Release any queued fields
+        for (var i = 0; i < queuedFields.length; i += 2) {
+          resolveField(response, queuedFields[i], queuedFields[i + 1]);
+        }
+
+        queuedFields.length = 0;
+      }
+    });
+  });
+  busboyStream.on('finish', function () {
+    close(response);
+  });
+  busboyStream.on('error', function (err) {
+    reportGlobalError(response, // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+    err);
+  });
+  return getRoot(response);
+}
+
+function decodeReply(body, turbopackMap) {
+  if (typeof body === 'string') {
+    var form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+
+  var response = createResponse(turbopackMap, '', body);
+  close(response);
+  return getRoot(response);
+}
+
+exports.createClientModuleProxy = createClientModuleProxy;
+exports.decodeAction = decodeAction;
+exports.decodeReply = decodeReply;
+exports.decodeReplyFromBusboy = decodeReplyFromBusboy;
+exports.registerClientReference = registerClientReference;
+exports.registerServerReference = registerServerReference;
+exports.renderToPipeableStream = renderToPipeableStream;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js
new file mode 100644
index 0000000000000..10d0e65f75a64
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js
@@ -0,0 +1,80 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.node.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,r=!0;function t(a,b){a=a.write(b);r=r&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),t(a,ea.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=ea.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(c),l).written);2048===m&&(t(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),t(a,b)):(d=l.length-m,d<b.byteLength&&
+(0===d?t(a,l):(l.set(b.subarray(0,d),m),m+=d,t(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(t(a,l),l=new Uint8Array(2048),m=0)));return r}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:d}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);a.$$typeof=w;a.$$id=this.$$id;a.$$bound=this.$$bound?this.$$bound.concat(b):b}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");}throw Error("Cannot access "+
+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
+case "__esModule":var d=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=x({},a.$$id,!0),e=new Proxy(c,la);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},
+a.$$id+"#then",!1)}c=a[b];c||(c=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ka));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");
+}},ta={prefetchDNS:ma,preconnect:na,preload:oa,preloadModule:pa,preinitStyle:qa,preinitScript:ra,preinitModuleScript:sa};function ma(a){if("string"===typeof a&&a){var b=y();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),z(b,"D",a))}}}function na(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?z(d,"C",[a,b]):z(d,"C",a))}}}
+function oa(a,b,d){if("string"===typeof a){var c=y();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?z(c,"L",[a,b,d]):z(c,"L",[a,b]))}}}function pa(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"m",[a,b]):z(d,"m",a)}}}
+function qa(a,b,d){if("string"===typeof a){var c=y();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?z(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?z(c,"S",[a,b]):z(c,"S",a)}}}function ra(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"X",[a,b]):z(d,"X",a)}}}function sa(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"M",[a,b]):z(d,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
+var ua=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,va=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),wa=Symbol.for("react.fragment"),xa=Symbol.for("react.provider"),ya=Symbol.for("react.server_context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),E=Symbol.for("react.default_value"),Da=Symbol.for("react.memo_cache_sentinel"),Ea=Symbol.for("react.postpone"),
+Fa=Symbol.iterator,F=null;function G(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");G(a,d);b.context._currentValue=b.value}}}function Ga(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ga(a)}
+function Ha(a){var b=a.parent;null!==b&&Ha(b);a.context._currentValue=a.value}function Ia(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?G(a,b):Ia(a,b)}
+function Ja(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?G(a,d):Ja(a,d);b.context._currentValue=b.value}function Ka(a){var b=F;b!==a&&(null===b?Ha(a):null===a?Ga(b):b.depth===a.depth?G(b,a):b.depth>a.depth?Ia(b,a):Ja(b,a),F=a)}function La(a,b){var d=a._currentValue;a._currentValue=b;var c=F;return F=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ma=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Na(){}function Oa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Na,Na),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}I=b;throw Ma;}}var I=null;
+function Pa(){if(null===I)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=I;I=null;return a}var J=null,K=0,L=null;function Qa(){var a=L;L=null;return a}function Ra(a){return a._currentValue}
+var Va={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:M,useTransition:M,readContext:Ra,useContext:Ra,useReducer:M,useRef:M,useState:M,useInsertionEffect:M,useLayoutEffect:M,useImperativeHandle:M,useEffect:M,useId:Sa,useSyncExternalStore:M,useCacheRefresh:function(){return Ta},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Da;return b},use:Ua};
+function M(){throw Error("This Hook is not supported in Server Components.");}function Ta(){throw Error("Refreshing the cache is not supported in Server Components.");}function Sa(){if(null===J)throw Error("useId can only be used while React is rendering");var a=J.identifierCount++;return":"+J.identifierPrefix+"S"+a.toString(32)+":"}
+function Ua(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===L&&(L=[]);return Oa(L,a,b)}if(a.$$typeof===ya)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Wa(){return(new AbortController).signal}function Xa(){var a=y();return a?a.cache:new Map}
+var Ya={getCacheSignal:function(){var a=Xa(),b=a.get(Wa);void 0===b&&(b=Wa(),a.set(Wa,b));return b},getCacheForType:function(a){var b=Xa(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Za=Array.isArray;function $a(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
+function ab(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Za(a))return"[...]";a=$a(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return bb(a.render);case Ca:return bb(a.type);case C:var b=a._payload;a=a._init;try{return bb(a(b))}catch(d){}}return""}
+function N(a,b){var d=$a(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Za(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?N(g):ab(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+bb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?N(k):
+ab(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,db=cb.ContextRegistry,O=JSON.stringify,eb=cb.ReactCurrentDispatcher,fb=cb.ReactCurrentCache;function gb(a){console.error(a)}function hb(){}
+function ib(a,b,d,c,e,f){if(null!==fb.current&&fb.current!==Ya)throw Error("Currently React only supports one RSC renderer at a time.");ua.current=ta;fb.current=Ya;var g=new Set,h=[],k=new Set,n={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||"",identifierCount:1,onError:void 0===d?gb:d,onPostpone:void 0===f?hb:f,toJSON:function(p,q){return jb(n,this,p,q)}};n.pendingChunks++;b=kb(c);a=lb(n,a,b,g);h.push(a);return n}var P=null;function y(){if(P)return P;var a=va.getStore();return a?a:null}var mb={};
+function nb(a,b){a.pendingChunks++;var d=lb(a,null,F,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,ob(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===Ea?(pb(a,c.message),qb(a,d.id)):(c=Q(a,c),R(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
+e;ob(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=Q(a,e);R(a,d.id,e);null!==a.destination&&S(a,a.destination)});return d.id}function z(a,b,d){d=O(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");rb(a)}function sb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function tb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:sb}}
+function T(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===v)return[B,b,d,e];K=0;L=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:tb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===wa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===v)return[B,b,d,e];switch(b.$$typeof){case C:var g=
+b._init;b=g(b._payload);return T(a,b,d,c,e,f);case za:return a=b.render,K=0,L=f,a(e,void 0);case Ca:return T(a,b.type,d,c,e,f);case xa:return La(b._context,e.value),[B,b,d,{value:e.value,children:e.children,__pop:mb}]}}throw Error("Unsupported Server Component type: "+ab(b));}function ob(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ub(a)}))}
+function lb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return ob(a,e)},thenableState:null};c.add(e);return e}function U(a){return"$"+a.toString(16)}function vb(a,b,d){a=O(d);return b.toString(16)+":"+a+"\n"}
+function wb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):U(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var n=h[k];if(n)g=n.name;else{var p=k.lastIndexOf("#");-1!==p&&(g=k.slice(p+1),n=h[k.slice(0,p)]);if(!n)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var q=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
+g];a.pendingChunks++;var H=a.nextChunkId++,D=O(q),Rb=H.toString(16)+":I"+D+"\n";a.completedImportChunks.push(Rb);f.set(e,H);return b[0]===B&&"1"===d?"$L"+H.toString(16):U(H)}catch(Sb){return a.pendingChunks++,b=a.nextChunkId++,d=Q(a,Sb),R(a,b,d),U(b)}}function xb(a,b){a.pendingChunks++;var d=a.nextChunkId++;yb(a,d,b);return d}
+function V(a,b,d){a.pendingChunks+=2;var c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return U(c)}
+function jb(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=c;c=T(a,e.type,e.key,e.ref,e.props,null);break;case C:var f=c._init;c=f(c._payload)}}catch(g){d=g===Ma?Pa():g;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=lb(a,c,F,a.abortableTasks),c=a.ping,d.then(c,c),a.thenableState=Qa(),"$L"+a.id.toString(16);if(d.$$typeof===Ea)return c=d,a.pendingChunks++,d=a.nextChunkId++,
+pb(a,c.message),qb(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=Q(a,d);R(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===v)return wb(a,b,d,c);if("function"===typeof c.then)return"$@"+nb(a,c).toString(16);if(c.$$typeof===xa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=vb(a,d,"$P"+c),a.completedRegularChunks.push(c)),U(d);if(c===mb){a=F;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");
+c=a.parentValue;a.context._currentValue=c===E?a.context._defaultValue:c;F=a.parent;return}return c instanceof Map?"$Q"+xb(a,Array.from(c)).toString(16):c instanceof Set?"$W"+xb(a,Array.from(c)).toString(16):c instanceof ArrayBuffer?V(a,"A",new Uint8Array(c)):c instanceof Int8Array?V(a,"C",c):c instanceof Uint8Array?V(a,"c",c):c instanceof Uint8ClampedArray?V(a,"U",c):c instanceof Int16Array?V(a,"S",c):c instanceof Uint16Array?V(a,"s",c):c instanceof Int32Array?V(a,"L",c):c instanceof Uint32Array?
+V(a,"l",c):c instanceof Float32Array?V(a,"F",c):c instanceof Float64Array?V(a,"D",c):c instanceof BigInt64Array?V(a,"N",c):c instanceof BigUint64Array?V(a,"m",c):c instanceof DataView?V(a,"V",c):!Za(c)&&(null===c||"object"!==typeof c?a=null:(a=Fa&&c[Fa]||c["@@iterator"],a="function"===typeof a?a:null),a)?Array.from(c):c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,b="string"===typeof c?Buffer.byteLength(c,
+"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),U(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===v)return wb(a,b,d,c);if(c.$$typeof===w)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):
+(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=xb(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+N(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+N(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==
+f)return U(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+N(b,d));a.pendingChunks++;d=a.nextChunkId++;b=vb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return U(d)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+N(b,d));}
+function pb(a,b){a=a.onPostpone;a(b)}function Q(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function zb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function qb(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function R(a,b,d){d={digest:d};b=b.toString(16)+":E"+O(d)+"\n";a.completedErrorChunks.push(b)}function yb(a,b,d){d=O(d,a.toJSON);b=b.toString(16)+":"+d+"\n";a.completedRegularChunks.push(b)}
+function ub(a){var b=eb.current;eb.current=Va;var d=P;J=P=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++){var f=c[e];a:{var g=a;if(0===f.status){Ka(f.context);try{var h=f.model;if("object"===typeof h&&null!==h&&h.$$typeof===B){var k=h,n=f.thenableState;f.model=h;h=T(g,k.type,k.key,k.ref,k.props,n);for(f.thenableState=null;"object"===typeof h&&null!==h&&h.$$typeof===B;)k=h,f.model=h,h=T(g,k.type,k.key,k.ref,k.props,null)}yb(g,f.id,h);g.abortableTasks.delete(f);f.status=1}catch(D){var p=
+D===Ma?Pa():D;if("object"===typeof p&&null!==p)if("function"===typeof p.then){var q=f.ping;p.then(q,q);f.thenableState=Qa();break a}else if(p.$$typeof===Ea){g.abortableTasks.delete(f);f.status=4;pb(g,p.message);qb(g,f.id);break a}g.abortableTasks.delete(f);f.status=4;var H=Q(g,p);R(g,f.id,H)}}}}null!==a.destination&&S(a,a.destination)}catch(D){Q(a,D),zb(a,D)}finally{eb.current=b,J=null,P=d}}
+function S(a,b){l=new Uint8Array(2048);m=0;r=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!u(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!u(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!u(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!u(b,g[c])){a.destination=
+null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,r=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function Ab(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return va.run(a,ub,a)})}function rb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return S(a,b)})}}
+function Bb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{S(a,b)}catch(d){Q(a,d),zb(a,d)}}}
+function Cb(a,b){try{var d=a.abortableTasks;if(0<d.size){var c=void 0===b?Error("The render was aborted by the server without a reason."):b,e=Q(a,c);a.pendingChunks++;var f=a.nextChunkId++;R(a,f,e,c);d.forEach(function(g){g.status=3;var h=U(f);g=vb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&S(a,a.destination)}catch(g){Q(a,g),zb(a,g)}}
+function kb(a){if(a){var b=F;Ka(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!db[e]){var f={$$typeof:ya,_currentValue:E,_currentValue2:E,_defaultValue:E,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:xa,_context:f};db[e]=f}La(db[e],c)}a=F;Ka(b);return a}return null}
+function Db(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Eb=new Map;
+function Fb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Gb(){}
+function Hb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=Eb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=Eb.set.bind(Eb,e,null);f.then(g,Gb);Eb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Fb(a[0]):Promise.all(d).then(function(){return Fb(a[0])}):0<d.length?Promise.all(d):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ib(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Ib.prototype=Object.create(Promise.prototype);
+Ib.prototype.then=function(a,b){switch(this.status){case "resolved_model":Jb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Kb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
+function Lb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Kb(d,b)}}function Mb(a,b,d,c,e,f){var g=Db(a._bundlerConfig,b);a=Hb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Nb(c,e,f),Ob(c));return null}var X=null,Y=null;
+function Jb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Pb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Lb(d,b)})}
+function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Ib("resolved_model",c,null,a):new Ib("pending",null,null,a),d.set(b,c));return c}function Nb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Kb(e,c.value))}}function Ob(a){return function(b){return Lb(a,b)}}
+function Qb(a,b){a=Z(a,b);"resolved_model"===a.status&&Jb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Tb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Qb(a,c),Mb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Qb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Qb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Jb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Nb(c,b,d),Ob(c)),null;default:throw a.reason;}}return c}
+function Ub(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Tb(e,this,f,g):g}};return e}
+function Vb(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Jb(b),b.status){case "fulfilled":Kb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Kb(a,b.reason)}}function Wb(a){Pb(a,Error("Connection closed."))}
+function Xb(a,b,d){var c=Db(a,b);a=Hb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Yb(a,b,d){a=Ub(b,d,a);Wb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Zb(a,b){return function(){return Bb(b,a)}}exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,la)};
+exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Yb(a,b,e),c=Xb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Xb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Ub(b,"",a);Wb(a);return Z(a,0)};
+exports.decodeReplyFromBusboy=function(a,b){var d=Ub(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Vb(d,f,g)});a.on("file",function(f,g,h){var k=h.filename,n=h.mimeType;if("base64"===h.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var p=[];g.on("data",function(q){p.push(q)});g.on("end",function(){var q=
+new Blob(p,{type:n});d._formData.append(f,q,k);c--;if(0===c){for(q=0;q<e.length;q+=2)Vb(d,e[q],e[q+1]);e.length=0}})});a.on("finish",function(){Wb(d)});a.on("error",function(f){Pb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return x(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ia}})};
+exports.renderToPipeableStream=function(a,b,d){var c=ib(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Ab(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Bb(c,f);f.on("drain",Zb(f,c));return f},abort:function(f){Cb(c,f)}}};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js
new file mode 100644
index 0000000000000..7be66c4ddb5f1
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js
@@ -0,0 +1,3657 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.node.unbundled.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require('react');
+var util = require('util');
+require('crypto');
+var async_hooks = require('async_hooks');
+var ReactDOM = require('react-dom');
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function scheduleWork(callback) {
+  setImmediate(callback);
+}
+function flushBuffered(destination) {
+  // If we don't have any more data to send right now.
+  // Flush whatever is in the buffer to the wire.
+  if (typeof destination.flush === 'function') {
+    // By convention the Zlib streams provide a flush function for this purpose.
+    // For Express, compression middleware adds this method.
+    destination.flush();
+  }
+}
+var VIEW_SIZE = 2048;
+var currentView = null;
+var writtenBytes = 0;
+var destinationHasCapacity = true;
+function beginWriting(destination) {
+  currentView = new Uint8Array(VIEW_SIZE);
+  writtenBytes = 0;
+  destinationHasCapacity = true;
+}
+
+function writeStringChunk(destination, stringChunk) {
+  if (stringChunk.length === 0) {
+    return;
+  } // maximum possible view needed to encode entire string
+
+
+  if (stringChunk.length * 3 > VIEW_SIZE) {
+    if (writtenBytes > 0) {
+      writeToDestination(destination, currentView.subarray(0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    writeToDestination(destination, textEncoder.encode(stringChunk));
+    return;
+  }
+
+  var target = currentView;
+
+  if (writtenBytes > 0) {
+    target = currentView.subarray(writtenBytes);
+  }
+
+  var _textEncoder$encodeIn = textEncoder.encodeInto(stringChunk, target),
+      read = _textEncoder$encodeIn.read,
+      written = _textEncoder$encodeIn.written;
+
+  writtenBytes += written;
+
+  if (read < stringChunk.length) {
+    writeToDestination(destination, currentView.subarray(0, writtenBytes));
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = textEncoder.encodeInto(stringChunk.slice(read), currentView).written;
+  }
+
+  if (writtenBytes === VIEW_SIZE) {
+    writeToDestination(destination, currentView);
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+}
+
+function writeViewChunk(destination, chunk) {
+  if (chunk.byteLength === 0) {
+    return;
+  }
+
+  if (chunk.byteLength > VIEW_SIZE) {
+    {
+      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
+        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
+      }
+    } // this chunk may overflow a single view which implies it was not
+    // one that is cached by the streaming renderer. We will enqueu
+    // it directly and expect it is not re-used
+
+
+    if (writtenBytes > 0) {
+      writeToDestination(destination, currentView.subarray(0, writtenBytes));
+      currentView = new Uint8Array(VIEW_SIZE);
+      writtenBytes = 0;
+    }
+
+    writeToDestination(destination, chunk);
+    return;
+  }
+
+  var bytesToWrite = chunk;
+  var allowableBytes = currentView.length - writtenBytes;
+
+  if (allowableBytes < bytesToWrite.byteLength) {
+    // this chunk would overflow the current view. We enqueue a full view
+    // and start a new view with the remaining chunk
+    if (allowableBytes === 0) {
+      // the current view is already full, send it
+      writeToDestination(destination, currentView);
+    } else {
+      // fill up the current view and apply the remaining chunk bytes
+      // to a new view.
+      currentView.set(bytesToWrite.subarray(0, allowableBytes), writtenBytes);
+      writtenBytes += allowableBytes;
+      writeToDestination(destination, currentView);
+      bytesToWrite = bytesToWrite.subarray(allowableBytes);
+    }
+
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+
+  currentView.set(bytesToWrite, writtenBytes);
+  writtenBytes += bytesToWrite.byteLength;
+
+  if (writtenBytes === VIEW_SIZE) {
+    writeToDestination(destination, currentView);
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = 0;
+  }
+}
+
+function writeChunk(destination, chunk) {
+  if (typeof chunk === 'string') {
+    writeStringChunk(destination, chunk);
+  } else {
+    writeViewChunk(destination, chunk);
+  }
+}
+
+function writeToDestination(destination, view) {
+  var currentHasCapacity = destination.write(view);
+  destinationHasCapacity = destinationHasCapacity && currentHasCapacity;
+}
+
+function writeChunkAndReturn(destination, chunk) {
+  writeChunk(destination, chunk);
+  return destinationHasCapacity;
+}
+function completeWriting(destination) {
+  if (currentView && writtenBytes > 0) {
+    destination.write(currentView.subarray(0, writtenBytes));
+  }
+
+  currentView = null;
+  writtenBytes = 0;
+  destinationHasCapacity = true;
+}
+function close$1(destination) {
+  destination.end();
+}
+var textEncoder = new util.TextEncoder();
+function stringToChunk(content) {
+  return content;
+}
+var precomputedChunkSet = new Set() ;
+function typedArrayToBinaryChunk(content) {
+  // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
+  return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
+}
+function byteLengthOfChunk(chunk) {
+  return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
+}
+function byteLengthOfBinaryChunk(chunk) {
+  return chunk.byteLength;
+}
+function closeWithError(destination, error) {
+  // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
+  destination.destroy(error);
+}
+
+// eslint-disable-next-line no-unused-vars
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+}
+function isServerReference(reference) {
+  return reference.$$typeof === SERVER_REFERENCE_TAG;
+}
+function registerClientReference(proxyImplementation, id, exportName) {
+  return registerClientReferenceImpl(proxyImplementation, id + '#' + exportName, false);
+}
+
+function registerClientReferenceImpl(proxyImplementation, id, async) {
+  return Object.defineProperties(proxyImplementation, {
+    $$typeof: {
+      value: CLIENT_REFERENCE_TAG
+    },
+    $$id: {
+      value: id
+    },
+    $$async: {
+      value: async
+    }
+  });
+} // $FlowFixMe[method-unbinding]
+
+
+var FunctionBind = Function.prototype.bind; // $FlowFixMe[method-unbinding]
+
+var ArraySlice = Array.prototype.slice;
+
+function bind() {
+  // $FlowFixMe[unsupported-syntax]
+  var newFn = FunctionBind.apply(this, arguments);
+
+  if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    var args = ArraySlice.call(arguments, 1);
+    newFn.$$typeof = SERVER_REFERENCE_TAG;
+    newFn.$$id = this.$$id;
+    newFn.$$bound = this.$$bound ? this.$$bound.concat(args) : args;
+  }
+
+  return newFn;
+}
+
+function registerServerReference(reference, id, exportName) {
+  return Object.defineProperties(reference, {
+    $$typeof: {
+      value: SERVER_REFERENCE_TAG
+    },
+    $$id: {
+      value: exportName === null ? id : id + '#' + exportName
+    },
+    $$bound: {
+      value: null
+    },
+    bind: {
+      value: bind
+    }
+  });
+}
+var PROMISE_PROTOTYPE = Promise.prototype;
+var deepProxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        // These names are a little too common. We should probably have a way to
+        // have the Flight runtime extract the inner target instead.
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+
+      case 'displayName':
+        return undefined;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case 'Provider':
+        throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var expression = String(target.name) + '.' + String(name);
+    throw new Error("Cannot access " + expression + " on the server. " + 'You cannot dot into a client module from a server component. ' + 'You can only pass the imported name through.');
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    switch (name) {
+      // These names are read by the Flight runtime if you end up using the exports object.
+      case '$$typeof':
+        return target.$$typeof;
+
+      case '$$id':
+        return target.$$id;
+
+      case '$$async':
+        return target.$$async;
+
+      case 'name':
+        return target.name;
+      // We need to special case this because createElement reads it if we pass this
+      // reference.
+
+      case 'defaultProps':
+        return undefined;
+      // Avoid this attempting to be serialized.
+
+      case 'toJSON':
+        return undefined;
+
+      case Symbol.toPrimitive:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toPrimitive];
+
+      case '__esModule':
+        // Something is conditionally checking which export to use. We'll pretend to be
+        // an ESM compat module but then we'll check again on the client.
+        var moduleId = target.$$id;
+        target.default = registerClientReferenceImpl(function () {
+          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+        }, target.$$id + '#', target.$$async);
+        return true;
+
+      case 'then':
+        if (target.then) {
+          // Use a cached value
+          return target.then;
+        }
+
+        if (!target.$$async) {
+          // If this module is expected to return a Promise (such as an AsyncModule) then
+          // we should resolve that with a client reference that unwraps the Promise on
+          // the client.
+          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+          target.status = 'fulfilled';
+          target.value = proxy;
+          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+            // Expose to React.
+            return Promise.resolve(resolve(proxy));
+          }, // If this is not used as a Promise but is treated as a reference to a `.then`
+          // export then we should treat it as a reference to that name.
+          target.$$id + '#then', false);
+          return then;
+        } else {
+          // Since typeof .then === 'function' is a feature test we'd continue recursing
+          // indefinitely if we return a function. Instead, we return an object reference
+          // if we check further.
+          return undefined;
+        }
+
+    }
+
+    var cachedReference = target[name];
+
+    if (!cachedReference) {
+      var reference = registerClientReferenceImpl(function () {
+        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+      }, target.$$id + '#' + name, target.$$async);
+      Object.defineProperty(reference, 'name', {
+        value: name
+      });
+      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    }
+
+    return cachedReference;
+  },
+  getPrototypeOf: function (target) {
+    // Pretend to be a Promise in case anyone asks.
+    return PROMISE_PROTOTYPE;
+  },
+  set: function () {
+    throw new Error('Cannot assign to a client module from a server module.');
+  }
+};
+function createClientModuleProxy(moduleId) {
+  var clientReference = registerClientReferenceImpl({}, // Represents the whole Module object instead of a particular import.
+  moduleId, false);
+  return new Proxy(clientReference, proxyHandlers);
+}
+
+function getClientReferenceKey(reference) {
+  return reference.$$async ? reference.$$id + '#async' : reference.$$id;
+}
+function resolveClientReferenceMetadata(config, clientReference) {
+  var modulePath = clientReference.$$id;
+  var name = '';
+  var resolvedModuleData = config[modulePath];
+
+  if (resolvedModuleData) {
+    // The potentially aliased name.
+    name = resolvedModuleData.name;
+  } else {
+    // We didn't find this specific export name but we might have the * export
+    // which contains this name as well.
+    // TODO: It's unfortunate that we now have to parse this string. We should
+    // probably go back to encoding path and name separately on the client reference.
+    var idx = modulePath.lastIndexOf('#');
+
+    if (idx !== -1) {
+      name = modulePath.slice(idx + 1);
+      resolvedModuleData = config[modulePath.slice(0, idx)];
+    }
+
+    if (!resolvedModuleData) {
+      throw new Error('Could not find the module "' + modulePath + '" in the React Client Manifest. ' + 'This is probably a bug in the React Server Components bundler.');
+    }
+  }
+
+  if (clientReference.$$async === true) {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name, 1];
+  } else {
+    return [resolvedModuleData.id, resolvedModuleData.chunks, name];
+  }
+}
+function getServerReferenceId(config, serverReference) {
+  return serverReference.$$id;
+}
+function getServerReferenceBoundArguments(config, serverReference) {
+  return serverReference.$$bound;
+}
+
+var ReactDOMSharedInternals = ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ReactDOMFlightServerDispatcher = {
+  prefetchDNS: prefetchDNS,
+  preconnect: preconnect,
+  preload: preload,
+  preloadModule: preloadModule$1,
+  preinitStyle: preinitStyle,
+  preinitScript: preinitScript,
+  preinitModuleScript: preinitModuleScript
+};
+
+function prefetchDNS(href) {
+  {
+    if (typeof href === 'string' && href) {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'D|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        emitHint(request, 'D', href);
+      }
+    }
+  }
+}
+
+function preconnect(href, crossOrigin) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = "C|" + (crossOrigin == null ? 'null' : crossOrigin) + "|" + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+
+        if (typeof crossOrigin === 'string') {
+          emitHint(request, 'C', [href, crossOrigin]);
+        } else {
+          emitHint(request, 'C', href);
+        }
+      }
+    }
+  }
+}
+
+function preload(href, as, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'L';
+
+        if (as === 'image' && options) {
+          key += getImagePreloadKey(href, options.imageSrcSet, options.imageSizes);
+        } else {
+          key += "[" + as + "]" + href;
+        }
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          emitHint(request, 'L', [href, as, trimmed]);
+        } else {
+          emitHint(request, 'L', [href, as]);
+        }
+      }
+    }
+  }
+}
+
+function preloadModule$1(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'm|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'm', [href, trimmed]);
+        } else {
+          return emitHint(request, 'm', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitStyle(href, precedence, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'S|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'S', [href, typeof precedence === 'string' ? precedence : 0, trimmed]);
+        } else if (typeof precedence === 'string') {
+          return emitHint(request, 'S', [href, precedence]);
+        } else {
+          return emitHint(request, 'S', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'X|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'X', [href, trimmed]);
+        } else {
+          return emitHint(request, 'X', href);
+        }
+      }
+    }
+  }
+}
+
+function preinitModuleScript(href, options) {
+  {
+    if (typeof href === 'string') {
+      var request = resolveRequest();
+
+      if (request) {
+        var hints = getHints(request);
+        var key = 'M|' + href;
+
+        if (hints.has(key)) {
+          // duplicate hint
+          return;
+        }
+
+        hints.add(key);
+        var trimmed = trimOptions(options);
+
+        if (trimmed) {
+          return emitHint(request, 'M', [href, trimmed]);
+        } else {
+          return emitHint(request, 'M', href);
+        }
+      }
+    }
+  }
+} // Flight normally encodes undefined as a special character however for directive option
+// arguments we don't want to send unnecessary keys and bloat the payload so we create a
+// trimmed object which omits any keys with null or undefined values.
+// This is only typesafe because these option objects have entirely optional fields where
+// null and undefined represent the same thing as no property.
+
+
+function trimOptions(options) {
+  if (options == null) return null;
+  var hasProperties = false;
+  var trimmed = {};
+
+  for (var key in options) {
+    if (options[key] != null) {
+      hasProperties = true;
+      trimmed[key] = options[key];
+    }
+  }
+
+  return hasProperties ? trimmed : null;
+}
+
+function getImagePreloadKey(href, imageSrcSet, imageSizes) {
+  var uniquePart = '';
+
+  if (typeof imageSrcSet === 'string' && imageSrcSet !== '') {
+    uniquePart += '[' + imageSrcSet + ']';
+
+    if (typeof imageSizes === 'string') {
+      uniquePart += '[' + imageSizes + ']';
+    }
+  } else {
+    uniquePart += '[][]' + href;
+  }
+
+  return "[image]" + uniquePart;
+}
+
+var ReactDOMCurrentDispatcher = ReactDOMSharedInternals.Dispatcher;
+function prepareHostDispatcher() {
+  ReactDOMCurrentDispatcher.current = ReactDOMFlightServerDispatcher;
+} // Used to distinguish these contexts from ones used in other renderers.
+// small, smaller than how we encode undefined, and is unambiguous. We could use
+// a different tuple structure to encode this instead but this makes the runtime
+// cost cheaper by eliminating a type checks in more positions.
+// prettier-ignore
+
+function createHints() {
+  return new Set();
+}
+
+var requestStorage = new async_hooks.AsyncLocalStorage();
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
+
+
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
+
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
+
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+
+      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
+
+      pushNode(next);
+    }
+  }
+}
+
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
+
+function pushAllNext(next) {
+  var parentNext = next.parent;
+
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
+
+  pushNode(next);
+}
+
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
+
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
+
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
+
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
+
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
+
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
+
+
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
+
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
+    }
+
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
+
+  {
+    prevValue = context._currentValue;
+    context._currentValue = nextValue;
+
+    {
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer = rendererSigil;
+    }
+  }
+
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
+}
+function popProvider() {
+  var prevSnapshot = currentActiveSnapshot;
+
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
+  }
+
+  {
+    var value = prevSnapshot.parentValue;
+
+    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
+      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
+    } else {
+      prevSnapshot.context._currentValue = value;
+    }
+  }
+
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue ;
+  return value;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop, noop);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+var currentRequest$1 = null;
+var thenableIndexCounter = 0;
+var thenableState = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest$1 = request;
+}
+function resetHooksForRequest() {
+  currentRequest$1 = null;
+}
+function prepareToUseHooksForComponent(prevThenableState) {
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+
+function readContext(context) {
+  {
+    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
+    }
+
+    if (currentRequest$1 === null) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+var HooksDispatcher = {
+  useMemo: function (nextCreate) {
+    return nextCreate();
+  },
+  useCallback: function (callback) {
+    return callback;
+  },
+  useDebugValue: function () {},
+  useDeferredValue: unsupportedHook,
+  useTransition: unsupportedHook,
+  readContext: readContext,
+  useContext: readContext,
+  useReducer: unsupportedHook,
+  useRef: unsupportedHook,
+  useState: unsupportedHook,
+  useInsertionEffect: unsupportedHook,
+  useLayoutEffect: unsupportedHook,
+  useImperativeHandle: unsupportedHook,
+  useEffect: unsupportedHook,
+  useId: useId,
+  useSyncExternalStore: unsupportedHook,
+  useCacheRefresh: function () {
+    return unsupportedRefresh;
+  },
+  useMemoCache: function (size) {
+    var data = new Array(size);
+
+    for (var i = 0; i < size; i++) {
+      data[i] = REACT_MEMO_CACHE_SENTINEL;
+    }
+
+    return data;
+  },
+  use: use
+};
+
+function unsupportedHook() {
+  throw new Error('This Hook is not supported in Server Components.');
+}
+
+function unsupportedRefresh() {
+  throw new Error('Refreshing the cache is not supported in Server Components.');
+}
+
+function useId() {
+  if (currentRequest$1 === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest$1.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest$1.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable; // Track the position of the thenable within this fiber.
+
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
+
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
+
+      return trackUsedThenable(thenableState, thenable, index);
+    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function createSignal() {
+  return new AbortController().signal;
+}
+
+function resolveCache() {
+  var request = resolveRequest();
+
+  if (request) {
+    return getCache(request);
+  }
+
+  return new Map();
+}
+
+var DefaultCacheDispatcher = {
+  getCacheSignal: function () {
+    var cache = resolveCache();
+    var entry = cache.get(createSignal);
+
+    if (entry === undefined) {
+      entry = createSignal();
+      cache.set(createSignal, entry);
+    }
+
+    return entry;
+  },
+  getCacheForType: function (resourceType) {
+    var cache = resolveCache();
+    var entry = cache.get(resourceType);
+
+    if (entry === undefined) {
+      entry = resourceType(); // TODO: Warn if undefined?
+
+      cache.set(resourceType, entry);
+    }
+
+    return entry;
+  }
+};
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+
+function isObjectPrototype(object) {
+  if (!object) {
+    return false;
+  }
+
+  var ObjectPrototype = Object.prototype;
+
+  if (object === ObjectPrototype) {
+    return true;
+  } // It might be an object from a different Realm which is
+  // still just a plain simple object.
+
+
+  if (Object.getPrototypeOf(object)) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    if (!(names[i] in ObjectPrototype)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function isSimpleObject(object) {
+  if (!isObjectPrototype(Object.getPrototypeOf(object))) {
+    return false;
+  }
+
+  var names = Object.getOwnPropertyNames(object);
+
+  for (var i = 0; i < names.length; i++) {
+    var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+
+    if (!descriptor) {
+      return false;
+    }
+
+    if (!descriptor.enumerable) {
+      if ((names[i] === 'key' || names[i] === 'ref') && typeof descriptor.get === 'function') {
+        // React adds key and ref getters to props objects to issue warnings.
+        // Those getters will not be transferred to the client, but that's ok,
+        // so we'll special case them.
+        continue;
+      }
+
+      return false;
+    }
+  }
+
+  return true;
+}
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      return 'function';
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name = _names[_i3];
+        str += describeKeyForErrorMessage(_name) + ': ';
+        var _value3 = _object[_name];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    var context = {
+      $$typeof: REACT_SERVER_CONTEXT_TYPE,
+      // As a workaround to support multiple concurrent renderers, we categorize
+      // some renderers as primary and others as secondary. We only expect
+      // there to be two concurrent renderers at most: React Native (primary) and
+      // Fabric (secondary); React DOM (primary) and React ART (secondary).
+      // Secondary renderers store their context values on separate fields.
+      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
+      // Used to track how many concurrent renderers this context currently
+      // supports within in a single renderer. Such as parallel server rendering.
+      _threadCount: 0,
+      // These are circular
+      Provider: null,
+      Consumer: null,
+      _globalName: globalName
+    };
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      var hasWarnedAboutUsingConsumer;
+      context._currentRenderer = null;
+      context._currentRenderer2 = null;
+      Object.defineProperties(context, {
+        Consumer: {
+          get: function () {
+            if (!hasWarnedAboutUsingConsumer) {
+              error('Consumer pattern is not supported by ReactServerContext');
+
+              hasWarnedAboutUsingConsumer = true;
+            }
+
+            return null;
+          }
+        }
+      });
+    }
+
+    ContextRegistry[globalName] = context;
+  }
+
+  return ContextRegistry[globalName];
+}
+
+var stringify = JSON.stringify; // Serializable values
+// Thenable<ReactClientValue>
+
+var PENDING$1 = 0;
+var COMPLETED = 1;
+var ABORTED = 3;
+var ERRORED$1 = 4;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var ReactCurrentCache = ReactSharedInternals.ReactCurrentCache;
+
+function defaultErrorHandler(error) {
+  console['error'](error); // Don't transform to our wrapper
+}
+
+function defaultPostponeHandler(reason) {// Noop
+}
+
+var OPEN = 0;
+var CLOSING = 1;
+var CLOSED = 2;
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+  if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
+    throw new Error('Currently React only supports one RSC renderer at a time.');
+  }
+
+  prepareHostDispatcher();
+  ReactCurrentCache.current = DefaultCacheDispatcher;
+  var abortSet = new Set();
+  var pingedTasks = [];
+  var hints = createHints();
+  var request = {
+    status: OPEN,
+    flushScheduled: false,
+    fatalError: null,
+    destination: null,
+    bundlerConfig: bundlerConfig,
+    cache: new Map(),
+    nextChunkId: 0,
+    pendingChunks: 0,
+    hints: hints,
+    abortableTasks: abortSet,
+    pingedTasks: pingedTasks,
+    completedImportChunks: [],
+    completedHintChunks: [],
+    completedRegularChunks: [],
+    completedErrorChunks: [],
+    writtenSymbols: new Map(),
+    writtenClientReferences: new Map(),
+    writtenServerReferences: new Map(),
+    writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
+    onError: onError === undefined ? defaultErrorHandler : onError,
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
+    // $FlowFixMe[missing-this-annot]
+    toJSON: function (key, value) {
+      return resolveModelToJSON(request, this, key, value);
+    }
+  };
+  request.pendingChunks++;
+  var rootContext = createRootContext(context);
+  var rootTask = createTask(request, model, rootContext, abortSet);
+  pingedTasks.push(rootTask);
+  return request;
+}
+var currentRequest = null;
+function resolveRequest() {
+  if (currentRequest) return currentRequest;
+
+  {
+    var store = requestStorage.getStore();
+    if (store) return store;
+  }
+
+  return null;
+}
+
+function createRootContext(reqContext) {
+  return importServerContexts(reqContext);
+}
+
+var POP = {};
+
+function serializeThenable(request, thenable) {
+  request.pendingChunks++;
+  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        // We have the resolved value, we can go ahead and schedule it for serialization.
+        newTask.model = thenable.value;
+        pingTask(request, newTask);
+        return newTask.id;
+      }
+
+    case 'rejected':
+      {
+        var x = thenable.reason;
+
+        if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = x;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, newTask.id, postponeInstance);
+        } else {
+          var digest = logRecoverableError(request, x);
+          emitErrorChunk(request, newTask.id, digest, x);
+        }
+
+        return newTask.id;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  thenable.then(function (value) {
+    newTask.model = value;
+    pingTask(request, newTask);
+  }, function (reason) {
+    newTask.status = ERRORED$1;
+    request.abortableTasks.delete(newTask); // TODO: We should ideally do this inside performWork so it's scheduled
+
+    var digest = logRecoverableError(request, reason);
+    emitErrorChunk(request, newTask.id, digest, reason);
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  });
+  return newTask.id;
+}
+
+function emitHint(request, code, model) {
+  emitHintChunk(request, code, model);
+  enqueueFlush(request);
+}
+function getHints(request) {
+  return request.hints;
+}
+function getCache(request) {
+  return request.cache;
+}
+
+function readThenable(thenable) {
+  if (thenable.status === 'fulfilled') {
+    return thenable.value;
+  } else if (thenable.status === 'rejected') {
+    throw thenable.reason;
+  }
+
+  throw thenable;
+}
+
+function createLazyWrapperAroundWakeable(wakeable) {
+  // This is a temporary fork of the `use` implementation until we accept
+  // promises everywhere.
+  var thenable = wakeable;
+
+  switch (thenable.status) {
+    case 'fulfilled':
+    case 'rejected':
+      break;
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          break;
+        }
+
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: thenable,
+    _init: readThenable
+  };
+  return lazyType;
+}
+
+function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    } // This is a server-side component.
+
+
+    prepareToUseHooksForComponent(prevThenableState);
+    var result = type(props);
+
+    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+      // When the return value is in children position we can resolve it immediately,
+      // to its value without a wrapper if it's synchronously available.
+      var thenable = result;
+
+      if (thenable.status === 'fulfilled') {
+        return thenable.value;
+      } // TODO: Once we accept Promises as children on the client, we can just return
+      // the thenable here.
+
+
+      return createLazyWrapperAroundWakeable(result);
+    }
+
+    return result;
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      // TODO: If a key is specified, we should propagate its key to any children.
+      // Same as if a Server Component has a key.
+      return props.children;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return [REACT_ELEMENT_TYPE, type, key, props];
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          var render = type.render;
+          prepareToUseHooksForComponent(prevThenableState);
+          return render(props, undefined);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+        }
+
+      case REACT_PROVIDER_TYPE:
+        {
+          pushProvider(type._context, props.value);
+
+          {
+            var extraKeys = Object.keys(props).filter(function (value) {
+              if (value === 'children' || value === 'value') {
+                return false;
+              }
+
+              return true;
+            });
+
+            if (extraKeys.length !== 0) {
+              error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
+            }
+          }
+
+          return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
+          {
+            value: props.value,
+            children: props.children,
+            __pop: POP
+          }];
+        }
+    }
+  }
+
+  throw new Error("Unsupported Server Component type: " + describeValueForErrorMessage(type));
+}
+
+function pingTask(request, task) {
+  var pingedTasks = request.pingedTasks;
+  pingedTasks.push(task);
+
+  if (pingedTasks.length === 1) {
+    request.flushScheduled = request.destination !== null;
+    scheduleWork(function () {
+      return performWork(request);
+    });
+  }
+}
+
+function createTask(request, model, context, abortSet) {
+  var id = request.nextChunkId++;
+  var task = {
+    id: id,
+    status: PENDING$1,
+    model: model,
+    context: context,
+    ping: function () {
+      return pingTask(request, task);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
+}
+
+function serializeLazyID(id) {
+  return '$L' + id.toString(16);
+}
+
+function serializePromiseID(id) {
+  return '$@' + id.toString(16);
+}
+
+function serializeServerReferenceID(id) {
+  return '$F' + id.toString(16);
+}
+
+function serializeSymbolReference(name) {
+  return '$S' + name;
+}
+
+function serializeProviderReference(name) {
+  return '$P' + name;
+}
+
+function serializeNumber(number) {
+  if (Number.isFinite(number)) {
+    if (number === 0 && 1 / number === -Infinity) {
+      return '$-0';
+    } else {
+      return number;
+    }
+  } else {
+    if (number === Infinity) {
+      return '$Infinity';
+    } else if (number === -Infinity) {
+      return '$-Infinity';
+    } else {
+      return '$NaN';
+    }
+  }
+}
+
+function serializeUndefined() {
+  return '$undefined';
+}
+
+function serializeDateFromDateJSON(dateJSON) {
+  // JSON.stringify automatically calls Date.prototype.toJSON which calls toISOString.
+  // We need only tack on a $D prefix.
+  return '$D' + dateJSON;
+}
+
+function serializeBigInt(n) {
+  return '$n' + n.toString(10);
+}
+
+function serializeRowHeader(tag, id) {
+  return id.toString(16) + ':' + tag;
+}
+
+function encodeReferenceChunk(request, id, reference) {
+  var json = stringify(reference);
+  var row = id.toString(16) + ':' + json + '\n';
+  return stringToChunk(row);
+}
+
+function serializeClientReference(request, parent, key, clientReference) {
+  var clientReferenceKey = getClientReferenceKey(clientReference);
+  var writtenClientReferences = request.writtenClientReferences;
+  var existingId = writtenClientReferences.get(clientReferenceKey);
+
+  if (existingId !== undefined) {
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(existingId);
+    }
+
+    return serializeByValueID(existingId);
+  }
+
+  try {
+    var clientReferenceMetadata = resolveClientReferenceMetadata(request.bundlerConfig, clientReference);
+    request.pendingChunks++;
+    var importId = request.nextChunkId++;
+    emitImportChunk(request, importId, clientReferenceMetadata);
+    writtenClientReferences.set(clientReferenceKey, importId);
+
+    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+      // If we're encoding the "type" of an element, we can refer
+      // to that by a lazy reference instead of directly since React
+      // knows how to deal with lazy values. This lets us suspend
+      // on this component rather than its parent until the code has
+      // loaded.
+      return serializeLazyID(importId);
+    }
+
+    return serializeByValueID(importId);
+  } catch (x) {
+    request.pendingChunks++;
+    var errorId = request.nextChunkId++;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, errorId, digest, x);
+    return serializeByValueID(errorId);
+  }
+}
+
+function outlineModel(request, value) {
+  request.pendingChunks++;
+  var outlinedId = request.nextChunkId++; // We assume that this object doesn't suspend, but a child might.
+
+  emitModelChunk(request, outlinedId, value);
+  return outlinedId;
+}
+
+function serializeServerReference(request, parent, key, serverReference) {
+  var writtenServerReferences = request.writtenServerReferences;
+  var existingId = writtenServerReferences.get(serverReference);
+
+  if (existingId !== undefined) {
+    return serializeServerReferenceID(existingId);
+  }
+
+  var bound = getServerReferenceBoundArguments(request.bundlerConfig, serverReference);
+  var serverReferenceMetadata = {
+    id: getServerReferenceId(request.bundlerConfig, serverReference),
+    bound: bound ? Promise.resolve(bound) : null
+  };
+  var metadataId = outlineModel(request, serverReferenceMetadata);
+  writtenServerReferences.set(serverReference, metadataId);
+  return serializeServerReferenceID(metadataId);
+}
+
+function serializeLargeTextString(request, text) {
+  request.pendingChunks += 2;
+  var textId = request.nextChunkId++;
+  var textChunk = stringToChunk(text);
+  var binaryLength = byteLengthOfChunk(textChunk);
+  var row = textId.toString(16) + ':T' + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, textChunk);
+  return serializeByValueID(textId);
+}
+
+function serializeMap(request, map) {
+  var id = outlineModel(request, Array.from(map));
+  return '$Q' + id.toString(16);
+}
+
+function serializeSet(request, set) {
+  var id = outlineModel(request, Array.from(set));
+  return '$W' + id.toString(16);
+}
+
+function serializeTypedArray(request, tag, typedArray) {
+  request.pendingChunks += 2;
+  var bufferId = request.nextChunkId++; // TODO: Convert to little endian if that's not the server default.
+
+  var binaryChunk = typedArrayToBinaryChunk(typedArray);
+  var binaryLength = byteLengthOfBinaryChunk(binaryChunk);
+  var row = bufferId.toString(16) + ':' + tag + binaryLength.toString(16) + ',';
+  var headerChunk = stringToChunk(row);
+  request.completedRegularChunks.push(headerChunk, binaryChunk);
+  return serializeByValueID(bufferId);
+}
+
+function escapeStringValue(value) {
+  if (value[0] === '$') {
+    // We need to escape $ prefixed strings since we use those to encode
+    // references to IDs and as special symbol values.
+    return '$' + value;
+  } else {
+    return value;
+  }
+}
+
+var insideContextProps = null;
+var isInsideContextValue = false;
+
+function resolveModelToJSON(request, parent, key, value) {
+  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
+  {
+    // $FlowFixMe[incompatible-use]
+    var originalValue = parent[key];
+
+    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+      if (objectName(originalValue) !== 'Object') {
+        var jsxParentType = jsxChildrenParents.get(parent);
+
+        if (typeof jsxParentType === 'string') {
+          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        } else {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
+        }
+      } else {
+        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
+      }
+    }
+  } // Special Symbols
+
+
+  switch (value) {
+    case REACT_ELEMENT_TYPE:
+      return '$';
+  }
+
+  {
+    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
+      insideContextProps = value;
+    } else if (insideContextProps === parent && key === 'value') {
+      isInsideContextValue = true;
+    } else if (insideContextProps === parent && key === 'children') {
+      isInsideContextValue = false;
+    }
+  } // Resolve Server Components.
+
+
+  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    {
+      if (isInsideContextValue) {
+        error('React elements are not allowed in ServerContext');
+      }
+    }
+
+    try {
+      switch (value.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            // TODO: Concatenate keys of parents onto children.
+            var element = value; // Attempt to render the Server Component.
+
+            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
+            break;
+          }
+
+        case REACT_LAZY_TYPE:
+          {
+            var payload = value._payload;
+            var init = value._init;
+            value = init(payload);
+            break;
+          }
+      }
+    } catch (thrownValue) {
+      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+      // reasons, the rest of the Suspense implementation expects the thrown
+      // value to be a thenable, because before `use` existed that was the
+      // (unstable) API for suspending. This implementation detail can change
+      // later, once we deprecate the old API in favor of `use`.
+      getSuspendedThenable() : thrownValue;
+
+      if (typeof x === 'object' && x !== null) {
+        // $FlowFixMe[method-unbinding]
+        if (typeof x.then === 'function') {
+          // Something suspended, we'll need to create a new task and resolve it later.
+          request.pendingChunks++;
+          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+          var ping = newTask.ping;
+          x.then(ping, ping);
+          newTask.thenableState = getThenableStateAfterSuspending();
+          return serializeLazyID(newTask.id);
+        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+          // Something postponed. We'll still send everything we have up until this point.
+          // We'll replace this element with a lazy reference that postpones on the client.
+          var postponeInstance = x;
+          request.pendingChunks++;
+          var postponeId = request.nextChunkId++;
+          logPostpone(request, postponeInstance.message);
+          emitPostponeChunk(request, postponeId, postponeInstance);
+          return serializeLazyID(postponeId);
+        }
+      } // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
+
+
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      var digest = logRecoverableError(request, x);
+      emitErrorChunk(request, errorId, digest, x);
+      return serializeLazyID(errorId);
+    }
+  }
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value); // $FlowFixMe[method-unbinding]
+    } else if (typeof value.then === 'function') {
+      // We assume that any object with a .then property is a "Thenable" type,
+      // or a Promise type. Either of which can be represented by a Promise.
+      var promiseId = serializeThenable(request, value);
+      return serializePromiseID(promiseId);
+    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+      var providerKey = value._context._globalName;
+      var writtenProviders = request.writtenProviders;
+      var providerId = writtenProviders.get(key);
+
+      if (providerId === undefined) {
+        request.pendingChunks++;
+        providerId = request.nextChunkId++;
+        writtenProviders.set(providerKey, providerId);
+        emitProviderChunk(request, providerId, providerKey);
+      }
+
+      return serializeByValueID(providerId);
+    } else if (value === POP) {
+      popProvider();
+
+      {
+        insideContextProps = null;
+        isInsideContextValue = false;
+      }
+
+      return undefined;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'D', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    if (!isArray(value)) {
+      var iteratorFn = getIteratorFn(value);
+
+      if (iteratorFn) {
+        return Array.from(value);
+      }
+    }
+
+    {
+      if (value !== null && !isArray(value)) {
+        // Verify that this is a simple plain object.
+        if (objectName(value) !== 'Object') {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        } else if (!isSimpleObject(value)) {
+          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        } else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+
+          if (symbols.length > 0) {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          }
+        }
+      }
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    // TODO: Maybe too clever. If we support URL there's no similar trick.
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      // $FlowFixMe[incompatible-use]
+      var _originalValue = parent[key];
+
+      if (_originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, parent, key, value);
+    }
+
+    if (/^on[A-Z]/.test(key)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else {
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+    }
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+    var existingId = writtenSymbols.get(value);
+
+    if (existingId !== undefined) {
+      return serializeByValueID(existingId);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description;
+
+    if (Symbol.for(name) !== value) {
+      throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+    }
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    writtenSymbols.set(value, symbolId);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+}
+
+function logPostpone(request, reason) {
+  var onPostpone = request.onPostpone;
+  onPostpone(reason);
+}
+
+function logRecoverableError(request, error) {
+  var onError = request.onError;
+  var errorDigest = onError(error);
+
+  if (errorDigest != null && typeof errorDigest !== 'string') {
+    // eslint-disable-next-line react-internal/prod-error-codes
+    throw new Error("onError returned something with a type other than \"string\". onError should return a string and may return null or undefined but must not return anything else. It received something of type \"" + typeof errorDigest + "\" instead");
+  }
+
+  return errorDigest || '';
+}
+
+function fatalError(request, error) {
+  // This is called outside error handling code such as if an error happens in React internals.
+  if (request.destination !== null) {
+    request.status = CLOSED;
+    closeWithError(request.destination, error);
+  } else {
+    request.status = CLOSING;
+    request.fatalError = error;
+  }
+}
+
+function emitPostponeChunk(request, id, postponeInstance) {
+  var row;
+
+  {
+    var reason = '';
+    var stack = '';
+
+    try {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      reason = String(postponeInstance.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+      stack = String(postponeInstance.stack);
+    } catch (x) {}
+
+    row = serializeRowHeader('P', id) + stringify({
+      reason: reason,
+      stack: stack
+    }) + '\n';
+  }
+
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitErrorChunk(request, id, digest, error) {
+  var errorInfo;
+
+  {
+    var message;
+    var stack = '';
+
+    try {
+      if (error instanceof Error) {
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
+
+        stack = String(error.stack);
+      } else {
+        message = 'Error: ' + error;
+      }
+    } catch (x) {
+      message = 'An error occurred but serializing the error message failed.';
+    }
+
+    errorInfo = {
+      digest: digest,
+      message: message,
+      stack: stack
+    };
+  }
+
+  var row = serializeRowHeader('E', id) + stringify(errorInfo) + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function emitImportChunk(request, id, clientReferenceMetadata) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(clientReferenceMetadata);
+  var row = serializeRowHeader('I', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitHintChunk(request, code, model) {
+  var json = stringify(model);
+  var id = request.nextChunkId++;
+  var row = serializeRowHeader('H' + code, id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedHintChunks.push(processedChunk);
+}
+
+function emitSymbolChunk(request, id, name) {
+  var symbolReference = serializeSymbolReference(name);
+  var processedChunk = encodeReferenceChunk(request, id, symbolReference);
+  request.completedImportChunks.push(processedChunk);
+}
+
+function emitProviderChunk(request, id, contextName) {
+  var contextReference = serializeProviderReference(contextName);
+  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function emitModelChunk(request, id, model) {
+  // $FlowFixMe[incompatible-type] stringify can return null
+  var json = stringify(model, request.toJSON);
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function retryTask(request, task) {
+  if (task.status !== PENDING$1) {
+    // We completed this by other means before we had a chance to retry it.
+    return;
+  }
+
+  switchContext(task.context);
+
+  try {
+    var value = task.model;
+
+    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+      // TODO: Concatenate keys of parents onto children.
+      var element = value; // When retrying a component, reuse the thenableState from the
+      // previous attempt.
+
+      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
+      // Doing this here lets us reuse this same task if the next component
+      // also suspends.
+
+      task.model = value;
+      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
+      // using the same task, but we reset its thenable state before continuing.
+
+      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
+      // from the render above because we don't need to reset the thenable state
+      // until the next time something suspends and retries.
+
+      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
+        // TODO: Concatenate keys of parents onto children.
+        var nextElement = value;
+        task.model = value;
+        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
+      }
+    }
+
+    emitModelChunk(request, task.id, value);
+    request.abortableTasks.delete(task);
+    task.status = COMPLETED;
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue;
+
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended again, let's pick it back up later.
+        var ping = task.ping;
+        x.then(ping, ping);
+        task.thenableState = getThenableStateAfterSuspending();
+        return;
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        request.abortableTasks.delete(task);
+        task.status = ERRORED$1;
+        var postponeInstance = x;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, task.id, postponeInstance);
+        return;
+      }
+    }
+
+    request.abortableTasks.delete(task);
+    task.status = ERRORED$1;
+    var digest = logRecoverableError(request, x);
+    emitErrorChunk(request, task.id, digest, x);
+  }
+}
+
+function performWork(request) {
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = HooksDispatcher;
+  var prevRequest = currentRequest;
+  currentRequest = request;
+  prepareToUseHooksForRequest(request);
+
+  try {
+    var pingedTasks = request.pingedTasks;
+    request.pingedTasks = [];
+
+    for (var i = 0; i < pingedTasks.length; i++) {
+      var task = pingedTasks[i];
+      retryTask(request, task);
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  } finally {
+    ReactCurrentDispatcher.current = prevDispatcher;
+    resetHooksForRequest();
+    currentRequest = prevRequest;
+  }
+}
+
+function abortTask(task, request, errorId) {
+  task.status = ABORTED; // Instead of emitting an error per task.id, we emit a model that only
+  // has a single value referencing the error.
+
+  var ref = serializeByValueID(errorId);
+  var processedChunk = encodeReferenceChunk(request, task.id, ref);
+  request.completedErrorChunks.push(processedChunk);
+}
+
+function flushCompletedChunks(request, destination) {
+  beginWriting();
+
+  try {
+    // We emit module chunks first in the stream so that
+    // they can be preloaded as early as possible.
+    var importsChunks = request.completedImportChunks;
+    var i = 0;
+
+    for (; i < importsChunks.length; i++) {
+      request.pendingChunks--;
+      var chunk = importsChunks[i];
+      var keepWriting = writeChunkAndReturn(destination, chunk);
+
+      if (!keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    importsChunks.splice(0, i); // Next comes hints.
+
+    var hintChunks = request.completedHintChunks;
+    i = 0;
+
+    for (; i < hintChunks.length; i++) {
+      var _chunk = hintChunks[i];
+
+      var _keepWriting = writeChunkAndReturn(destination, _chunk);
+
+      if (!_keepWriting) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    hintChunks.splice(0, i); // Next comes model data.
+
+    var regularChunks = request.completedRegularChunks;
+    i = 0;
+
+    for (; i < regularChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk2 = regularChunks[i];
+
+      var _keepWriting2 = writeChunkAndReturn(destination, _chunk2);
+
+      if (!_keepWriting2) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    regularChunks.splice(0, i); // Finally, errors are sent. The idea is that it's ok to delay
+    // any error messages and prioritize display of other parts of
+    // the page.
+
+    var errorChunks = request.completedErrorChunks;
+    i = 0;
+
+    for (; i < errorChunks.length; i++) {
+      request.pendingChunks--;
+      var _chunk3 = errorChunks[i];
+
+      var _keepWriting3 = writeChunkAndReturn(destination, _chunk3);
+
+      if (!_keepWriting3) {
+        request.destination = null;
+        i++;
+        break;
+      }
+    }
+
+    errorChunks.splice(0, i);
+  } finally {
+    request.flushScheduled = false;
+    completeWriting(destination);
+  }
+
+  flushBuffered(destination);
+
+  if (request.pendingChunks === 0) {
+    // We're done.
+    close$1(destination);
+  }
+}
+
+function startWork(request) {
+  request.flushScheduled = request.destination !== null;
+
+  {
+    scheduleWork(function () {
+      return requestStorage.run(request, performWork, request);
+    });
+  }
+}
+
+function enqueueFlush(request) {
+  if (request.flushScheduled === false && // If there are pinged tasks we are going to flush anyway after work completes
+  request.pingedTasks.length === 0 && // If there is no destination there is nothing we can flush to. A flush will
+  // happen when we start flowing again
+  request.destination !== null) {
+    var destination = request.destination;
+    request.flushScheduled = true;
+    scheduleWork(function () {
+      return flushCompletedChunks(request, destination);
+    });
+  }
+}
+
+function startFlowing(request, destination) {
+  if (request.status === CLOSING) {
+    request.status = CLOSED;
+    closeWithError(destination, request.fatalError);
+    return;
+  }
+
+  if (request.status === CLOSED) {
+    return;
+  }
+
+  if (request.destination !== null) {
+    // We're already flowing.
+    return;
+  }
+
+  request.destination = destination;
+
+  try {
+    flushCompletedChunks(request, destination);
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function abort(request, reason) {
+  try {
+    var abortableTasks = request.abortableTasks;
+
+    if (abortableTasks.size > 0) {
+      // We have tasks to abort. We'll emit one error row and then emit a reference
+      // to that row from every row that's still remaining.
+      var error = reason === undefined ? new Error('The render was aborted by the server without a reason.') : reason;
+      var digest = logRecoverableError(request, error);
+      request.pendingChunks++;
+      var errorId = request.nextChunkId++;
+      emitErrorChunk(request, errorId, digest, error);
+      abortableTasks.forEach(function (task) {
+        return abortTask(task, request, errorId);
+      });
+      abortableTasks.clear();
+    }
+
+    if (request.destination !== null) {
+      flushCompletedChunks(request, request.destination);
+    }
+  } catch (error) {
+    logRecoverableError(request, error);
+    fatalError(request, error);
+  }
+}
+
+function importServerContexts(contexts) {
+  if (contexts) {
+    var prevContext = getActiveContext();
+    switchContext(rootContextSnapshot);
+
+    for (var i = 0; i < contexts.length; i++) {
+      var _contexts$i = contexts[i],
+          name = _contexts$i[0],
+          value = _contexts$i[1];
+      var context = getOrCreateServerContext(name);
+      pushProvider(context, value);
+    }
+
+    var importedContext = getActiveContext();
+    switchContext(prevContext);
+    return importedContext;
+  }
+
+  return rootContextSnapshot;
+}
+
+function resolveServerReference(bundlerConfig, id) {
+  var idx = id.lastIndexOf('#');
+  var specifier = id.slice(0, idx);
+  var name = id.slice(idx + 1);
+  return {
+    specifier: specifier,
+    name: name
+  };
+}
+var asyncModuleCache = new Map();
+function preloadModule(metadata) {
+  var existingPromise = asyncModuleCache.get(metadata.specifier);
+
+  if (existingPromise) {
+    if (existingPromise.status === 'fulfilled') {
+      return null;
+    }
+
+    return existingPromise;
+  } else {
+    // $FlowFixMe[unsupported-syntax]
+    var modulePromise = import(metadata.specifier);
+
+    if (metadata.async) {
+      // If the module is async, it must have been a CJS module.
+      // CJS modules are accessed through the default export in
+      // Node.js so we have to get the default export to get the
+      // full module exports.
+      modulePromise = modulePromise.then(function (value) {
+        return value.default;
+      });
+    }
+
+    modulePromise.then(function (value) {
+      var fulfilledThenable = modulePromise;
+      fulfilledThenable.status = 'fulfilled';
+      fulfilledThenable.value = value;
+    }, function (reason) {
+      var rejectedThenable = modulePromise;
+      rejectedThenable.status = 'rejected';
+      rejectedThenable.reason = reason;
+    });
+    asyncModuleCache.set(metadata.specifier, modulePromise);
+    return modulePromise;
+  }
+}
+function requireModule(metadata) {
+  var moduleExports; // We assume that preloadModule has been called before, which
+  // should have added something to the module cache.
+
+  var promise = asyncModuleCache.get(metadata.specifier);
+
+  if (promise.status === 'fulfilled') {
+    moduleExports = promise.value;
+  } else {
+    throw promise.reason;
+  }
+
+  if (metadata.name === '*') {
+    // This is a placeholder value that represents that the caller imported this
+    // as a CommonJS module as is.
+    return moduleExports;
+  }
+
+  if (metadata.name === '') {
+    // This is a placeholder value that represents that the caller accessed the
+    // default property of this if it was an ESM interop module.
+    return moduleExports.default;
+  }
+
+  return moduleExports[metadata.name];
+}
+
+// The server acts as a Client of itself when resolving Server References.
+var PENDING = 'pending';
+var BLOCKED = 'blocked';
+var RESOLVED_MODEL = 'resolved_model';
+var INITIALIZED = 'fulfilled';
+var ERRORED = 'rejected'; // $FlowFixMe[missing-this-annot]
+
+function Chunk(status, value, reason, response) {
+  this.status = status;
+  this.value = value;
+  this.reason = reason;
+  this._response = response;
+} // We subclass Promise.prototype so that we get other methods like .catch
+
+
+Chunk.prototype = Object.create(Promise.prototype); // TODO: This doesn't return a new Promise chain unlike the real .then
+
+Chunk.prototype.then = function (resolve, reject) {
+  var chunk = this; // If we have resolved content, we try to initialize it first which
+  // might put us back into one of the other states.
+
+  switch (chunk.status) {
+    case RESOLVED_MODEL:
+      initializeModelChunk(chunk);
+      break;
+  } // The status might have changed after initialization.
+
+
+  switch (chunk.status) {
+    case INITIALIZED:
+      resolve(chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      if (resolve) {
+        if (chunk.value === null) {
+          chunk.value = [];
+        }
+
+        chunk.value.push(resolve);
+      }
+
+      if (reject) {
+        if (chunk.reason === null) {
+          chunk.reason = [];
+        }
+
+        chunk.reason.push(reject);
+      }
+
+      break;
+
+    default:
+      reject(chunk.reason);
+      break;
+  }
+};
+
+function getRoot(response) {
+  var chunk = getChunk(response, 0);
+  return chunk;
+}
+
+function createPendingChunk(response) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(PENDING, null, null, response);
+}
+
+function wakeChunk(listeners, value) {
+  for (var i = 0; i < listeners.length; i++) {
+    var listener = listeners[i];
+    listener(value);
+  }
+}
+
+function wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners) {
+  switch (chunk.status) {
+    case INITIALIZED:
+      wakeChunk(resolveListeners, chunk.value);
+      break;
+
+    case PENDING:
+    case BLOCKED:
+      chunk.value = resolveListeners;
+      chunk.reason = rejectListeners;
+      break;
+
+    case ERRORED:
+      if (rejectListeners) {
+        wakeChunk(rejectListeners, chunk.reason);
+      }
+
+      break;
+  }
+}
+
+function triggerErrorOnChunk(chunk, error) {
+  if (chunk.status !== PENDING && chunk.status !== BLOCKED) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var listeners = chunk.reason;
+  var erroredChunk = chunk;
+  erroredChunk.status = ERRORED;
+  erroredChunk.reason = error;
+
+  if (listeners !== null) {
+    wakeChunk(listeners, error);
+  }
+}
+
+function createResolvedModelChunk(response, value) {
+  // $FlowFixMe[invalid-constructor] Flow doesn't support functions as constructors
+  return new Chunk(RESOLVED_MODEL, value, null, response);
+}
+
+function resolveModelChunk(chunk, value) {
+  if (chunk.status !== PENDING) {
+    // We already resolved. We didn't expect to see this.
+    return;
+  }
+
+  var resolveListeners = chunk.value;
+  var rejectListeners = chunk.reason;
+  var resolvedChunk = chunk;
+  resolvedChunk.status = RESOLVED_MODEL;
+  resolvedChunk.value = value;
+
+  if (resolveListeners !== null) {
+    // This is unfortunate that we're reading this eagerly if
+    // we already have listeners attached since they might no
+    // longer be rendered or might not be the highest pri.
+    initializeModelChunk(resolvedChunk); // The status might have changed after initialization.
+
+    wakeChunkIfInitialized(chunk, resolveListeners, rejectListeners);
+  }
+}
+
+function bindArgs$1(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference$1(response, id, bound, parentChunk, parentObject, key) {
+  var serverReference = resolveServerReference(response._bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+  var promise;
+
+  if (bound) {
+    promise = Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs$1(requireModule(serverReference), args);
+    });
+  } else {
+    if (preloadPromise) {
+      promise = Promise.resolve(preloadPromise).then(function () {
+        return requireModule(serverReference);
+      });
+    } else {
+      // Synchronously available
+      return requireModule(serverReference);
+    }
+  }
+
+  promise.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk)); // We need a placeholder value that will be replaced later.
+
+  return null;
+}
+
+var initializingChunk = null;
+var initializingChunkBlockedModel = null;
+
+function initializeModelChunk(chunk) {
+  var prevChunk = initializingChunk;
+  var prevBlocked = initializingChunkBlockedModel;
+  initializingChunk = chunk;
+  initializingChunkBlockedModel = null;
+
+  try {
+    var value = JSON.parse(chunk.value, chunk._response._fromJSON);
+
+    if (initializingChunkBlockedModel !== null && initializingChunkBlockedModel.deps > 0) {
+      initializingChunkBlockedModel.value = value; // We discovered new dependencies on modules that are not yet resolved.
+      // We have to go the BLOCKED state until they're resolved.
+
+      var blockedChunk = chunk;
+      blockedChunk.status = BLOCKED;
+      blockedChunk.value = null;
+      blockedChunk.reason = null;
+    } else {
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = value;
+    }
+  } catch (error) {
+    var erroredChunk = chunk;
+    erroredChunk.status = ERRORED;
+    erroredChunk.reason = error;
+  } finally {
+    initializingChunk = prevChunk;
+    initializingChunkBlockedModel = prevBlocked;
+  }
+} // Report that any missing chunks in the model is now going to throw this
+// error upon read. Also notify any pending promises.
+
+
+function reportGlobalError(response, error) {
+  response._chunks.forEach(function (chunk) {
+    // If this chunk was already resolved or errored, it won't
+    // trigger an error but if it wasn't then we need to
+    // because we won't be getting any new data to resolve it.
+    if (chunk.status === PENDING) {
+      triggerErrorOnChunk(chunk, error);
+    }
+  });
+}
+
+function getChunk(response, id) {
+  var chunks = response._chunks;
+  var chunk = chunks.get(id);
+
+  if (!chunk) {
+    var prefix = response._prefix;
+    var key = prefix + id; // Check if we have this field in the backing store already.
+
+    var backingEntry = response._formData.get(key);
+
+    if (backingEntry != null) {
+      // We assume that this is a string entry for now.
+      chunk = createResolvedModelChunk(response, backingEntry);
+    } else {
+      // We're still waiting on this entry to stream in.
+      chunk = createPendingChunk(response);
+    }
+
+    chunks.set(id, chunk);
+  }
+
+  return chunk;
+}
+
+function createModelResolver(chunk, parentObject, key) {
+  var blocked;
+
+  if (initializingChunkBlockedModel) {
+    blocked = initializingChunkBlockedModel;
+    blocked.deps++;
+  } else {
+    blocked = initializingChunkBlockedModel = {
+      deps: 1,
+      value: null
+    };
+  }
+
+  return function (value) {
+    parentObject[key] = value;
+    blocked.deps--;
+
+    if (blocked.deps === 0) {
+      if (chunk.status !== BLOCKED) {
+        return;
+      }
+
+      var resolveListeners = chunk.value;
+      var initializedChunk = chunk;
+      initializedChunk.status = INITIALIZED;
+      initializedChunk.value = blocked.value;
+
+      if (resolveListeners !== null) {
+        wakeChunk(resolveListeners, blocked.value);
+      }
+    }
+  };
+}
+
+function createModelReject(chunk) {
+  return function (error) {
+    return triggerErrorOnChunk(chunk, error);
+  };
+}
+
+function getOutlinedModel(response, id) {
+  var chunk = getChunk(response, id);
+
+  if (chunk.status === RESOLVED_MODEL) {
+    initializeModelChunk(chunk);
+  }
+
+  if (chunk.status !== INITIALIZED) {
+    // We know that this is emitted earlier so otherwise it's an error.
+    throw chunk.reason;
+  }
+
+  return chunk.value;
+}
+
+function parseModelString(response, parentObject, key, value) {
+  if (value[0] === '$') {
+    switch (value[1]) {
+      case '$':
+        {
+          // This was an escaped string value.
+          return value.slice(1);
+        }
+
+      case '@':
+        {
+          // Promise
+          var id = parseInt(value.slice(2), 16);
+          var chunk = getChunk(response, id);
+          return chunk;
+        }
+
+      case 'S':
+        {
+          // Symbol
+          return Symbol.for(value.slice(2));
+        }
+
+      case 'F':
+        {
+          // Server Reference
+          var _id = parseInt(value.slice(2), 16); // TODO: Just encode this in the reference inline instead of as a model.
+
+
+          var metaData = getOutlinedModel(response, _id);
+          return loadServerReference$1(response, metaData.id, metaData.bound, initializingChunk, parentObject, key);
+        }
+
+      case 'Q':
+        {
+          // Map
+          var _id2 = parseInt(value.slice(2), 16);
+
+          var data = getOutlinedModel(response, _id2);
+          return new Map(data);
+        }
+
+      case 'W':
+        {
+          // Set
+          var _id3 = parseInt(value.slice(2), 16);
+
+          var _data = getOutlinedModel(response, _id3);
+
+          return new Set(_data);
+        }
+
+      case 'K':
+        {
+          // FormData
+          var stringId = value.slice(2);
+          var formPrefix = response._prefix + stringId + '_';
+
+          var _data2 = new FormData();
+
+          var backingFormData = response._formData; // We assume that the reference to FormData always comes after each
+          // entry that it references so we can assume they all exist in the
+          // backing store already.
+          // $FlowFixMe[prop-missing] FormData has forEach on it.
+
+          backingFormData.forEach(function (entry, entryKey) {
+            if (entryKey.startsWith(formPrefix)) {
+              _data2.append(entryKey.slice(formPrefix.length), entry);
+            }
+          });
+          return _data2;
+        }
+
+      case 'I':
+        {
+          // $Infinity
+          return Infinity;
+        }
+
+      case '-':
+        {
+          // $-0 or $-Infinity
+          if (value === '$-0') {
+            return -0;
+          } else {
+            return -Infinity;
+          }
+        }
+
+      case 'N':
+        {
+          // $NaN
+          return NaN;
+        }
+
+      case 'u':
+        {
+          // matches "$undefined"
+          // Special encoding for `undefined` which can't be serialized as JSON otherwise.
+          return undefined;
+        }
+
+      case 'D':
+        {
+          // Date
+          return new Date(Date.parse(value.slice(2)));
+        }
+
+      case 'n':
+        {
+          // BigInt
+          return BigInt(value.slice(2));
+        }
+
+      default:
+        {
+          // We assume that anything else is a reference ID.
+          var _id4 = parseInt(value.slice(1), 16);
+
+          var _chunk = getChunk(response, _id4);
+
+          switch (_chunk.status) {
+            case RESOLVED_MODEL:
+              initializeModelChunk(_chunk);
+              break;
+          } // The status might have changed after initialization.
+
+
+          switch (_chunk.status) {
+            case INITIALIZED:
+              return _chunk.value;
+
+            case PENDING:
+            case BLOCKED:
+              var parentChunk = initializingChunk;
+
+              _chunk.then(createModelResolver(parentChunk, parentObject, key), createModelReject(parentChunk));
+
+              return null;
+
+            default:
+              throw _chunk.reason;
+          }
+        }
+    }
+  }
+
+  return value;
+}
+
+function createResponse(bundlerConfig, formFieldPrefix) {
+  var backingFormData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : new FormData();
+  var chunks = new Map();
+  var response = {
+    _bundlerConfig: bundlerConfig,
+    _prefix: formFieldPrefix,
+    _formData: backingFormData,
+    _chunks: chunks,
+    _fromJSON: function (key, value) {
+      if (typeof value === 'string') {
+        // We can't use .bind here because we need the "this" value.
+        return parseModelString(response, this, key, value);
+      }
+
+      return value;
+    }
+  };
+  return response;
+}
+function resolveField(response, key, value) {
+  // Add this field to the backing store.
+  response._formData.append(key, value);
+
+  var prefix = response._prefix;
+
+  if (key.startsWith(prefix)) {
+    var chunks = response._chunks;
+    var id = +key.slice(prefix.length);
+    var chunk = chunks.get(id);
+
+    if (chunk) {
+      // We were waiting on this key so now we can resolve it.
+      resolveModelChunk(chunk, value);
+    }
+  }
+}
+function resolveFileInfo(response, key, filename, mime) {
+  return {
+    chunks: [],
+    filename: filename,
+    mime: mime
+  };
+}
+function resolveFileChunk(response, handle, chunk) {
+  handle.chunks.push(chunk);
+}
+function resolveFileComplete(response, key, handle) {
+  // Add this file to the backing store.
+  // Node.js doesn't expose a global File constructor so we need to use
+  // the append() form that takes the file name as the third argument,
+  // to create a File object.
+  var blob = new Blob(handle.chunks, {
+    type: handle.mime
+  });
+
+  response._formData.append(key, blob, handle.filename);
+}
+function close(response) {
+  // In case there are any remaining unresolved chunks, they won't
+  // be resolved now. So we need to issue an error to those.
+  // Ideally we should be able to early bail out if we kept a
+  // ref count of pending chunks.
+  reportGlobalError(response, new Error('Connection closed.'));
+}
+
+function bindArgs(fn, args) {
+  return fn.bind.apply(fn, [null].concat(args));
+}
+
+function loadServerReference(bundlerConfig, id, bound) {
+  var serverReference = resolveServerReference(bundlerConfig, id); // We expect most servers to not really need this because you'd just have all
+  // the relevant modules already loaded but it allows for lazy loading of code
+  // if needed.
+
+  var preloadPromise = preloadModule(serverReference);
+
+  if (bound) {
+    return Promise.all([bound, preloadPromise]).then(function (_ref) {
+      var args = _ref[0];
+      return bindArgs(requireModule(serverReference), args);
+    });
+  } else if (preloadPromise) {
+    return Promise.resolve(preloadPromise).then(function () {
+      return requireModule(serverReference);
+    });
+  } else {
+    // Synchronously available
+    return Promise.resolve(requireModule(serverReference));
+  }
+}
+
+function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
+  // The data for this reference is encoded in multiple fields under this prefix.
+  var actionResponse = createResponse(serverManifest, formFieldPrefix, body);
+  close(actionResponse);
+  var refPromise = getRoot(actionResponse); // Force it to initialize
+  // $FlowFixMe
+
+  refPromise.then(function () {});
+
+  if (refPromise.status !== 'fulfilled') {
+    // $FlowFixMe
+    throw refPromise.reason;
+  }
+
+  return refPromise.value;
+}
+
+function decodeAction(body, serverManifest) {
+  // We're going to create a new formData object that holds all the fields except
+  // the implementation details of the action data.
+  var formData = new FormData();
+  var action = null; // $FlowFixMe[prop-missing]
+
+  body.forEach(function (value, key) {
+    if (!key.startsWith('$ACTION_')) {
+      formData.append(key, value);
+      return;
+    } // Later actions may override earlier actions if a button is used to override the default
+    // form action.
+
+
+    if (key.startsWith('$ACTION_REF_')) {
+      var formFieldPrefix = '$ACTION_' + key.slice(12) + ':';
+      var metaData = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+      action = loadServerReference(serverManifest, metaData.id, metaData.bound);
+      return;
+    }
+
+    if (key.startsWith('$ACTION_ID_')) {
+      var id = key.slice(11);
+      action = loadServerReference(serverManifest, id, null);
+      return;
+    }
+  });
+
+  if (action === null) {
+    return null;
+  } // Return the action with the remaining FormData bound to the first argument.
+
+
+  return action.then(function (fn) {
+    return fn.bind(null, formData);
+  });
+}
+
+function createDrainHandler(destination, request) {
+  return function () {
+    return startFlowing(request, destination);
+  };
+}
+
+function renderToPipeableStream(model, turbopackMap, options) {
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var hasStartedFlowing = false;
+  startWork(request);
+  return {
+    pipe: function (destination) {
+      if (hasStartedFlowing) {
+        throw new Error('React currently only supports piping to one writable stream.');
+      }
+
+      hasStartedFlowing = true;
+      startFlowing(request, destination);
+      destination.on('drain', createDrainHandler(destination, request));
+      return destination;
+    },
+    abort: function (reason) {
+      abort(request, reason);
+    }
+  };
+}
+
+function decodeReplyFromBusboy(busboyStream, turbopackMap) {
+  var response = createResponse(turbopackMap, '');
+  var pendingFiles = 0;
+  var queuedFields = [];
+  busboyStream.on('field', function (name, value) {
+    if (pendingFiles > 0) {
+      // Because the 'end' event fires two microtasks after the next 'field'
+      // we would resolve files and fields out of order. To handle this properly
+      // we queue any fields we receive until the previous file is done.
+      queuedFields.push(name, value);
+    } else {
+      resolveField(response, name, value);
+    }
+  });
+  busboyStream.on('file', function (name, value, _ref) {
+    var filename = _ref.filename,
+        encoding = _ref.encoding,
+        mimeType = _ref.mimeType;
+
+    if (encoding.toLowerCase() === 'base64') {
+      throw new Error("React doesn't accept base64 encoded file uploads because we don't expect " + "form data passed from a browser to ever encode data that way. If that's " + 'the wrong assumption, we can easily fix it.');
+    }
+
+    pendingFiles++;
+    var file = resolveFileInfo(response, name, filename, mimeType);
+    value.on('data', function (chunk) {
+      resolveFileChunk(response, file, chunk);
+    });
+    value.on('end', function () {
+      resolveFileComplete(response, name, file);
+      pendingFiles--;
+
+      if (pendingFiles === 0) {
+        // Release any queued fields
+        for (var i = 0; i < queuedFields.length; i += 2) {
+          resolveField(response, queuedFields[i], queuedFields[i + 1]);
+        }
+
+        queuedFields.length = 0;
+      }
+    });
+  });
+  busboyStream.on('finish', function () {
+    close(response);
+  });
+  busboyStream.on('error', function (err) {
+    reportGlobalError(response, // $FlowFixMe[incompatible-call] types Error and mixed are incompatible
+    err);
+  });
+  return getRoot(response);
+}
+
+function decodeReply(body, turbopackMap) {
+  if (typeof body === 'string') {
+    var form = new FormData();
+    form.append('0', body);
+    body = form;
+  }
+
+  var response = createResponse(turbopackMap, '', body);
+  close(response);
+  return getRoot(response);
+}
+
+exports.createClientModuleProxy = createClientModuleProxy;
+exports.decodeAction = decodeAction;
+exports.decodeReply = decodeReply;
+exports.decodeReplyFromBusboy = decodeReplyFromBusboy;
+exports.registerClientReference = registerClientReference;
+exports.registerServerReference = registerServerReference;
+exports.renderToPipeableStream = renderToPipeableStream;
+  })();
+}
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
new file mode 100644
index 0000000000000..596bf223646a1
--- /dev/null
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
@@ -0,0 +1,77 @@
+/**
+ * @license React
+ * react-server-dom-turbopack-server.node.unbundled.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,r=!0;function t(a,b){a=a.write(b);r=r&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),t(a,ea.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=ea.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(c),l).written);2048===m&&(t(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(t(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),t(a,b)):(d=l.length-m,d<b.byteLength&&
+(0===d?t(a,l):(l.set(b.subarray(0,d),m),m+=d,t(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(t(a,l),l=new Uint8Array(2048),m=0)));return r}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:d}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);a.$$typeof=w;a.$$id=this.$$id;a.$$bound=this.$$bound?this.$$bound.concat(b):b}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");}throw Error("Cannot access "+
+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
+case "__esModule":var d=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=x({},a.$$id,!0),e=new Proxy(c,la);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},
+a.$$id+"#then",!1)}c=a[b];c||(c=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ka));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");
+}},ta={prefetchDNS:ma,preconnect:na,preload:oa,preloadModule:pa,preinitStyle:qa,preinitScript:ra,preinitModuleScript:sa};function ma(a){if("string"===typeof a&&a){var b=y();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),z(b,"D",a))}}}function na(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?z(d,"C",[a,b]):z(d,"C",a))}}}
+function oa(a,b,d){if("string"===typeof a){var c=y();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?z(c,"L",[a,b,d]):z(c,"L",[a,b]))}}}function pa(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"m",[a,b]):z(d,"m",a)}}}
+function qa(a,b,d){if("string"===typeof a){var c=y();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?z(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?z(c,"S",[a,b]):z(c,"S",a)}}}function ra(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"X",[a,b]):z(d,"X",a)}}}function sa(a,b){if("string"===typeof a){var d=y();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?z(d,"M",[a,b]):z(d,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
+var ua=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,va=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),wa=Symbol.for("react.fragment"),xa=Symbol.for("react.provider"),ya=Symbol.for("react.server_context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),E=Symbol.for("react.default_value"),Da=Symbol.for("react.memo_cache_sentinel"),Ea=Symbol.for("react.postpone"),
+Fa=Symbol.iterator,F=null;function G(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");G(a,d);b.context._currentValue=b.value}}}function Ga(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ga(a)}
+function Ha(a){var b=a.parent;null!==b&&Ha(b);a.context._currentValue=a.value}function Ia(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?G(a,b):Ia(a,b)}
+function Ja(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?G(a,d):Ja(a,d);b.context._currentValue=b.value}function Ka(a){var b=F;b!==a&&(null===b?Ha(a):null===a?Ga(b):b.depth===a.depth?G(b,a):b.depth>a.depth?Ia(b,a):Ja(b,a),F=a)}function La(a,b){var d=a._currentValue;a._currentValue=b;var c=F;return F=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ma=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Na(){}function Oa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Na,Na),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}I=b;throw Ma;}}var I=null;
+function Pa(){if(null===I)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=I;I=null;return a}var J=null,K=0,L=null;function Qa(){var a=L;L=null;return a}function Ra(a){return a._currentValue}
+var Va={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:M,useTransition:M,readContext:Ra,useContext:Ra,useReducer:M,useRef:M,useState:M,useInsertionEffect:M,useLayoutEffect:M,useImperativeHandle:M,useEffect:M,useId:Sa,useSyncExternalStore:M,useCacheRefresh:function(){return Ta},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Da;return b},use:Ua};
+function M(){throw Error("This Hook is not supported in Server Components.");}function Ta(){throw Error("Refreshing the cache is not supported in Server Components.");}function Sa(){if(null===J)throw Error("useId can only be used while React is rendering");var a=J.identifierCount++;return":"+J.identifierPrefix+"S"+a.toString(32)+":"}
+function Ua(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===L&&(L=[]);return Oa(L,a,b)}if(a.$$typeof===ya)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Wa(){return(new AbortController).signal}function Xa(){var a=y();return a?a.cache:new Map}
+var Ya={getCacheSignal:function(){var a=Xa(),b=a.get(Wa);void 0===b&&(b=Wa(),a.set(Wa,b));return b},getCacheForType:function(a){var b=Xa(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Za=Array.isArray;function $a(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
+function ab(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Za(a))return"[...]";a=$a(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return bb(a.render);case Ca:return bb(a.type);case C:var b=a._payload;a=a._init;try{return bb(a(b))}catch(d){}}return""}
+function N(a,b){var d=$a(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Za(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?N(g):ab(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+bb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?N(k):
+ab(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,db=cb.ContextRegistry,O=JSON.stringify,eb=cb.ReactCurrentDispatcher,fb=cb.ReactCurrentCache;function gb(a){console.error(a)}function hb(){}
+function ib(a,b,d,c,e,f){if(null!==fb.current&&fb.current!==Ya)throw Error("Currently React only supports one RSC renderer at a time.");ua.current=ta;fb.current=Ya;var g=new Set,h=[],k=new Set,n={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenProviders:new Map,identifierPrefix:e||"",identifierCount:1,onError:void 0===d?gb:d,onPostpone:void 0===f?hb:f,toJSON:function(p,q){return jb(n,this,p,q)}};n.pendingChunks++;b=kb(c);a=lb(n,a,b,g);h.push(a);return n}var P=null;function y(){if(P)return P;var a=va.getStore();return a?a:null}var mb={};
+function nb(a,b){a.pendingChunks++;var d=lb(a,null,F,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,ob(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===Ea?(pb(a,c.message),qb(a,d.id)):(c=Q(a,c),R(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
+e;ob(a,d)},function(e){d.status=4;a.abortableTasks.delete(d);e=Q(a,e);R(a,d.id,e);null!==a.destination&&S(a,a.destination)});return d.id}function z(a,b,d){d=O(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");rb(a)}function sb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function tb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:sb}}
+function T(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===v)return[B,b,d,e];K=0;L=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:tb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===wa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===v)return[B,b,d,e];switch(b.$$typeof){case C:var g=
+b._init;b=g(b._payload);return T(a,b,d,c,e,f);case za:return a=b.render,K=0,L=f,a(e,void 0);case Ca:return T(a,b.type,d,c,e,f);case xa:return La(b._context,e.value),[B,b,d,{value:e.value,children:e.children,__pop:mb}]}}throw Error("Unsupported Server Component type: "+ab(b));}function ob(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ub(a)}))}
+function lb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return ob(a,e)},thenableState:null};c.add(e);return e}function U(a){return"$"+a.toString(16)}function vb(a,b,d){a=O(d);return b.toString(16)+":"+a+"\n"}
+function wb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):U(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var n=h[k];if(n)g=n.name;else{var p=k.lastIndexOf("#");-1!==p&&(g=k.slice(p+1),n=h[k.slice(0,p)]);if(!n)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var q=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
+g];a.pendingChunks++;var H=a.nextChunkId++,D=O(q),Qb=H.toString(16)+":I"+D+"\n";a.completedImportChunks.push(Qb);f.set(e,H);return b[0]===B&&"1"===d?"$L"+H.toString(16):U(H)}catch(Rb){return a.pendingChunks++,b=a.nextChunkId++,d=Q(a,Rb),R(a,b,d),U(b)}}function xb(a,b){a.pendingChunks++;var d=a.nextChunkId++;yb(a,d,b);return d}
+function V(a,b,d){a.pendingChunks+=2;var c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return U(c)}
+function jb(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=c;c=T(a,e.type,e.key,e.ref,e.props,null);break;case C:var f=c._init;c=f(c._payload)}}catch(g){d=g===Ma?Pa():g;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=lb(a,c,F,a.abortableTasks),c=a.ping,d.then(c,c),a.thenableState=Qa(),"$L"+a.id.toString(16);if(d.$$typeof===Ea)return c=d,a.pendingChunks++,d=a.nextChunkId++,
+pb(a,c.message),qb(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=Q(a,d);R(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===v)return wb(a,b,d,c);if("function"===typeof c.then)return"$@"+nb(a,c).toString(16);if(c.$$typeof===xa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=vb(a,d,"$P"+c),a.completedRegularChunks.push(c)),U(d);if(c===mb){a=F;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");
+c=a.parentValue;a.context._currentValue=c===E?a.context._defaultValue:c;F=a.parent;return}return c instanceof Map?"$Q"+xb(a,Array.from(c)).toString(16):c instanceof Set?"$W"+xb(a,Array.from(c)).toString(16):c instanceof ArrayBuffer?V(a,"A",new Uint8Array(c)):c instanceof Int8Array?V(a,"C",c):c instanceof Uint8Array?V(a,"c",c):c instanceof Uint8ClampedArray?V(a,"U",c):c instanceof Int16Array?V(a,"S",c):c instanceof Uint16Array?V(a,"s",c):c instanceof Int32Array?V(a,"L",c):c instanceof Uint32Array?
+V(a,"l",c):c instanceof Float32Array?V(a,"F",c):c instanceof Float64Array?V(a,"D",c):c instanceof BigInt64Array?V(a,"N",c):c instanceof BigUint64Array?V(a,"m",c):c instanceof DataView?V(a,"V",c):!Za(c)&&(null===c||"object"!==typeof c?a=null:(a=Fa&&c[Fa]||c["@@iterator"],a="function"===typeof a?a:null),a)?Array.from(c):c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,b="string"===typeof c?Buffer.byteLength(c,
+"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),U(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===v)return wb(a,b,d,c);if(c.$$typeof===w)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):
+(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=xb(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+N(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+N(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==
+f)return U(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+N(b,d));a.pendingChunks++;d=a.nextChunkId++;b=vb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return U(d)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+N(b,d));}
+function pb(a,b){a=a.onPostpone;a(b)}function Q(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function zb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function qb(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function R(a,b,d){d={digest:d};b=b.toString(16)+":E"+O(d)+"\n";a.completedErrorChunks.push(b)}function yb(a,b,d){d=O(d,a.toJSON);b=b.toString(16)+":"+d+"\n";a.completedRegularChunks.push(b)}
+function ub(a){var b=eb.current;eb.current=Va;var d=P;J=P=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++){var f=c[e];a:{var g=a;if(0===f.status){Ka(f.context);try{var h=f.model;if("object"===typeof h&&null!==h&&h.$$typeof===B){var k=h,n=f.thenableState;f.model=h;h=T(g,k.type,k.key,k.ref,k.props,n);for(f.thenableState=null;"object"===typeof h&&null!==h&&h.$$typeof===B;)k=h,f.model=h,h=T(g,k.type,k.key,k.ref,k.props,null)}yb(g,f.id,h);g.abortableTasks.delete(f);f.status=1}catch(D){var p=
+D===Ma?Pa():D;if("object"===typeof p&&null!==p)if("function"===typeof p.then){var q=f.ping;p.then(q,q);f.thenableState=Qa();break a}else if(p.$$typeof===Ea){g.abortableTasks.delete(f);f.status=4;pb(g,p.message);qb(g,f.id);break a}g.abortableTasks.delete(f);f.status=4;var H=Q(g,p);R(g,f.id,H)}}}}null!==a.destination&&S(a,a.destination)}catch(D){Q(a,D),zb(a,D)}finally{eb.current=b,J=null,P=d}}
+function S(a,b){l=new Uint8Array(2048);m=0;r=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!u(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!u(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!u(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!u(b,g[c])){a.destination=
+null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,r=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function Ab(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return va.run(a,ub,a)})}function rb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return S(a,b)})}}
+function Bb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{S(a,b)}catch(d){Q(a,d),zb(a,d)}}}
+function Cb(a,b){try{var d=a.abortableTasks;if(0<d.size){var c=void 0===b?Error("The render was aborted by the server without a reason."):b,e=Q(a,c);a.pendingChunks++;var f=a.nextChunkId++;R(a,f,e,c);d.forEach(function(g){g.status=3;var h=U(f);g=vb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&S(a,a.destination)}catch(g){Q(a,g),zb(a,g)}}
+function kb(a){if(a){var b=F;Ka(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!db[e]){var f={$$typeof:ya,_currentValue:E,_currentValue2:E,_defaultValue:E,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:xa,_context:f};db[e]=f}La(db[e],c)}a=F;Ka(b);return a}return null}function Db(a,b){var d=b.lastIndexOf("#");a=b.slice(0,d);b=b.slice(d+1);return{specifier:a,name:b}}var Eb=new Map;
+function Fb(a){var b=Eb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});Eb.set(a.specifier,d);return d}function W(a){var b=Eb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
+function Gb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Gb.prototype=Object.create(Promise.prototype);Gb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Hb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function Ib(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function Jb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Ib(d,b)}}function Kb(a,b,d,c,e,f){var g=Db(a._bundlerConfig,b);a=Fb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Lb(c,e,f),Mb(c));return null}var X=null,Y=null;
+function Hb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Nb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Jb(d,b)})}
+function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Gb("resolved_model",c,null,a):new Gb("pending",null,null,a),d.set(b,c));return c}function Lb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Ib(e,c.value))}}function Mb(a){return function(b){return Jb(a,b)}}
+function Ob(a,b){a=Z(a,b);"resolved_model"===a.status&&Hb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Pb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Ob(a,c),Kb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Ob(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Ob(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Hb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Lb(c,b,d),Mb(c)),null;default:throw a.reason;}}return c}
+function Sb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Pb(e,this,f,g):g}};return e}
+function Tb(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Hb(b),b.status){case "fulfilled":Ib(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Ib(a,b.reason)}}function Ub(a){Nb(a,Error("Connection closed."))}
+function Vb(a,b,d){var c=Db(a,b);a=Fb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Wb(a,b,d){a=Sb(b,d,a);Ub(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Xb(a,b){return function(){return Bb(b,a)}}exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,la)};
+exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Wb(a,b,e),c=Vb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Vb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Sb(b,"",a);Ub(a);return Z(a,0)};
+exports.decodeReplyFromBusboy=function(a,b){var d=Sb(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Tb(d,f,g)});a.on("file",function(f,g,h){var k=h.filename,n=h.mimeType;if("base64"===h.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var p=[];g.on("data",function(q){p.push(q)});g.on("end",function(){var q=
+new Blob(p,{type:n});d._formData.append(f,q,k);c--;if(0===c){for(q=0;q<e.length;q+=2)Tb(d,e[q],e[q+1]);e.length=0}})});a.on("finish",function(){Ub(d)});a.on("error",function(f){Nb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return x(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ia}})};
+exports.renderToPipeableStream=function(a,b,d){var c=ib(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Ab(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Bb(c,f);f.on("drain",Xb(f,c));return f},abort:function(f){Cb(c,f)}}};
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.browser.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.browser.js
index 9a80cea84cbb8..5cd0ada188456 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.browser.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.browser.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-client.browser.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.browser.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-client.browser.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.browser.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.edge.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.edge.js
index 661caffa755ba..3499ce22c2a39 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.edge.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.edge.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-client.edge.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.edge.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-client.edge.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.edge.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.js
index cb7dbcf4c34f7..c346d351d344e 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-client.node.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.node.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-client.node.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.node.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.unbundled.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.unbundled.js
index 17fe876fd388a..9b15ea16d8a33 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.unbundled.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/client.node.unbundled.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-client.node.unbundled.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-client.node.unbundled.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-client.node.unbundled.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/index.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/index.js
index 96b212f73fe9d..53e8a98128cdb 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/index.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/index.js
@@ -9,4 +9,4 @@
 
 'use strict';
 
-throw new Error('Use react-server-dom-webpack/client instead.');
+throw new Error('Use react-server-dom-turbopack/client instead.');
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/node-register.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/node-register.js
index 9c7c6a9fcfdf1..7506743f033fa 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/node-register.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/node-register.js
@@ -1,3 +1,3 @@
 'use strict';
 
-module.exports = require('./cjs/react-server-dom-webpack-node-register.js');
+module.exports = require('./cjs/react-server-dom-turbopack-node-register.js');
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json
index 9c46829cf70ff..3329093b6af70 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json
@@ -1,14 +1,14 @@
 {
-  "name": "react-server-dom-webpack-experimental-builtin",
+  "name": "react-server-dom-turbopack-experimental-builtin",
   "main": "index.js",
   "exports": {
     ".": "./index.js",
-    "./plugin": "./plugin.js",
     "./client": {
       "workerd": "./client.edge.js",
       "deno": "./client.edge.js",
       "worker": "./client.edge.js",
       "node": {
+        "turbopack": "./client.node.js",
         "webpack": "./client.node.js",
         "default": "./client.node.unbundled.js"
       },
@@ -25,6 +25,7 @@
         "workerd": "./server.edge.js",
         "deno": "./server.browser.js",
         "node": {
+          "turbopack": "./server.node.js",
           "webpack": "./server.node.js",
           "default": "./server.node.unbundled.js"
         },
@@ -37,7 +38,7 @@
     "./server.edge": "./server.edge.js",
     "./server.node": "./server.node.js",
     "./server.node.unbundled": "./server.node.unbundled.js",
-    "./node-loader": "./esm/react-server-dom-webpack-node-loader.production.min.js",
+    "./node-loader": "./esm/react-server-dom-turbopack-node-loader.production.min.js",
     "./node-register": "./node-register.js",
     "./package.json": "./package.json"
   },
@@ -48,7 +49,6 @@
   },
   "peerDependencies": {
     "react": "0.0.0-experimental-d900fadbf-20230929",
-    "react-dom": "0.0.0-experimental-d900fadbf-20230929",
-    "webpack": "^5.59.0"
+    "react-dom": "0.0.0-experimental-d900fadbf-20230929"
   }
 }
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.browser.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.browser.js
index ef53389abbc30..05c0b03496bda 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.browser.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.browser.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.browser.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.browser.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.browser.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.browser.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.edge.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.edge.js
index d061fe624e78f..b09cb0b82282d 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.edge.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.edge.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.edge.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.edge.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.edge.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.edge.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.js
index 7ac5a189e2a2d..59635310eb2d1 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.node.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.node.development.js');
 }
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.unbundled.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.unbundled.js
index 5f75de80942a2..4f8856e4303a8 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.unbundled.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/server.node.unbundled.js
@@ -1,7 +1,7 @@
 'use strict';
 
 if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.unbundled.production.min.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js');
 } else {
-  module.exports = require('./cjs/react-server-dom-webpack-server.node.unbundled.development.js');
+  module.exports = require('./cjs/react-server-dom-turbopack-server.node.unbundled.development.js');
 }
diff --git a/packages/next/src/compiled/sass-loader/cjs.js b/packages/next/src/compiled/sass-loader/cjs.js
index f852edbe570a2..558d97da1149a 100644
--- a/packages/next/src/compiled/sass-loader/cjs.js
+++ b/packages/next/src/compiled/sass-loader/cjs.js
@@ -1 +1 @@
-(function(){var __webpack_modules__={12:function(e,t){function set(e,t,s){if(typeof s.value==="object")s.value=klona(s.value);if(!s.enumerable||s.get||s.set||!s.configurable||!s.writable||t==="__proto__"){Object.defineProperty(e,t,s)}else e[t]=s.value}function klona(e){if(typeof e!=="object")return e;var t=0,s,r,n,o=Object.prototype.toString.call(e);if(o==="[object Object]"){n=Object.create(e.__proto__||null)}else if(o==="[object Array]"){n=Array(e.length)}else if(o==="[object Set]"){n=new Set;e.forEach((function(e){n.add(klona(e))}))}else if(o==="[object Map]"){n=new Map;e.forEach((function(e,t){n.set(klona(t),klona(e))}))}else if(o==="[object Date]"){n=new Date(+e)}else if(o==="[object RegExp]"){n=new RegExp(e.source,e.flags)}else if(o==="[object DataView]"){n=new e.constructor(klona(e.buffer))}else if(o==="[object ArrayBuffer]"){n=e.slice(0)}else if(o.slice(-6)==="Array]"){n=new e.constructor(e)}if(n){for(r=Object.getOwnPropertySymbols(e);t<r.length;t++){set(n,r[t],Object.getOwnPropertyDescriptor(e,r[t]))}for(t=0,r=Object.getOwnPropertyNames(e);t<r.length;t++){if(Object.hasOwnProperty.call(n,s=r[t])&&n[s]===e[s])continue;set(n,s,Object.getOwnPropertyDescriptor(e,s))}}return n||e}t.klona=klona},711:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;class SassError extends Error{constructor(e){super();this.name="SassError";this.originalSassError=e;this.loc={line:e.line,column:e.column};this.message=`${this.name}: ${this.originalSassError.message}`;if(this.originalSassError.formatted){this.message=`${this.name}: ${this.originalSassError.formatted.replace(/^Error: /,"")}`;this.hideStack=true;Error.captureStackTrace(this,this.constructor)}}}var s=SassError;t["default"]=s},186:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;class SassWarning extends Error{constructor(e,t){super(e);this.name="SassWarning";this.hideStack=true;if(t.span){this.loc={line:t.span.start.line,column:t.span.start.column}}}}var s=SassWarning;t["default"]=s},917:function(e,t,s){"use strict";const r=s(490);e.exports=r.default},490:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;var r=_interopRequireDefault(s(17));var n=_interopRequireDefault(s(596));var o=s(125);var a=_interopRequireDefault(s(711));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}async function loader(e){const t=this.getOptions(n.default);const s=this.async();const i=(0,o.getSassImplementation)(this,t.implementation);if(!i){s();return}const c=typeof t.sourceMap==="boolean"?t.sourceMap:this.sourceMap;const l=await(0,o.getSassOptions)(this,t,e,i,c);const u=typeof t.webpackImporter==="boolean"?t.webpackImporter:true;if(u){const{includePaths:e}=l;l.importer.push((0,o.getWebpackImporter)(this,i,e))}const p=(0,o.getRenderFunctionFromSassImplementation)(i);p(l,((e,t)=>{if(e){if(e.file){this.addDependency(r.default.normalize(e.file))}s(new a.default(e));return}let n=t.map?JSON.parse(t.map):null;if(n&&c){n=(0,o.normalizeSourceMap)(n,this.rootContext)}t.stats.includedFiles.forEach((e=>{const t=r.default.normalize(e);if(r.default.isAbsolute(t)){this.addDependency(t)}}));s(null,t.css.toString(),n)}))}var i=loader;t["default"]=i},125:function(__unused_webpack_module,exports,__nccwpck_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getRenderFunctionFromSassImplementation=getRenderFunctionFromSassImplementation;exports.getSassImplementation=getSassImplementation;exports.getSassOptions=getSassOptions;exports.getWebpackImporter=getWebpackImporter;exports.getWebpackResolver=getWebpackResolver;exports.isSupportedFibers=isSupportedFibers;exports.normalizeSourceMap=normalizeSourceMap;var _url=_interopRequireDefault(__nccwpck_require__(310));var _path=_interopRequireDefault(__nccwpck_require__(17));var _full=__nccwpck_require__(12);var _neoAsync=_interopRequireDefault(__nccwpck_require__(175));var _SassWarning=_interopRequireDefault(__nccwpck_require__(186));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getDefaultSassImplementation(){let sassImplPkg="sass";try{eval("require").resolve("sass")}catch(error){try{eval("require").resolve("node-sass");sassImplPkg="node-sass"}catch(e){sassImplPkg="sass"}}return __nccwpck_require__(438)}function getSassImplementation(e,t){let s=t;if(!s){try{s=getDefaultSassImplementation()}catch(t){e.emitError(t);return}}if(typeof s==="string"){try{s=require(s)}catch(t){e.emitError(t);return}}const{info:r}=s;if(!r){e.emitError(new Error("Unknown Sass implementation."));return}const n=r.split("\t");if(n.length<2){e.emitError(new Error(`Unknown Sass implementation "${r}".`));return}const[o]=n;if(o==="dart-sass"){return s}else if(o==="node-sass"){return s}e.emitError(new Error(`Unknown Sass implementation "${o}".`))}function isProductionLikeMode(e){return e.mode==="production"||!e.mode}function proxyCustomImporters(e,t){return[].concat(e).map((e=>function proxyImporter(...s){const r={...this,webpackLoaderContext:t};return e.apply(r,s)}))}function isSupportedFibers(){const[e]=process.versions.node.split(".");return Number(e)<16}async function getSassOptions(e,t,s,r,n){const o=(0,_full.klona)(t.sassOptions?typeof t.sassOptions==="function"?t.sassOptions(e)||{}:t.sassOptions:{});const a=r.info.includes("dart-sass");if(a&&isSupportedFibers()){const e=!o.fiber&&o.fiber!==false;if(e){let e;try{e=require.resolve("fibers")}catch(e){}if(e){o.fiber=require(e)}}else if(o.fiber===false){delete o.fiber}}else{delete o.fiber}o.file=e.resourcePath;o.data=t.additionalData?typeof t.additionalData==="function"?await t.additionalData(s,e):`${t.additionalData}\n${s}`:s;if(!o.outputStyle&&isProductionLikeMode(e)){o.outputStyle="compressed"}if(n){o.sourceMap=true;o.outFile=_path.default.join(e.rootContext,"style.css.map");o.sourceMapContents=true;o.omitSourceMapUrl=true;o.sourceMapEmbed=false}const{resourcePath:i}=e;const c=_path.default.extname(i);if(c&&c.toLowerCase()===".sass"&&typeof o.indentedSyntax==="undefined"){o.indentedSyntax=true}else{o.indentedSyntax=Boolean(o.indentedSyntax)}o.importer=o.importer?proxyCustomImporters(Array.isArray(o.importer)?o.importer:[o.importer],e):[];o.includePaths=[].concat(process.cwd()).concat((o.includePaths||[]).map((e=>_path.default.isAbsolute(e)?e:_path.default.join(process.cwd(),e)))).concat(process.env.SASS_PATH?process.env.SASS_PATH.split(process.platform==="win32"?";":":"):[]);if(typeof o.charset==="undefined"){o.charset=true}if(!o.logger){const s=t.warnRuleAsWarning===true;const r=e.getLogger("sass-loader");const formatSpan=e=>`${e.url||"-"}:${e.start.line}:${e.start.column}: `;o.logger={debug(e,t){let s="";if(t.span){s=formatSpan(t.span)}s+=e;r.debug(s)},warn(t,n){let o="";if(n.deprecation){o+="Deprecation "}if(n.span&&!n.stack){o=formatSpan(n.span)}o+=t;if(n.stack){o+=`\n\n${n.stack}`}if(s){e.emitWarning(new _SassWarning.default(o,n))}else{r.warn(o)}}}}return o}const MODULE_REQUEST_REGEX=/^[^?]*~/;const IS_MODULE_IMPORT=/^~([^/]+|[^/]+\/|@[^/]+[/][^/]+|@[^/]+\/?|@[^/]+[/][^/]+\/)$/;function getPossibleRequests(e,t=false,s=false){let r=e;if(t){if(MODULE_REQUEST_REGEX.test(e)){r=r.replace(MODULE_REQUEST_REGEX,"")}if(IS_MODULE_IMPORT.test(e)){r=r[r.length-1]==="/"?r:`${r}/`;return[...new Set([r,e])]}}const n=_path.default.extname(r).toLowerCase();if(n===".css"){return[]}const o=_path.default.dirname(r);const a=o==="."?"":`${o}/`;const i=_path.default.basename(r);const c=_path.default.basename(r,n);return[...new Set([].concat(s?[`${a}_${c}.import${n}`,`${a}${c}.import${n}`]:[]).concat([`${a}_${i}`,`${a}${i}`]).concat(t?[e]:[]))]}function promiseResolve(e){return(t,s)=>new Promise(((r,n)=>{e(t,s,((e,t)=>{if(e){n(e)}else{r(t)}}))}))}const IS_SPECIAL_MODULE_IMPORT=/^~[^/]+$/;const IS_NATIVE_WIN32_PATH=/^[a-z]:[/\\]|^\\\\/i;function getWebpackResolver(e,t,s=[]){async function startResolving(e){if(e.length===0){return Promise.reject()}const[{possibleRequests:t}]=e;if(t.length===0){return Promise.reject()}const[{resolve:s,context:r}]=e;try{return await s(r,t[0])}catch(s){const[,...r]=t;if(r.length===0){const[,...t]=e;return startResolving(t)}e[0].possibleRequests=r;return startResolving(e)}}const r=t.info.includes("dart-sass");const n=promiseResolve(e({alias:[],aliasFields:[],conditionNames:[],descriptionFiles:[],extensions:[".sass",".scss",".css"],exportsFields:[],mainFields:[],mainFiles:["_index","index"],modules:[],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const o=promiseResolve(e({alias:[],aliasFields:[],conditionNames:[],descriptionFiles:[],extensions:[".sass",".scss",".css"],exportsFields:[],mainFields:[],mainFiles:["_index.import","_index","index.import","index"],modules:[],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const a=promiseResolve(e({dependencyType:"sass",conditionNames:["sass","style"],mainFields:["sass","style","main","..."],mainFiles:["_index","index","..."],extensions:[".sass",".scss",".css"],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const i=promiseResolve(e({dependencyType:"sass",conditionNames:["sass","style"],mainFields:["sass","style","main","..."],mainFiles:["_index.import","_index","index.import","index","..."],extensions:[".sass",".scss",".css"],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));return(e,t,c)=>{if(!r&&!_path.default.isAbsolute(e)){return Promise.reject()}const l=t;const u=l.slice(0,5).toLowerCase()==="file:";if(u){try{t=_url.default.fileURLToPath(l)}catch(e){t=t.slice(7)}}let p=[];const f=!IS_SPECIAL_MODULE_IMPORT.test(t)&&!u&&!l.startsWith("/")&&!IS_NATIVE_WIN32_PATH.test(l);if(s.length>0&&f){const a=getPossibleRequests(t,false,c);if(!r){p=p.concat({resolve:c?o:n,context:_path.default.dirname(e),possibleRequests:a})}p=p.concat(s.map((e=>({resolve:c?o:n,context:e,possibleRequests:a}))))}const d=getPossibleRequests(t,true,c);p=p.concat({resolve:c?i:a,context:_path.default.dirname(e),possibleRequests:d});return startResolving(p)}}const MATCH_CSS=/\.css$/i;function getWebpackImporter(e,t,s){const r=getWebpackResolver(e.getResolve,t,s);return function importer(t,s,n){const{fromImport:o}=this;r(s,t,o).then((t=>{e.addDependency(_path.default.normalize(t));n({file:t.replace(MATCH_CSS,"")})})).catch((()=>{n({file:t})}))}}let nodeSassJobQueue=null;function getRenderFunctionFromSassImplementation(e){const t=e.info.includes("dart-sass");if(t){return e.render.bind(e)}if(nodeSassJobQueue===null){const t=Number(process.env.UV_THREADPOOL_SIZE||4);nodeSassJobQueue=_neoAsync.default.queue(e.render.bind(e),t-1)}return nodeSassJobQueue.push.bind(nodeSassJobQueue)}const ABSOLUTE_SCHEME=/^[A-Za-z0-9+\-.]+:/;function getURLType(e){if(e[0]==="/"){if(e[1]==="/"){return"scheme-relative"}return"path-absolute"}if(IS_NATIVE_WIN32_PATH.test(e)){return"path-absolute"}return ABSOLUTE_SCHEME.test(e)?"absolute":"path-relative"}function normalizeSourceMap(e,t){const s=e;delete s.file;s.sourceRoot="";s.sources=s.sources.map((e=>{const s=getURLType(e);if(s==="path-relative"){return _path.default.resolve(t,_path.default.normalize(e))}return e}));return s}},175:function(e){"use strict";e.exports=require("next/dist/compiled/neo-async")},17:function(e){"use strict";e.exports=require("path")},438:function(e){"use strict";e.exports=require("sass")},310:function(e){"use strict";e.exports=require("url")},596:function(e){"use strict";e.exports=JSON.parse('{"title":"Sass Loader options","type":"object","properties":{"implementation":{"description":"The implementation of the sass to be used.","link":"https://github.com/webpack-contrib/sass-loader#implementation","anyOf":[{"type":"string"},{"type":"object"}]},"sassOptions":{"description":"Options for `node-sass` or `sass` (`Dart Sass`) implementation.","link":"https://github.com/webpack-contrib/sass-loader#sassoptions","anyOf":[{"type":"object","additionalProperties":true},{"instanceof":"Function"}]},"additionalData":{"description":"Prepends/Appends `Sass`/`SCSS` code before the actual entry file.","link":"https://github.com/webpack-contrib/sass-loader#additionaldata","anyOf":[{"type":"string"},{"instanceof":"Function"}]},"sourceMap":{"description":"Enables/Disables generation of source maps.","link":"https://github.com/webpack-contrib/sass-loader#sourcemap","type":"boolean"},"webpackImporter":{"description":"Enables/Disables default `webpack` importer.","link":"https://github.com/webpack-contrib/sass-loader#webpackimporter","type":"boolean"},"warnRuleAsWarning":{"description":"Treats the \'@warn\' rule as a webpack warning.","link":"https://github.com/webpack-contrib/sass-loader#warnruleaswarning","type":"boolean"}},"additionalProperties":false}')}};var __webpack_module_cache__={};function __nccwpck_require__(e){var t=__webpack_module_cache__[e];if(t!==undefined){return t.exports}var s=__webpack_module_cache__[e]={exports:{}};var r=true;try{__webpack_modules__[e](s,s.exports,__nccwpck_require__);r=false}finally{if(r)delete __webpack_module_cache__[e]}return s.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var __webpack_exports__=__nccwpck_require__(917);module.exports=__webpack_exports__})();
\ No newline at end of file
+(function(){var __webpack_modules__={12:function(e,t){function set(e,t,s){if(typeof s.value==="object")s.value=klona(s.value);if(!s.enumerable||s.get||s.set||!s.configurable||!s.writable||t==="__proto__"){Object.defineProperty(e,t,s)}else e[t]=s.value}function klona(e){if(typeof e!=="object")return e;var t=0,s,r,n,o=Object.prototype.toString.call(e);if(o==="[object Object]"){n=Object.create(e.__proto__||null)}else if(o==="[object Array]"){n=Array(e.length)}else if(o==="[object Set]"){n=new Set;e.forEach((function(e){n.add(klona(e))}))}else if(o==="[object Map]"){n=new Map;e.forEach((function(e,t){n.set(klona(t),klona(e))}))}else if(o==="[object Date]"){n=new Date(+e)}else if(o==="[object RegExp]"){n=new RegExp(e.source,e.flags)}else if(o==="[object DataView]"){n=new e.constructor(klona(e.buffer))}else if(o==="[object ArrayBuffer]"){n=e.slice(0)}else if(o.slice(-6)==="Array]"){n=new e.constructor(e)}if(n){for(r=Object.getOwnPropertySymbols(e);t<r.length;t++){set(n,r[t],Object.getOwnPropertyDescriptor(e,r[t]))}for(t=0,r=Object.getOwnPropertyNames(e);t<r.length;t++){if(Object.hasOwnProperty.call(n,s=r[t])&&n[s]===e[s])continue;set(n,s,Object.getOwnPropertyDescriptor(e,s))}}return n||e}t.klona=klona},79:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;class SassError extends Error{constructor(e){super();this.name="SassError";this.originalSassError=e;this.loc={line:e.line,column:e.column};this.message=`${this.name}: ${this.originalSassError.message}`;if(this.originalSassError.formatted){this.message=`${this.name}: ${this.originalSassError.formatted.replace(/^Error: /,"")}`;this.hideStack=true;Error.captureStackTrace(this,this.constructor)}}}var s=SassError;t["default"]=s},955:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;class SassWarning extends Error{constructor(e,t){super(e);this.name="SassWarning";this.hideStack=true;if(t.span){this.loc={line:t.span.start.line,column:t.span.start.column}}}}var s=SassWarning;t["default"]=s},601:function(e,t,s){"use strict";const r=s(342);e.exports=r.default},342:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:true});t["default"]=void 0;var r=_interopRequireDefault(s(17));var n=_interopRequireDefault(s(921));var o=s(636);var a=_interopRequireDefault(s(79));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}async function loader(e){const t=this.getOptions(n.default);const s=this.async();const i=(0,o.getSassImplementation)(this,t.implementation);if(!i){s();return}const c=typeof t.sourceMap==="boolean"?t.sourceMap:this.sourceMap;const l=await(0,o.getSassOptions)(this,t,e,i,c);const u=typeof t.webpackImporter==="boolean"?t.webpackImporter:true;if(u){const{includePaths:e}=l;l.importer.push((0,o.getWebpackImporter)(this,i,e))}const p=(0,o.getRenderFunctionFromSassImplementation)(i);p(l,((e,t)=>{if(e){if(e.file){this.addDependency(r.default.normalize(e.file))}s(new a.default(e));return}let n=t.map?JSON.parse(t.map):null;if(n&&c){n=(0,o.normalizeSourceMap)(n,this.rootContext)}t.stats.includedFiles.forEach((e=>{const t=r.default.normalize(e);if(r.default.isAbsolute(t)){this.addDependency(t)}}));s(null,t.css.toString(),n)}))}var i=loader;t["default"]=i},636:function(__unused_webpack_module,exports,__nccwpck_require__){"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getRenderFunctionFromSassImplementation=getRenderFunctionFromSassImplementation;exports.getSassImplementation=getSassImplementation;exports.getSassOptions=getSassOptions;exports.getWebpackImporter=getWebpackImporter;exports.getWebpackResolver=getWebpackResolver;exports.isSupportedFibers=isSupportedFibers;exports.normalizeSourceMap=normalizeSourceMap;var _url=_interopRequireDefault(__nccwpck_require__(310));var _path=_interopRequireDefault(__nccwpck_require__(17));var _full=__nccwpck_require__(12);var _neoAsync=_interopRequireDefault(__nccwpck_require__(175));var _SassWarning=_interopRequireDefault(__nccwpck_require__(955));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getDefaultSassImplementation(){let sassImplPkg="sass";try{eval("require").resolve("sass")}catch(error){try{eval("require").resolve("node-sass");sassImplPkg="node-sass"}catch(e){sassImplPkg="sass"}}return __nccwpck_require__(438)}function getSassImplementation(e,t){let s=t;if(!s){try{s=getDefaultSassImplementation()}catch(t){e.emitError(t);return}}if(typeof s==="string"){try{s=require(s)}catch(t){e.emitError(t);return}}const{info:r}=s;if(!r){e.emitError(new Error("Unknown Sass implementation."));return}const n=r.split("\t");if(n.length<2){e.emitError(new Error(`Unknown Sass implementation "${r}".`));return}const[o]=n;if(o==="dart-sass"){return s}else if(o==="node-sass"){return s}e.emitError(new Error(`Unknown Sass implementation "${o}".`))}function isProductionLikeMode(e){return e.mode==="production"||!e.mode}function proxyCustomImporters(e,t){return[].concat(e).map((e=>function proxyImporter(...s){const r={...this,webpackLoaderContext:t};return e.apply(r,s)}))}function isSupportedFibers(){const[e]=process.versions.node.split(".");return Number(e)<16}async function getSassOptions(e,t,s,r,n){const o=(0,_full.klona)(t.sassOptions?typeof t.sassOptions==="function"?t.sassOptions(e)||{}:t.sassOptions:{});const a=r.info.includes("dart-sass");if(a&&isSupportedFibers()){const e=!o.fiber&&o.fiber!==false;if(e){let e;try{e=require.resolve("fibers")}catch(e){}if(e){o.fiber=require(e)}}else if(o.fiber===false){delete o.fiber}}else{delete o.fiber}o.file=e.resourcePath;o.data=t.additionalData?typeof t.additionalData==="function"?await t.additionalData(s,e):`${t.additionalData}\n${s}`:s;if(!o.outputStyle&&isProductionLikeMode(e)){o.outputStyle="compressed"}if(n){o.sourceMap=true;o.outFile=_path.default.join(e.rootContext,"style.css.map");o.sourceMapContents=true;o.omitSourceMapUrl=true;o.sourceMapEmbed=false}const{resourcePath:i}=e;const c=_path.default.extname(i);if(c&&c.toLowerCase()===".sass"&&typeof o.indentedSyntax==="undefined"){o.indentedSyntax=true}else{o.indentedSyntax=Boolean(o.indentedSyntax)}o.importer=o.importer?proxyCustomImporters(Array.isArray(o.importer)?o.importer:[o.importer],e):[];o.includePaths=[].concat(process.cwd()).concat((o.includePaths||[]).map((e=>_path.default.isAbsolute(e)?e:_path.default.join(process.cwd(),e)))).concat(process.env.SASS_PATH?process.env.SASS_PATH.split(process.platform==="win32"?";":":"):[]);if(typeof o.charset==="undefined"){o.charset=true}if(!o.logger){const s=t.warnRuleAsWarning===true;const r=e.getLogger("sass-loader");const formatSpan=e=>`${e.url||"-"}:${e.start.line}:${e.start.column}: `;o.logger={debug(e,t){let s="";if(t.span){s=formatSpan(t.span)}s+=e;r.debug(s)},warn(t,n){let o="";if(n.deprecation){o+="Deprecation "}if(n.span&&!n.stack){o=formatSpan(n.span)}o+=t;if(n.stack){o+=`\n\n${n.stack}`}if(s){e.emitWarning(new _SassWarning.default(o,n))}else{r.warn(o)}}}}return o}const MODULE_REQUEST_REGEX=/^[^?]*~/;const IS_MODULE_IMPORT=/^~([^/]+|[^/]+\/|@[^/]+[/][^/]+|@[^/]+\/?|@[^/]+[/][^/]+\/)$/;function getPossibleRequests(e,t=false,s=false){let r=e;if(t){if(MODULE_REQUEST_REGEX.test(e)){r=r.replace(MODULE_REQUEST_REGEX,"")}if(IS_MODULE_IMPORT.test(e)){r=r[r.length-1]==="/"?r:`${r}/`;return[...new Set([r,e])]}}const n=_path.default.extname(r).toLowerCase();if(n===".css"){return[]}const o=_path.default.dirname(r);const a=o==="."?"":`${o}/`;const i=_path.default.basename(r);const c=_path.default.basename(r,n);return[...new Set([].concat(s?[`${a}_${c}.import${n}`,`${a}${c}.import${n}`]:[]).concat([`${a}_${i}`,`${a}${i}`]).concat(t?[e]:[]))]}function promiseResolve(e){return(t,s)=>new Promise(((r,n)=>{e(t,s,((e,t)=>{if(e){n(e)}else{r(t)}}))}))}const IS_SPECIAL_MODULE_IMPORT=/^~[^/]+$/;const IS_NATIVE_WIN32_PATH=/^[a-z]:[/\\]|^\\\\/i;function getWebpackResolver(e,t,s=[]){async function startResolving(e){if(e.length===0){return Promise.reject()}const[{possibleRequests:t}]=e;if(t.length===0){return Promise.reject()}const[{resolve:s,context:r}]=e;try{return await s(r,t[0])}catch(s){const[,...r]=t;if(r.length===0){const[,...t]=e;return startResolving(t)}e[0].possibleRequests=r;return startResolving(e)}}const r=t.info.includes("dart-sass");const n=promiseResolve(e({alias:[],aliasFields:[],conditionNames:[],descriptionFiles:[],extensions:[".sass",".scss",".css"],exportsFields:[],mainFields:[],mainFiles:["_index","index"],modules:[],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const o=promiseResolve(e({alias:[],aliasFields:[],conditionNames:[],descriptionFiles:[],extensions:[".sass",".scss",".css"],exportsFields:[],mainFields:[],mainFiles:["_index.import","_index","index.import","index"],modules:[],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const a=promiseResolve(e({dependencyType:"sass",conditionNames:["sass","style"],mainFields:["sass","style","main","..."],mainFiles:["_index","index","..."],extensions:[".sass",".scss",".css"],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));const i=promiseResolve(e({dependencyType:"sass",conditionNames:["sass","style"],mainFields:["sass","style","main","..."],mainFiles:["_index.import","_index","index.import","index","..."],extensions:[".sass",".scss",".css"],restrictions:[/\.((sa|sc|c)ss)$/i],preferRelative:true}));return(e,t,c)=>{if(!r&&!_path.default.isAbsolute(e)){return Promise.reject()}const l=t;const u=l.slice(0,5).toLowerCase()==="file:";if(u){try{t=_url.default.fileURLToPath(l)}catch(e){t=t.slice(7)}}let p=[];const f=!IS_SPECIAL_MODULE_IMPORT.test(t)&&!u&&!l.startsWith("/")&&!IS_NATIVE_WIN32_PATH.test(l);if(s.length>0&&f){const a=getPossibleRequests(t,false,c);if(!r){p=p.concat({resolve:c?o:n,context:_path.default.dirname(e),possibleRequests:a})}p=p.concat(s.map((e=>({resolve:c?o:n,context:e,possibleRequests:a}))))}const d=getPossibleRequests(t,true,c);p=p.concat({resolve:c?i:a,context:_path.default.dirname(e),possibleRequests:d});return startResolving(p)}}const MATCH_CSS=/\.css$/i;function getWebpackImporter(e,t,s){const r=getWebpackResolver(e.getResolve,t,s);return function importer(t,s,n){const{fromImport:o}=this;r(s,t,o).then((t=>{e.addDependency(_path.default.normalize(t));n({file:t.replace(MATCH_CSS,"")})})).catch((()=>{n({file:t})}))}}let nodeSassJobQueue=null;function getRenderFunctionFromSassImplementation(e){const t=e.info.includes("dart-sass");if(t){return e.render.bind(e)}if(nodeSassJobQueue===null){const t=Number(process.env.UV_THREADPOOL_SIZE||4);nodeSassJobQueue=_neoAsync.default.queue(e.render.bind(e),t-1)}return nodeSassJobQueue.push.bind(nodeSassJobQueue)}const ABSOLUTE_SCHEME=/^[A-Za-z0-9+\-.]+:/;function getURLType(e){if(e[0]==="/"){if(e[1]==="/"){return"scheme-relative"}return"path-absolute"}if(IS_NATIVE_WIN32_PATH.test(e)){return"path-absolute"}return ABSOLUTE_SCHEME.test(e)?"absolute":"path-relative"}function normalizeSourceMap(e,t){const s=e;delete s.file;s.sourceRoot="";s.sources=s.sources.map((e=>{const s=getURLType(e);if(s==="path-relative"){return _path.default.resolve(t,_path.default.normalize(e))}return e}));return s}},175:function(e){"use strict";e.exports=require("next/dist/compiled/neo-async")},17:function(e){"use strict";e.exports=require("path")},438:function(e){"use strict";e.exports=require("sass")},310:function(e){"use strict";e.exports=require("url")},921:function(e){"use strict";e.exports=JSON.parse('{"title":"Sass Loader options","type":"object","properties":{"implementation":{"description":"The implementation of the sass to be used.","link":"https://github.com/webpack-contrib/sass-loader#implementation","anyOf":[{"type":"string"},{"type":"object"}]},"sassOptions":{"description":"Options for `node-sass` or `sass` (`Dart Sass`) implementation.","link":"https://github.com/webpack-contrib/sass-loader#sassoptions","anyOf":[{"type":"object","additionalProperties":true},{"instanceof":"Function"}]},"additionalData":{"description":"Prepends/Appends `Sass`/`SCSS` code before the actual entry file.","link":"https://github.com/webpack-contrib/sass-loader#additionaldata","anyOf":[{"type":"string"},{"instanceof":"Function"}]},"sourceMap":{"description":"Enables/Disables generation of source maps.","link":"https://github.com/webpack-contrib/sass-loader#sourcemap","type":"boolean"},"webpackImporter":{"description":"Enables/Disables default `webpack` importer.","link":"https://github.com/webpack-contrib/sass-loader#webpackimporter","type":"boolean"},"warnRuleAsWarning":{"description":"Treats the \'@warn\' rule as a webpack warning.","link":"https://github.com/webpack-contrib/sass-loader#warnruleaswarning","type":"boolean"}},"additionalProperties":false}')}};var __webpack_module_cache__={};function __nccwpck_require__(e){var t=__webpack_module_cache__[e];if(t!==undefined){return t.exports}var s=__webpack_module_cache__[e]={exports:{}};var r=true;try{__webpack_modules__[e](s,s.exports,__nccwpck_require__);r=false}finally{if(r)delete __webpack_module_cache__[e]}return s.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var __webpack_exports__=__nccwpck_require__(601);module.exports=__webpack_exports__})();
\ No newline at end of file
diff --git a/packages/next/src/experimental/testmode/playwright/page-route.ts b/packages/next/src/experimental/testmode/playwright/page-route.ts
index 1bd083d03fdbe..9c8bafac21e1f 100644
--- a/packages/next/src/experimental/testmode/playwright/page-route.ts
+++ b/packages/next/src/experimental/testmode/playwright/page-route.ts
@@ -1,9 +1,13 @@
-import type { Page, Route, Request } from '@playwright/test'
+import type {
+  Page,
+  Route,
+  Request as PlaywrightRequest,
+} from '@playwright/test'
 import type { FetchHandler } from './next-worker-fixture'
 
 function continueRoute(
   route: Route,
-  request: Request,
+  request: PlaywrightRequest,
   testHeaders: Record<string, string>
 ): Promise<void> {
   return route.continue({
diff --git a/packages/next/src/export/index.ts b/packages/next/src/export/index.ts
index b57f8500b0d7f..650c8437e667b 100644
--- a/packages/next/src/export/index.ts
+++ b/packages/next/src/export/index.ts
@@ -15,7 +15,8 @@ import '../server/require-hook'
 
 import { Worker } from '../lib/worker'
 import { dirname, join, resolve, sep } from 'path'
-import { AmpPageStatus, formatAmpMessages } from '../build/output/index'
+import { formatAmpMessages } from '../build/output/index'
+import type { AmpPageStatus } from '../build/output/index'
 import * as Log from '../build/output/log'
 import createSpinner from '../build/spinner'
 import { SSG_FALLBACK_EXPORT_ERROR } from '../lib/constants'
@@ -36,7 +37,7 @@ import {
   APP_PATH_ROUTES_MANIFEST,
 } from '../shared/lib/constants'
 import loadConfig from '../server/config'
-import { ExportPathMap, NextConfigComplete } from '../server/config-shared'
+import type { ExportPathMap, NextConfigComplete } from '../server/config-shared'
 import { eventCliSession } from '../telemetry/events'
 import { hasNextSupport } from '../telemetry/ci-info'
 import { Telemetry } from '../telemetry/storage'
@@ -45,9 +46,9 @@ import { denormalizePagePath } from '../shared/lib/page-path/denormalize-page-pa
 import { loadEnvConfig } from '@next/env'
 import { isAPIRoute } from '../lib/is-api-route'
 import { getPagePath } from '../server/require'
-import { Span } from '../trace'
-import { FontConfig } from '../server/font-utils'
-import { MiddlewareManifest } from '../build/webpack/plugins/middleware-plugin'
+import type { Span } from '../trace'
+import type { FontConfig } from '../server/font-utils'
+import type { MiddlewareManifest } from '../build/webpack/plugins/middleware-plugin'
 import { isAppRouteRoute } from '../lib/is-app-route-route'
 import { isAppPageRoute } from '../lib/is-app-page-route'
 import isError from '../lib/is-error'
diff --git a/packages/next/src/export/routes/app-page.ts b/packages/next/src/export/routes/app-page.ts
index 71a4a9afc60ff..b94b8fd26e417 100644
--- a/packages/next/src/export/routes/app-page.ts
+++ b/packages/next/src/export/routes/app-page.ts
@@ -3,7 +3,10 @@ import type { RenderOpts } from '../../server/app-render/types'
 import type { OutgoingHttpHeaders } from 'http'
 import type { NextParsedUrlQuery } from '../../server/request-meta'
 
-import { MockedRequest, MockedResponse } from '../../server/lib/mock-request'
+import type {
+  MockedRequest,
+  MockedResponse,
+} from '../../server/lib/mock-request'
 import {
   RSC,
   NEXT_URL,
diff --git a/packages/next/src/export/routes/app-route.ts b/packages/next/src/export/routes/app-route.ts
index 0cfb77748d4e4..c580cea6ce8e1 100644
--- a/packages/next/src/export/routes/app-route.ts
+++ b/packages/next/src/export/routes/app-route.ts
@@ -12,7 +12,10 @@ import {
   signalFromNodeResponse,
 } from '../../server/web/spec-extension/adapters/next-request'
 import { toNodeOutgoingHttpHeaders } from '../../server/web/utils'
-import { MockedRequest, MockedResponse } from '../../server/lib/mock-request'
+import type {
+  MockedRequest,
+  MockedResponse,
+} from '../../server/lib/mock-request'
 import { isDynamicUsageError } from '../helpers/is-dynamic-usage-error'
 import { SERVER_DIRECTORY } from '../../shared/lib/constants'
 import { hasNextSupport } from '../../telemetry/ci-info'
diff --git a/packages/next/src/export/routes/pages.ts b/packages/next/src/export/routes/pages.ts
index 6c056de3a3547..31b1db6a3e401 100644
--- a/packages/next/src/export/routes/pages.ts
+++ b/packages/next/src/export/routes/pages.ts
@@ -6,7 +6,10 @@ import type { NextParsedUrlQuery } from '../../server/request-meta'
 
 import RenderResult from '../../server/render-result'
 import { join } from 'path'
-import { MockedRequest, MockedResponse } from '../../server/lib/mock-request'
+import type {
+  MockedRequest,
+  MockedResponse,
+} from '../../server/lib/mock-request'
 import { isInAmpMode } from '../../shared/lib/amp-mode'
 import { SERVER_PROPS_EXPORT_ERROR } from '../../lib/constants'
 import { NEXT_DYNAMIC_NO_SSR_CODE } from '../../shared/lib/lazy-dynamic/no-ssr-error'
diff --git a/packages/next/src/lib/batcher.ts b/packages/next/src/lib/batcher.ts
index 480b70df15f00..66a69be757c4a 100644
--- a/packages/next/src/lib/batcher.ts
+++ b/packages/next/src/lib/batcher.ts
@@ -2,7 +2,7 @@
 // this imported module.
 import './polyfill-promise-with-resolvers'
 
-import { SchedulerFn } from '../server/lib/schedule-on-next-tick'
+import type { SchedulerFn } from '../server/lib/schedule-on-next-tick'
 
 type CacheKeyFn<K, C extends string | number | null> = (
   key: K
diff --git a/packages/next/src/lib/command-args.ts b/packages/next/src/lib/command-args.ts
index 00d1e4164e020..6e132025854a3 100644
--- a/packages/next/src/lib/command-args.ts
+++ b/packages/next/src/lib/command-args.ts
@@ -1,4 +1,4 @@
-import { getValidatedArgs } from './get-validated-args'
+import type { getValidatedArgs } from './get-validated-args'
 
 export type CliCommand = (args: ReturnType<typeof getValidatedArgs>) => void
 
diff --git a/packages/next/src/lib/commands.ts b/packages/next/src/lib/commands.ts
index d921a8583cb56..d3f9b292da6ba 100644
--- a/packages/next/src/lib/commands.ts
+++ b/packages/next/src/lib/commands.ts
@@ -1,4 +1,4 @@
-import { getValidatedArgs } from './get-validated-args'
+import type { getValidatedArgs } from './get-validated-args'
 
 export type CliCommand = (args: ReturnType<typeof getValidatedArgs>) => void
 
diff --git a/packages/next/src/lib/create-client-router-filter.ts b/packages/next/src/lib/create-client-router-filter.ts
index dcf0a6a0bd43c..c4a7d08dd7a12 100644
--- a/packages/next/src/lib/create-client-router-filter.ts
+++ b/packages/next/src/lib/create-client-router-filter.ts
@@ -1,8 +1,8 @@
-import { Token } from 'next/dist/compiled/path-to-regexp'
+import type { Token } from 'next/dist/compiled/path-to-regexp'
 import { BloomFilter } from '../shared/lib/bloom-filter'
 import { isDynamicRoute } from '../shared/lib/router/utils'
 import { removeTrailingSlash } from '../shared/lib/router/utils/remove-trailing-slash'
-import { Redirect } from './load-custom-routes'
+import type { Redirect } from './load-custom-routes'
 import { tryToParsePath } from './try-to-parse-path'
 
 export function createClientRouterFilter(
diff --git a/packages/next/src/lib/eslint/runLintCheck.ts b/packages/next/src/lib/eslint/runLintCheck.ts
index 6482f7b10e36a..525dbb24f2893 100644
--- a/packages/next/src/lib/eslint/runLintCheck.ts
+++ b/packages/next/src/lib/eslint/runLintCheck.ts
@@ -6,7 +6,8 @@ import findUp from 'next/dist/compiled/find-up'
 import semver from 'next/dist/compiled/semver'
 import * as CommentJson from 'next/dist/compiled/comment-json'
 
-import { LintResult, formatResults } from './customFormatter'
+import { formatResults } from './customFormatter'
+import type { LintResult } from './customFormatter'
 import { writeDefaultConfig } from './writeDefaultConfig'
 import { hasEslintConfiguration } from './hasEslintConfiguration'
 import { writeOutputFile } from './writeOutputFile'
@@ -17,7 +18,7 @@ import { installDependencies } from '../install-dependencies'
 import { hasNecessaryDependencies } from '../has-necessary-dependencies'
 
 import * as Log from '../../build/output/log'
-import { EventLintCheckCompleted } from '../../telemetry/events/build'
+import type { EventLintCheckCompleted } from '../../telemetry/events/build'
 import isError, { getProperError } from '../is-error'
 import { getPkgManager } from '../helpers/get-pkg-manager'
 
diff --git a/packages/next/src/lib/eslint/writeDefaultConfig.ts b/packages/next/src/lib/eslint/writeDefaultConfig.ts
index 53acf19407878..f897ece5d4bb9 100644
--- a/packages/next/src/lib/eslint/writeDefaultConfig.ts
+++ b/packages/next/src/lib/eslint/writeDefaultConfig.ts
@@ -3,7 +3,7 @@ import { bold, green } from '../picocolors'
 import os from 'os'
 import path from 'path'
 import * as CommentJson from 'next/dist/compiled/comment-json'
-import { ConfigAvailable } from './hasEslintConfiguration'
+import type { ConfigAvailable } from './hasEslintConfiguration'
 
 import * as Log from '../../build/output/log'
 
diff --git a/packages/next/src/lib/generate-interception-routes-rewrites.ts b/packages/next/src/lib/generate-interception-routes-rewrites.ts
index c2f96563c6132..85fed64167498 100644
--- a/packages/next/src/lib/generate-interception-routes-rewrites.ts
+++ b/packages/next/src/lib/generate-interception-routes-rewrites.ts
@@ -5,7 +5,7 @@ import {
   extractInterceptionRouteInformation,
   isInterceptionRouteAppPath,
 } from '../server/future/helpers/interception-routes'
-import { Rewrite } from './load-custom-routes'
+import type { Rewrite } from './load-custom-routes'
 
 // a function that converts normalised paths (e.g. /foo/[bar]/[baz]) to the format expected by pathToRegexp (e.g. /foo/:bar/:baz)
 function toPathToRegexpPath(path: string): string {
diff --git a/packages/next/src/lib/install-dependencies.ts b/packages/next/src/lib/install-dependencies.ts
index c1b125bc292a5..ef51f6e048321 100644
--- a/packages/next/src/lib/install-dependencies.ts
+++ b/packages/next/src/lib/install-dependencies.ts
@@ -1,7 +1,7 @@
 import { cyan } from './picocolors'
 import path from 'path'
 
-import { MissingDependency } from './has-necessary-dependencies'
+import type { MissingDependency } from './has-necessary-dependencies'
 import { getPkgManager } from './helpers/get-pkg-manager'
 import { install } from './helpers/install'
 import { getOnline } from './helpers/get-online'
diff --git a/packages/next/src/lib/is-edge-runtime.ts b/packages/next/src/lib/is-edge-runtime.ts
index 0908e9e7613c4..486f73006d2f5 100644
--- a/packages/next/src/lib/is-edge-runtime.ts
+++ b/packages/next/src/lib/is-edge-runtime.ts
@@ -1,4 +1,4 @@
-import { ServerRuntime } from '../../types'
+import type { ServerRuntime } from '../../types'
 import { SERVER_RUNTIME } from './constants'
 
 export function isEdgeRuntime(value?: string): value is ServerRuntime {
diff --git a/packages/next/src/lib/metadata/generate/alternate.tsx b/packages/next/src/lib/metadata/generate/alternate.tsx
index 6788d3fbc24aa..8ccc816ba509d 100644
--- a/packages/next/src/lib/metadata/generate/alternate.tsx
+++ b/packages/next/src/lib/metadata/generate/alternate.tsx
@@ -1,7 +1,7 @@
 import type { ResolvedMetadata } from '../types/metadata-interface'
 
 import React from 'react'
-import { AlternateLinkDescriptor } from '../types/alternative-urls-types'
+import type { AlternateLinkDescriptor } from '../types/alternative-urls-types'
 import { MetaFilter } from './meta'
 
 function AlternateLink({
diff --git a/packages/next/src/lib/metadata/metadata.tsx b/packages/next/src/lib/metadata/metadata.tsx
index e32ed342dfae3..1f2f7ab7efdea 100644
--- a/packages/next/src/lib/metadata/metadata.tsx
+++ b/packages/next/src/lib/metadata/metadata.tsx
@@ -18,7 +18,7 @@ import {
 import { IconsMetadata } from './generate/icons'
 import { resolveMetadata } from './resolve-metadata'
 import { MetaFilter } from './generate/meta'
-import { ResolvedMetadata } from './types/metadata-interface'
+import type { ResolvedMetadata } from './types/metadata-interface'
 import { createDefaultMetadata } from './default-metadata'
 import { isNotFoundError } from '../../client/components/not-found'
 
diff --git a/packages/next/src/lib/metadata/resolve-metadata.test.ts b/packages/next/src/lib/metadata/resolve-metadata.test.ts
index fff221ac1c872..20feb3ca32d5f 100644
--- a/packages/next/src/lib/metadata/resolve-metadata.test.ts
+++ b/packages/next/src/lib/metadata/resolve-metadata.test.ts
@@ -1,8 +1,6 @@
-import {
-  accumulateMetadata as originAccumulateMetadata,
-  MetadataItems,
-} from './resolve-metadata'
-import { Metadata } from './types/metadata-interface'
+import { accumulateMetadata as originAccumulateMetadata } from './resolve-metadata'
+import type { MetadataItems } from './resolve-metadata'
+import type { Metadata } from './types/metadata-interface'
 
 function accumulateMetadata(metadataItems: MetadataItems) {
   return originAccumulateMetadata(metadataItems, {
diff --git a/packages/next/src/lib/metadata/resolve-metadata.ts b/packages/next/src/lib/metadata/resolve-metadata.ts
index 0ec2630dfdee0..e7eed1efa65f7 100644
--- a/packages/next/src/lib/metadata/resolve-metadata.ts
+++ b/packages/next/src/lib/metadata/resolve-metadata.ts
@@ -9,6 +9,7 @@ import type { Twitter } from './types/twitter-types'
 import type { OpenGraph } from './types/opengraph-types'
 import type { ComponentsType } from '../../build/webpack/loaders/next-app-loader'
 import type { MetadataContext } from './types/resolvers'
+import type { LoaderTree } from '../../server/lib/app-dir-module'
 import { createDefaultMetadata } from './default-metadata'
 import { resolveOpenGraph, resolveTwitter } from './resolvers/resolve-opengraph'
 import { resolveTitle } from './resolvers/resolve-title'
@@ -17,7 +18,6 @@ import { isClientReference } from '../client-reference'
 import {
   getComponentTypeModule,
   getLayoutOrPageModule,
-  LoaderTree,
 } from '../../server/lib/app-dir-module'
 import { interopDefault } from '../interop-default'
 import {
diff --git a/packages/next/src/lib/metadata/types/metadata-interface.ts b/packages/next/src/lib/metadata/types/metadata-interface.ts
index a29c6f47534ea..29450d21c9e42 100644
--- a/packages/next/src/lib/metadata/types/metadata-interface.ts
+++ b/packages/next/src/lib/metadata/types/metadata-interface.ts
@@ -577,4 +577,4 @@ declare namespace MetadataRoute {
   export type Manifest = ManifestFile
 }
 
-export { Metadata, ResolvedMetadata, ResolvingMetadata, MetadataRoute }
+export type { Metadata, ResolvedMetadata, ResolvingMetadata, MetadataRoute }
diff --git a/packages/next/src/lib/metadata/types/resolvers.ts b/packages/next/src/lib/metadata/types/resolvers.ts
index f7feab5115863..994917b068f16 100644
--- a/packages/next/src/lib/metadata/types/resolvers.ts
+++ b/packages/next/src/lib/metadata/types/resolvers.ts
@@ -1,4 +1,4 @@
-import { Metadata, ResolvedMetadata } from './metadata-interface'
+import type { Metadata, ResolvedMetadata } from './metadata-interface'
 
 export type FieldResolver<Key extends keyof Metadata> = (
   T: Metadata[Key]
diff --git a/packages/next/src/lib/recursive-copy.ts b/packages/next/src/lib/recursive-copy.ts
index df9d163de5d11..68936115c4cd9 100644
--- a/packages/next/src/lib/recursive-copy.ts
+++ b/packages/next/src/lib/recursive-copy.ts
@@ -1,5 +1,6 @@
 import path from 'path'
-import { promises, constants, Dirent, Stats } from 'fs'
+import type { Dirent, Stats } from 'fs'
+import { promises, constants } from 'fs'
 import { Sema } from 'next/dist/compiled/async-sema'
 import isError from './is-error'
 
diff --git a/packages/next/src/lib/recursive-delete.ts b/packages/next/src/lib/recursive-delete.ts
index 78f3ea4948fc7..9675eee728509 100644
--- a/packages/next/src/lib/recursive-delete.ts
+++ b/packages/next/src/lib/recursive-delete.ts
@@ -1,4 +1,5 @@
-import { Dirent, promises } from 'fs'
+import type { Dirent } from 'fs'
+import { promises } from 'fs'
 import { join, isAbsolute, dirname } from 'path'
 import isError from './is-error'
 
diff --git a/packages/next/src/lib/turbopack-warning.ts b/packages/next/src/lib/turbopack-warning.ts
index 3d0951abab6c3..e55b259dee029 100644
--- a/packages/next/src/lib/turbopack-warning.ts
+++ b/packages/next/src/lib/turbopack-warning.ts
@@ -1,6 +1,6 @@
 import path from 'path'
 import loadConfig from '../server/config'
-import { NextConfig } from '../server/config-shared'
+import type { NextConfig } from '../server/config-shared'
 import { PHASE_DEVELOPMENT_SERVER } from '../shared/lib/constants'
 
 const supportedTurbopackNextConfigOptions = [
diff --git a/packages/next/src/lib/typescript/missingDependencyError.ts b/packages/next/src/lib/typescript/missingDependencyError.ts
index 8cba0a6e7a0d6..d63aedfc7aad8 100644
--- a/packages/next/src/lib/typescript/missingDependencyError.ts
+++ b/packages/next/src/lib/typescript/missingDependencyError.ts
@@ -1,7 +1,7 @@
 import { bold, cyan, red } from '../picocolors'
 
 import { getOxfordCommaList } from '../oxford-comma-list'
-import { MissingDependency } from '../has-necessary-dependencies'
+import type { MissingDependency } from '../has-necessary-dependencies'
 import { FatalError } from '../fatal-error'
 import { getPkgManager } from '../helpers/get-pkg-manager'
 
diff --git a/packages/next/src/lib/typescript/writeConfigurationDefaults.ts b/packages/next/src/lib/typescript/writeConfigurationDefaults.ts
index 12d90a9caad33..1f10977bddf4a 100644
--- a/packages/next/src/lib/typescript/writeConfigurationDefaults.ts
+++ b/packages/next/src/lib/typescript/writeConfigurationDefaults.ts
@@ -20,7 +20,7 @@ type DesiredCompilerOptionsShape = {
 
 function getDesiredCompilerOptions(
   ts: typeof import('typescript'),
-  userTsConfig?: { compilerOptions?: CompilerOptions }
+  tsOptions?: CompilerOptions
 ): DesiredCompilerOptionsShape {
   const o: DesiredCompilerOptionsShape = {
     // These are suggested values and will be set when not present in the
@@ -80,7 +80,7 @@ function getDesiredCompilerOptions(
       reason: 'to match webpack resolution',
     },
     resolveJsonModule: { value: true, reason: 'to match webpack resolution' },
-    ...(userTsConfig?.compilerOptions?.verbatimModuleSyntax === true
+    ...(tsOptions?.verbatimModuleSyntax === true
       ? undefined
       : {
           isolatedModules: {
@@ -139,7 +139,7 @@ export async function writeConfigurationDefaults(
     isFirstTimeSetup = true
   }
 
-  const desiredCompilerOptions = getDesiredCompilerOptions(ts, userTsConfig)
+  const desiredCompilerOptions = getDesiredCompilerOptions(ts, tsOptions)
 
   const suggestedActions: string[] = []
   const requiredActions: string[] = []
diff --git a/packages/next/src/lib/verify-partytown-setup.ts b/packages/next/src/lib/verify-partytown-setup.ts
index 0844ec373117e..fb2e439337d7d 100644
--- a/packages/next/src/lib/verify-partytown-setup.ts
+++ b/packages/next/src/lib/verify-partytown-setup.ts
@@ -2,10 +2,8 @@ import { promises } from 'fs'
 import { bold, cyan, red } from './picocolors'
 
 import path from 'path'
-import {
-  hasNecessaryDependencies,
-  NecessaryDependencies,
-} from './has-necessary-dependencies'
+import { hasNecessaryDependencies } from './has-necessary-dependencies'
+import type { NecessaryDependencies } from './has-necessary-dependencies'
 import { fileExists, FileType } from './file-exists'
 import { FatalError } from './fatal-error'
 import * as Log from '../build/output/log'
diff --git a/packages/next/src/lib/verifyTypeScriptSetup.ts b/packages/next/src/lib/verify-typescript-setup.ts
similarity index 96%
rename from packages/next/src/lib/verifyTypeScriptSetup.ts
rename to packages/next/src/lib/verify-typescript-setup.ts
index f6f18ebf3eb31..b84b745531965 100644
--- a/packages/next/src/lib/verifyTypeScriptSetup.ts
+++ b/packages/next/src/lib/verify-typescript-setup.ts
@@ -1,16 +1,14 @@
 import { bold, cyan, red, yellow } from './picocolors'
 import path from 'path'
 
-import {
-  hasNecessaryDependencies,
-  NecessaryDependencies,
-} from './has-necessary-dependencies'
+import { hasNecessaryDependencies } from './has-necessary-dependencies'
+import type { NecessaryDependencies } from './has-necessary-dependencies'
 import semver from 'next/dist/compiled/semver'
 import { CompileError } from './compile-error'
 import * as log from '../build/output/log'
 
 import { getTypeScriptIntent } from './typescript/getTypeScriptIntent'
-import { TypeCheckResult } from './typescript/runTypeCheck'
+import type { TypeCheckResult } from './typescript/runTypeCheck'
 import { writeAppTypeDeclarations } from './typescript/writeAppTypeDeclarations'
 import { writeConfigurationDefaults } from './typescript/writeConfigurationDefaults'
 import { installDependencies } from './install-dependencies'
diff --git a/packages/next/src/lib/verifyAndLint.ts b/packages/next/src/lib/verifyAndLint.ts
index 6dfbc59fa2b79..ff3e308623203 100644
--- a/packages/next/src/lib/verifyAndLint.ts
+++ b/packages/next/src/lib/verifyAndLint.ts
@@ -3,7 +3,7 @@ import { Worker } from 'next/dist/compiled/jest-worker'
 import { existsSync } from 'fs'
 import { join } from 'path'
 import { ESLINT_DEFAULT_DIRS } from './constants'
-import { Telemetry } from '../telemetry/storage'
+import type { Telemetry } from '../telemetry/storage'
 import { eventLintCheckCompleted } from '../telemetry/events'
 import { CompileError } from './compile-error'
 import isError from './is-error'
diff --git a/packages/next/src/lib/worker.ts b/packages/next/src/lib/worker.ts
index 05f1bf4ccf2cd..67e2c94dc4c09 100644
--- a/packages/next/src/lib/worker.ts
+++ b/packages/next/src/lib/worker.ts
@@ -1,4 +1,4 @@
-import { ChildProcess } from 'child_process'
+import type { ChildProcess } from 'child_process'
 import { Worker as JestWorker } from 'next/dist/compiled/jest-worker'
 import { getNodeOptionsWithoutInspect } from '../server/lib/utils'
 
diff --git a/packages/next/src/pages/_app.tsx b/packages/next/src/pages/_app.tsx
index 2a064dd1c927a..7573e00cdd239 100644
--- a/packages/next/src/pages/_app.tsx
+++ b/packages/next/src/pages/_app.tsx
@@ -11,9 +11,9 @@ import type { Router } from '../client/router'
 
 import { loadGetInitialProps } from '../shared/lib/utils'
 
-export { AppInitialProps, AppType }
+export type { AppInitialProps, AppType }
 
-export { NextWebVitalsMetric }
+export type { NextWebVitalsMetric }
 
 export type AppContext = AppContextType<Router>
 
diff --git a/packages/next/src/pages/_document.tsx b/packages/next/src/pages/_document.tsx
index f0a29cb15d1fc..78ea281d96b17 100644
--- a/packages/next/src/pages/_document.tsx
+++ b/packages/next/src/pages/_document.tsx
@@ -1,4 +1,5 @@
-import React, { ReactElement, ReactNode } from 'react'
+import React from 'react'
+import type { ReactElement, ReactNode } from 'react'
 import {
   OPTIMIZED_FONT_PROVIDERS,
   NEXT_BUILTIN_DOCUMENT,
@@ -13,7 +14,8 @@ import type {
 import type { ScriptProps } from '../client/script'
 import type { NextFontManifest } from '../build/webpack/plugins/next-font-manifest-plugin'
 
-import { BuildManifest, getPageFiles } from '../server/get-page-files'
+import { getPageFiles } from '../server/get-page-files'
+import type { BuildManifest } from '../server/get-page-files'
 import { htmlEscapeJsonString } from '../server/htmlescape'
 import isError from '../lib/is-error'
 
@@ -23,7 +25,7 @@ import {
 } from '../shared/lib/html-context.shared-runtime'
 import type { HtmlProps } from '../shared/lib/html-context.shared-runtime'
 
-export { DocumentContext, DocumentInitialProps, DocumentProps }
+export type { DocumentContext, DocumentInitialProps, DocumentProps }
 
 export type OriginProps = {
   nonce?: string
diff --git a/packages/next/src/server/api-utils/node/api-resolver.ts b/packages/next/src/server/api-utils/node/api-resolver.ts
index 529b6a62818be..e638fedaf7a5d 100644
--- a/packages/next/src/server/api-utils/node/api-resolver.ts
+++ b/packages/next/src/server/api-utils/node/api-resolver.ts
@@ -1,7 +1,7 @@
 import type { IncomingMessage, ServerResponse } from 'http'
 import type { NextApiRequest, NextApiResponse } from '../../../shared/lib/utils'
 import type { PageConfig, ResponseLimit } from 'next/types'
-import { __ApiPreviewProps } from '../.'
+import type { __ApiPreviewProps } from '../.'
 import type { CookieSerializeOptions } from 'next/dist/compiled/cookie'
 
 import bytes from 'next/dist/compiled/bytes'
diff --git a/packages/next/src/server/api-utils/node/try-get-preview-data.ts b/packages/next/src/server/api-utils/node/try-get-preview-data.ts
index bebe98cf4495f..ca81d1379e0bb 100644
--- a/packages/next/src/server/api-utils/node/try-get-preview-data.ts
+++ b/packages/next/src/server/api-utils/node/try-get-preview-data.ts
@@ -1,6 +1,7 @@
 import type { IncomingMessage, ServerResponse } from 'http'
 import type { NextApiResponse } from '../../../shared/lib/utils'
-import { checkIsOnDemandRevalidate, __ApiPreviewProps } from '../.'
+import { checkIsOnDemandRevalidate } from '../.'
+import type { __ApiPreviewProps } from '../.'
 import type { BaseNextRequest, BaseNextResponse } from '../../base-http'
 import type { PreviewData } from 'next/types'
 
diff --git a/packages/next/src/server/app-render/action-handler.ts b/packages/next/src/server/app-render/action-handler.ts
index 93d4a62b80fdf..aaa5f5af8b7d0 100644
--- a/packages/next/src/server/app-render/action-handler.ts
+++ b/packages/next/src/server/app-render/action-handler.ts
@@ -19,10 +19,10 @@ import {
   isRedirectError,
 } from '../../client/components/redirect'
 import RenderResult from '../render-result'
-import { StaticGenerationStore } from '../../client/components/static-generation-async-storage.external'
+import type { StaticGenerationStore } from '../../client/components/static-generation-async-storage.external'
 import { FlightRenderResult } from './flight-render-result'
-import { ActionResult } from './types'
-import { ActionAsyncStorage } from '../../client/components/action-async-storage.external'
+import type { ActionResult } from './types'
+import type { ActionAsyncStorage } from '../../client/components/action-async-storage.external'
 import {
   filterReqHeaders,
   actionsForbiddenHeaders,
@@ -32,7 +32,7 @@ import {
   getModifiedCookieValues,
 } from '../web/spec-extension/adapters/request-cookies'
 
-import { RequestStore } from '../../client/components/request-async-storage.external'
+import type { RequestStore } from '../../client/components/request-async-storage.external'
 import {
   NEXT_CACHE_REVALIDATED_TAGS_HEADER,
   NEXT_CACHE_REVALIDATE_TAG_TOKEN_HEADER,
diff --git a/packages/next/src/server/app-render/app-render.tsx b/packages/next/src/server/app-render/app-render.tsx
index fcc5089e693c9..649264ffccb16 100644
--- a/packages/next/src/server/app-render/app-render.tsx
+++ b/packages/next/src/server/app-render/app-render.tsx
@@ -10,11 +10,13 @@ import type {
   RenderOpts,
   Segment,
 } from './types'
+import type { StaticGenerationStore } from '../../client/components/static-generation-async-storage.external'
+import type { RequestStore } from '../../client/components/request-async-storage.external'
 
 import React from 'react'
 import { createServerComponentRenderer } from './create-server-components-renderer'
 
-import { NextParsedUrlQuery } from '../request-meta'
+import type { NextParsedUrlQuery } from '../request-meta'
 import RenderResult, { type RenderResultMetadata } from '../render-result'
 import {
   renderToInitialFizzStream,
@@ -37,7 +39,8 @@ import { createMetadataComponents } from '../../lib/metadata/metadata'
 import { RequestAsyncStorageWrapper } from '../async-storage/request-async-storage-wrapper'
 import { StaticGenerationAsyncStorageWrapper } from '../async-storage/static-generation-async-storage-wrapper'
 import { isClientReference } from '../../lib/client-reference'
-import { getLayoutOrPageModule, LoaderTree } from '../lib/app-dir-module'
+import { getLayoutOrPageModule } from '../lib/app-dir-module'
+import type { LoaderTree } from '../lib/app-dir-module'
 import { isNotFoundError } from '../../client/components/not-found'
 import {
   getURLFromRedirectError,
@@ -151,24 +154,21 @@ function hasLoadingComponentInTree(tree: LoaderTree): boolean {
   ) as boolean
 }
 
-export type AppPageRender = (
+type AppRenderContext = {
+  staticGenerationStore: StaticGenerationStore
+  requestStore: RequestStore
+}
+
+const wrappedRender = async (
   req: IncomingMessage,
   res: ServerResponse,
   pagePath: string,
   query: NextParsedUrlQuery,
-  renderOpts: RenderOpts
-) => Promise<RenderResult>
-
-export const renderToHTMLOrFlight: AppPageRender = (
-  req,
-  res,
-  pagePath,
-  query,
-  renderOpts
+  renderOpts: RenderOpts,
+  ctx: AppRenderContext
 ) => {
   const isFlight = req.headers[RSC.toLowerCase()] !== undefined
   const isNotFoundPath = pagePath === '/404'
-  const pathname = validateURL(req.url)
 
   // A unique request timestamp used by development to ensure that it's
   // consistent and won't change during this request. This is important to
@@ -189,6 +189,7 @@ export const renderToHTMLOrFlight: AppPageRender = (
     buildId,
     deploymentId,
     appDirDevErrorLogger,
+    assetPrefix = '',
   } = renderOpts
 
   // We need to expose the bundled `require` API globally for
@@ -205,6 +206,7 @@ export const renderToHTMLOrFlight: AppPageRender = (
 
   const appUsingSizeAdjust = !!nextFontManifest?.appUsingSizeAdjust
 
+  // TODO: fix this typescript
   const clientReferenceManifest = renderOpts.clientReferenceManifest!
 
   const capturedErrors: Error[] = []
@@ -252,8 +254,6 @@ export const renderToHTMLOrFlight: AppPageRender = (
 
   // Pull out the hooks/references from the component.
   const {
-    staticGenerationAsyncStorage,
-    requestAsyncStorage,
     staticGenerationBailout,
     LayoutRouter,
     RenderFromTemplateContext,
@@ -270,626 +270,598 @@ export const renderToHTMLOrFlight: AppPageRender = (
     preloadStyle,
   } = ComponentMod
 
-  // we wrap the render in an AsyncLocalStorage context
-  const wrappedRender = async () => {
-    const staticGenerationStore = staticGenerationAsyncStorage.getStore()
-    if (!staticGenerationStore) {
-      throw new Error(
-        `Invariant: Render expects to have staticGenerationAsyncStorage, none found`
-      )
-    }
-
-    staticGenerationStore.fetchMetrics = []
-    extraRenderResultMeta.fetchMetrics = staticGenerationStore.fetchMetrics
+  const { staticGenerationStore, requestStore } = ctx
+  const { urlPathname } = staticGenerationStore
 
-    const requestStore = requestAsyncStorage.getStore()
-    if (!requestStore) {
-      throw new Error(
-        `Invariant: Render expects to have requestAsyncStorage, none found`
-      )
-    }
+  staticGenerationStore.fetchMetrics = []
+  extraRenderResultMeta.fetchMetrics = staticGenerationStore.fetchMetrics
 
-    // don't modify original query object
-    query = { ...query }
-    stripInternalQueries(query)
+  // don't modify original query object
+  query = { ...query }
+  stripInternalQueries(query)
 
-    const isPrefetch =
-      req.headers[NEXT_ROUTER_PREFETCH.toLowerCase()] !== undefined
+  const isPrefetch =
+    req.headers[NEXT_ROUTER_PREFETCH.toLowerCase()] !== undefined
 
-    /**
-     * Router state provided from the client-side router. Used to handle rendering from the common layout down.
-     */
-    let providedFlightRouterState = isFlight
-      ? parseAndValidateFlightRouterState(
-          req.headers[NEXT_ROUTER_STATE_TREE.toLowerCase()]
-        )
-      : undefined
+  /**
+   * Router state provided from the client-side router. Used to handle rendering from the common layout down.
+   */
+  let providedFlightRouterState = isFlight
+    ? parseAndValidateFlightRouterState(
+        req.headers[NEXT_ROUTER_STATE_TREE.toLowerCase()]
+      )
+    : undefined
 
-    /**
-     * The metadata items array created in next-app-loader with all relevant information
-     * that we need to resolve the final metadata.
-     */
+  /**
+   * The metadata items array created in next-app-loader with all relevant information
+   * that we need to resolve the final metadata.
+   */
 
-    let requestId: string
+  let requestId: string
 
-    if (process.env.NEXT_RUNTIME === 'edge') {
-      requestId = crypto.randomUUID()
-    } else {
-      requestId = require('next/dist/compiled/nanoid').nanoid()
-    }
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    requestId = crypto.randomUUID()
+  } else {
+    requestId = require('next/dist/compiled/nanoid').nanoid()
+  }
 
-    const isStaticGeneration = staticGenerationStore.isStaticGeneration
-    // During static generation we need to call the static generation bailout when reading searchParams
-    const providedSearchParams = isStaticGeneration
-      ? createSearchParamsBailoutProxy()
-      : query
-    const searchParamsProps = { searchParams: providedSearchParams }
+  const isStaticGeneration = staticGenerationStore.isStaticGeneration
+  // During static generation we need to call the static generation bailout when reading searchParams
+  const providedSearchParams = isStaticGeneration
+    ? createSearchParamsBailoutProxy()
+    : query
+  const searchParamsProps = { searchParams: providedSearchParams }
 
-    /**
-     * Server Context is specifically only available in Server Components.
-     * It has to hold values that can't change while rendering from the common layout down.
-     * An example of this would be that `headers` are available but `searchParams` are not because that'd mean we have to render from the root layout down on all requests.
-     */
+  /**
+   * Server Context is specifically only available in Server Components.
+   * It has to hold values that can't change while rendering from the common layout down.
+   * An example of this would be that `headers` are available but `searchParams` are not because that'd mean we have to render from the root layout down on all requests.
+   */
 
-    const serverContexts: Array<[string, any]> = [
-      ['WORKAROUND', null], // TODO-APP: First value has a bug currently where the value is not set on the second request: https://github.com/facebook/react/issues/24849
-    ]
+  const serverContexts: Array<[string, any]> = [
+    ['WORKAROUND', null], // TODO-APP: First value has a bug currently where the value is not set on the second request: https://github.com/facebook/react/issues/24849
+  ]
 
-    type CreateSegmentPath = (child: FlightSegmentPath) => FlightSegmentPath
+  type CreateSegmentPath = (child: FlightSegmentPath) => FlightSegmentPath
 
-    /**
-     * Dynamic parameters. E.g. when you visit `/dashboard/vercel` which is rendered by `/dashboard/[slug]` the value will be {"slug": "vercel"}.
-     */
-    const params = renderOpts.params ?? {}
+  /**
+   * Dynamic parameters. E.g. when you visit `/dashboard/vercel` which is rendered by `/dashboard/[slug]` the value will be {"slug": "vercel"}.
+   */
+  const params = renderOpts.params ?? {}
 
-    /**
-     * Parse the dynamic segment and return the associated value.
-     */
-    const getDynamicParamFromSegment: GetDynamicParamFromSegment = (
-      // [slug] / [[slug]] / [...slug]
-      segment: string
-    ) => {
-      const segmentParam = getSegmentParam(segment)
-      if (!segmentParam) {
-        return null
-      }
+  /**
+   * Parse the dynamic segment and return the associated value.
+   */
+  const getDynamicParamFromSegment: GetDynamicParamFromSegment = (
+    // [slug] / [[slug]] / [...slug]
+    segment: string
+  ) => {
+    const segmentParam = getSegmentParam(segment)
+    if (!segmentParam) {
+      return null
+    }
 
-      const key = segmentParam.param
+    const key = segmentParam.param
 
-      let value = params[key]
+    let value = params[key]
 
-      // this is a special marker that will be present for interception routes
-      if (value === '__NEXT_EMPTY_PARAM__') {
-        value = undefined
-      }
+    // this is a special marker that will be present for interception routes
+    if (value === '__NEXT_EMPTY_PARAM__') {
+      value = undefined
+    }
 
-      if (Array.isArray(value)) {
-        value = value.map((i) => encodeURIComponent(i))
-      } else if (typeof value === 'string') {
-        value = encodeURIComponent(value)
-      }
+    if (Array.isArray(value)) {
+      value = value.map((i) => encodeURIComponent(i))
+    } else if (typeof value === 'string') {
+      value = encodeURIComponent(value)
+    }
 
-      if (!value) {
-        // Handle case where optional catchall does not have a value, e.g. `/dashboard/[...slug]` when requesting `/dashboard`
-        if (segmentParam.type === 'optional-catchall') {
-          const type = dynamicParamTypes[segmentParam.type]
-          return {
-            param: key,
-            value: null,
-            type: type,
-            // This value always has to be a string.
-            treeSegment: [key, '', type],
-          }
+    if (!value) {
+      // Handle case where optional catchall does not have a value, e.g. `/dashboard/[...slug]` when requesting `/dashboard`
+      if (segmentParam.type === 'optional-catchall') {
+        const type = dynamicParamTypes[segmentParam.type]
+        return {
+          param: key,
+          value: null,
+          type: type,
+          // This value always has to be a string.
+          treeSegment: [key, '', type],
         }
-        return findDynamicParamFromRouterState(
-          providedFlightRouterState,
-          segment
-        )
       }
+      return findDynamicParamFromRouterState(providedFlightRouterState, segment)
+    }
 
-      const type = getShortDynamicParamType(segmentParam.type)
+    const type = getShortDynamicParamType(segmentParam.type)
 
-      return {
-        param: key,
-        // The value that is passed to user code.
-        value: value,
-        // The value that is rendered in the router tree.
-        treeSegment: [
-          key,
-          Array.isArray(value) ? value.join('/') : value,
-          type,
-        ],
-        type: type,
-      }
+    return {
+      param: key,
+      // The value that is passed to user code.
+      value: value,
+      // The value that is rendered in the router tree.
+      treeSegment: [key, Array.isArray(value) ? value.join('/') : value, type],
+      type: type,
     }
+  }
 
-    let defaultRevalidate: false | undefined | number = false
-
-    const assetPrefix = renderOpts.assetPrefix || ''
+  let defaultRevalidate: false | undefined | number = false
 
-    const getAssetQueryString = (addTimestamp: boolean) => {
-      const isDev = process.env.NODE_ENV === 'development'
-      let qs = ''
+  const getAssetQueryString = (addTimestamp: boolean) => {
+    const isDev = process.env.NODE_ENV === 'development'
+    let qs = ''
 
-      if (isDev && addTimestamp) {
-        qs += `?v=${DEV_REQUEST_TS}`
-      }
+    if (isDev && addTimestamp) {
+      qs += `?v=${DEV_REQUEST_TS}`
+    }
 
-      if (deploymentId) {
-        qs += `${isDev ? '&' : '?'}dpl=${deploymentId}`
-      }
-      return qs
+    if (deploymentId) {
+      qs += `${isDev ? '&' : '?'}dpl=${deploymentId}`
     }
+    return qs
+  }
 
-    const createComponentAndStyles = async ({
+  const createComponentAndStyles = async ({
+    filePath,
+    getComponent,
+    injectedCSS,
+  }: {
+    filePath: string
+    getComponent: () => any
+    injectedCSS: Set<string>
+  }): Promise<any> => {
+    const cssHrefs = getCssInlinedLinkTags(
+      clientReferenceManifest,
       filePath,
-      getComponent,
-      injectedCSS,
-    }: {
-      filePath: string
-      getComponent: () => any
-      injectedCSS: Set<string>
-    }): Promise<any> => {
-      const cssHrefs = getCssInlinedLinkTags(
-        clientReferenceManifest,
-        filePath,
-        injectedCSS
-      )
+      injectedCSS
+    )
 
-      const styles = cssHrefs
-        ? cssHrefs.map((href, index) => {
-            // In dev, Safari and Firefox will cache the resource during HMR:
-            // - https://github.com/vercel/next.js/issues/5860
-            // - https://bugs.webkit.org/show_bug.cgi?id=187726
-            // Because of this, we add a `?v=` query to bypass the cache during
-            // development. We need to also make sure that the number is always
-            // increasing.
-            const fullHref = `${assetPrefix}/_next/${href}${getAssetQueryString(
-              true
-            )}`
-
-            // `Precedence` is an opt-in signal for React to handle resource
-            // loading and deduplication, etc. It's also used as the key to sort
-            // resources so they will be injected in the correct order.
-            // During HMR, it's critical to use different `precedence` values
-            // for different stylesheets, so their order will be kept.
-            // https://github.com/facebook/react/pull/25060
-            const precedence =
-              process.env.NODE_ENV === 'development' ? 'next_' + href : 'next'
+    const styles = cssHrefs
+      ? cssHrefs.map((href, index) => {
+          // In dev, Safari and Firefox will cache the resource during HMR:
+          // - https://github.com/vercel/next.js/issues/5860
+          // - https://bugs.webkit.org/show_bug.cgi?id=187726
+          // Because of this, we add a `?v=` query to bypass the cache during
+          // development. We need to also make sure that the number is always
+          // increasing.
+          const fullHref = `${assetPrefix}/_next/${href}${getAssetQueryString(
+            true
+          )}`
 
-            return (
-              <link
-                rel="stylesheet"
-                href={fullHref}
-                // @ts-ignore
-                precedence={precedence}
-                crossOrigin={renderOpts.crossOrigin}
-                key={index}
-              />
-            )
-          })
-        : null
+          // `Precedence` is an opt-in signal for React to handle resource
+          // loading and deduplication, etc. It's also used as the key to sort
+          // resources so they will be injected in the correct order.
+          // During HMR, it's critical to use different `precedence` values
+          // for different stylesheets, so their order will be kept.
+          // https://github.com/facebook/react/pull/25060
+          const precedence =
+            process.env.NODE_ENV === 'development' ? 'next_' + href : 'next'
 
-      const Comp = interopDefault(await getComponent())
+          return (
+            <link
+              rel="stylesheet"
+              href={fullHref}
+              // @ts-ignore
+              precedence={precedence}
+              crossOrigin={renderOpts.crossOrigin}
+              key={index}
+            />
+          )
+        })
+      : null
 
-      return [Comp, styles]
-    }
+    const Comp = interopDefault(await getComponent())
 
-    const getLayerAssets = ({
-      layoutOrPagePath,
-      injectedCSS: injectedCSSWithCurrentLayout,
-      injectedFontPreloadTags: injectedFontPreloadTagsWithCurrentLayout,
-    }: {
-      layoutOrPagePath: string | undefined
-      injectedCSS: Set<string>
-      injectedFontPreloadTags: Set<string>
-    }): React.ReactNode => {
-      const stylesheets: string[] = layoutOrPagePath
-        ? getCssInlinedLinkTags(
-            clientReferenceManifest,
-            layoutOrPagePath,
-            injectedCSSWithCurrentLayout,
-            true
-          )
-        : []
+    return [Comp, styles]
+  }
 
-      const preloadedFontFiles = layoutOrPagePath
-        ? getPreloadableFonts(
-            nextFontManifest,
-            layoutOrPagePath,
-            injectedFontPreloadTagsWithCurrentLayout
-          )
-        : null
-
-      if (preloadedFontFiles) {
-        if (preloadedFontFiles.length) {
-          for (let i = 0; i < preloadedFontFiles.length; i++) {
-            const fontFilename = preloadedFontFiles[i]
-            const ext = /\.(woff|woff2|eot|ttf|otf)$/.exec(fontFilename)![1]
-            const type = `font/${ext}`
-            const href = `${assetPrefix}/_next/${fontFilename}`
-            preloadFont(href, type, renderOpts.crossOrigin)
-          }
-        } else {
-          try {
-            let url = new URL(assetPrefix)
-            preconnect(url.origin, 'anonymous')
-          } catch (error) {
-            // assetPrefix must not be a fully qualified domain name. We assume
-            // we should preconnect to same origin instead
-            preconnect('/', 'anonymous')
-          }
+  const getLayerAssets = ({
+    layoutOrPagePath,
+    injectedCSS: injectedCSSWithCurrentLayout,
+    injectedFontPreloadTags: injectedFontPreloadTagsWithCurrentLayout,
+  }: {
+    layoutOrPagePath: string | undefined
+    injectedCSS: Set<string>
+    injectedFontPreloadTags: Set<string>
+  }): React.ReactNode => {
+    const stylesheets: string[] = layoutOrPagePath
+      ? getCssInlinedLinkTags(
+          clientReferenceManifest,
+          layoutOrPagePath,
+          injectedCSSWithCurrentLayout,
+          true
+        )
+      : []
+
+    const preloadedFontFiles = layoutOrPagePath
+      ? getPreloadableFonts(
+          nextFontManifest,
+          layoutOrPagePath,
+          injectedFontPreloadTagsWithCurrentLayout
+        )
+      : null
+
+    if (preloadedFontFiles) {
+      if (preloadedFontFiles.length) {
+        for (let i = 0; i < preloadedFontFiles.length; i++) {
+          const fontFilename = preloadedFontFiles[i]
+          const ext = /\.(woff|woff2|eot|ttf|otf)$/.exec(fontFilename)![1]
+          const type = `font/${ext}`
+          const href = `${assetPrefix}/_next/${fontFilename}`
+          preloadFont(href, type, renderOpts.crossOrigin)
+        }
+      } else {
+        try {
+          let url = new URL(assetPrefix)
+          preconnect(url.origin, 'anonymous')
+        } catch (error) {
+          // assetPrefix must not be a fully qualified domain name. We assume
+          // we should preconnect to same origin instead
+          preconnect('/', 'anonymous')
         }
       }
+    }
 
-      const styles = stylesheets
-        ? stylesheets.map((href, index) => {
-            // In dev, Safari and Firefox will cache the resource during HMR:
-            // - https://github.com/vercel/next.js/issues/5860
-            // - https://bugs.webkit.org/show_bug.cgi?id=187726
-            // Because of this, we add a `?v=` query to bypass the cache during
-            // development. We need to also make sure that the number is always
-            // increasing.
-            const fullHref = `${assetPrefix}/_next/${href}${getAssetQueryString(
-              true
-            )}`
-
-            // `Precedence` is an opt-in signal for React to handle resource
-            // loading and deduplication, etc. It's also used as the key to sort
-            // resources so they will be injected in the correct order.
-            // During HMR, it's critical to use different `precedence` values
-            // for different stylesheets, so their order will be kept.
-            // https://github.com/facebook/react/pull/25060
-            const precedence =
-              process.env.NODE_ENV === 'development' ? 'next_' + href : 'next'
-
-            preloadStyle(fullHref, renderOpts.crossOrigin)
+    const styles = stylesheets
+      ? stylesheets.map((href, index) => {
+          // In dev, Safari and Firefox will cache the resource during HMR:
+          // - https://github.com/vercel/next.js/issues/5860
+          // - https://bugs.webkit.org/show_bug.cgi?id=187726
+          // Because of this, we add a `?v=` query to bypass the cache during
+          // development. We need to also make sure that the number is always
+          // increasing.
+          const fullHref = `${assetPrefix}/_next/${href}${getAssetQueryString(
+            true
+          )}`
 
-            return (
-              <link
-                rel="stylesheet"
-                href={fullHref}
-                // @ts-ignore
-                precedence={precedence}
-                crossOrigin={renderOpts.crossOrigin}
-                key={index}
-              />
-            )
-          })
-        : null
+          // `Precedence` is an opt-in signal for React to handle resource
+          // loading and deduplication, etc. It's also used as the key to sort
+          // resources so they will be injected in the correct order.
+          // During HMR, it's critical to use different `precedence` values
+          // for different stylesheets, so their order will be kept.
+          // https://github.com/facebook/react/pull/25060
+          const precedence =
+            process.env.NODE_ENV === 'development' ? 'next_' + href : 'next'
 
-      return styles
-    }
+          preloadStyle(fullHref, renderOpts.crossOrigin)
 
-    const parseLoaderTree = (tree: LoaderTree) => {
-      const [segment, parallelRoutes, components] = tree
-      const { layout } = components
-      let { page } = components
-      // a __DEFAULT__ segment means that this route didn't match any of the
-      // segments in the route, so we should use the default page
+          return (
+            <link
+              rel="stylesheet"
+              href={fullHref}
+              // @ts-ignore
+              precedence={precedence}
+              crossOrigin={renderOpts.crossOrigin}
+              key={index}
+            />
+          )
+        })
+      : null
 
-      page = segment === '__DEFAULT__' ? components.defaultPage : page
+    return styles
+  }
 
-      const layoutOrPagePath = layout?.[1] || page?.[1]
+  const parseLoaderTree = (tree: LoaderTree) => {
+    const [segment, parallelRoutes, components] = tree
+    const { layout } = components
+    let { page } = components
+    // a __DEFAULT__ segment means that this route didn't match any of the
+    // segments in the route, so we should use the default page
 
-      return {
-        page,
-        segment,
-        components,
-        layoutOrPagePath,
-        parallelRoutes,
-      }
-    }
+    page = segment === '__DEFAULT__' ? components.defaultPage : page
 
-    /**
-     * Use the provided loader tree to create the React Component tree.
-     */
-    const createComponentTree = async ({
-      createSegmentPath,
-      loaderTree: tree,
-      parentParams,
-      firstItem,
-      rootLayoutIncluded,
-      injectedCSS,
-      injectedFontPreloadTags,
-      asNotFound,
-      metadataOutlet,
-    }: {
-      createSegmentPath: CreateSegmentPath
-      loaderTree: LoaderTree
-      parentParams: { [key: string]: any }
-      rootLayoutIncluded: boolean
-      firstItem?: boolean
-      injectedCSS: Set<string>
-      injectedFontPreloadTags: Set<string>
-      asNotFound?: boolean
-      metadataOutlet?: React.ReactNode
-    }): Promise<{
-      Component: React.ComponentType
-      styles: React.ReactNode
-    }> => {
-      const { page, layoutOrPagePath, segment, components, parallelRoutes } =
-        parseLoaderTree(tree)
-
-      const {
-        layout,
-        template,
-        error,
-        loading,
-        'not-found': notFound,
-      } = components
+    const layoutOrPagePath = layout?.[1] || page?.[1]
 
-      const injectedCSSWithCurrentLayout = new Set(injectedCSS)
-      const injectedFontPreloadTagsWithCurrentLayout = new Set(
-        injectedFontPreloadTags
-      )
+    return {
+      page,
+      segment,
+      components,
+      layoutOrPagePath,
+      parallelRoutes,
+    }
+  }
 
-      const styles = getLayerAssets({
-        layoutOrPagePath,
-        injectedCSS: injectedCSSWithCurrentLayout,
-        injectedFontPreloadTags: injectedFontPreloadTagsWithCurrentLayout,
-      })
+  /**
+   * Use the provided loader tree to create the React Component tree.
+   */
+  const createComponentTree = async ({
+    createSegmentPath,
+    loaderTree: tree,
+    parentParams,
+    firstItem,
+    rootLayoutIncluded,
+    injectedCSS,
+    injectedFontPreloadTags,
+    asNotFound,
+    metadataOutlet,
+  }: {
+    createSegmentPath: CreateSegmentPath
+    loaderTree: LoaderTree
+    parentParams: { [key: string]: any }
+    rootLayoutIncluded: boolean
+    firstItem?: boolean
+    injectedCSS: Set<string>
+    injectedFontPreloadTags: Set<string>
+    asNotFound?: boolean
+    metadataOutlet?: React.ReactNode
+  }): Promise<{
+    Component: React.ComponentType
+    styles: React.ReactNode
+  }> => {
+    const { page, layoutOrPagePath, segment, components, parallelRoutes } =
+      parseLoaderTree(tree)
+
+    const {
+      layout,
+      template,
+      error,
+      loading,
+      'not-found': notFound,
+    } = components
+
+    const injectedCSSWithCurrentLayout = new Set(injectedCSS)
+    const injectedFontPreloadTagsWithCurrentLayout = new Set(
+      injectedFontPreloadTags
+    )
 
-      const [Template, templateStyles] = template
-        ? await createComponentAndStyles({
-            filePath: template[1],
-            getComponent: template[0],
-            injectedCSS: injectedCSSWithCurrentLayout,
-          })
-        : [React.Fragment]
+    const styles = getLayerAssets({
+      layoutOrPagePath,
+      injectedCSS: injectedCSSWithCurrentLayout,
+      injectedFontPreloadTags: injectedFontPreloadTagsWithCurrentLayout,
+    })
 
-      const [ErrorComponent, errorStyles] = error
-        ? await createComponentAndStyles({
-            filePath: error[1],
-            getComponent: error[0],
-            injectedCSS: injectedCSSWithCurrentLayout,
-          })
-        : []
+    const [Template, templateStyles] = template
+      ? await createComponentAndStyles({
+          filePath: template[1],
+          getComponent: template[0],
+          injectedCSS: injectedCSSWithCurrentLayout,
+        })
+      : [React.Fragment]
 
-      const [Loading, loadingStyles] = loading
-        ? await createComponentAndStyles({
-            filePath: loading[1],
-            getComponent: loading[0],
-            injectedCSS: injectedCSSWithCurrentLayout,
-          })
-        : []
+    const [ErrorComponent, errorStyles] = error
+      ? await createComponentAndStyles({
+          filePath: error[1],
+          getComponent: error[0],
+          injectedCSS: injectedCSSWithCurrentLayout,
+        })
+      : []
 
-      const isLayout = typeof layout !== 'undefined'
-      const isPage = typeof page !== 'undefined'
-      const [layoutOrPageMod] = await getLayoutOrPageModule(tree)
+    const [Loading, loadingStyles] = loading
+      ? await createComponentAndStyles({
+          filePath: loading[1],
+          getComponent: loading[0],
+          injectedCSS: injectedCSSWithCurrentLayout,
+        })
+      : []
 
-      /**
-       * Checks if the current segment is a root layout.
-       */
-      const rootLayoutAtThisLevel = isLayout && !rootLayoutIncluded
-      /**
-       * Checks if the current segment or any level above it has a root layout.
-       */
-      const rootLayoutIncludedAtThisLevelOrAbove =
-        rootLayoutIncluded || rootLayoutAtThisLevel
+    const isLayout = typeof layout !== 'undefined'
+    const isPage = typeof page !== 'undefined'
+    const [layoutOrPageMod] = await getLayoutOrPageModule(tree)
 
-      const [NotFound, notFoundStyles] = notFound
-        ? await createComponentAndStyles({
-            filePath: notFound[1],
-            getComponent: notFound[0],
-            injectedCSS: injectedCSSWithCurrentLayout,
-          })
-        : []
-
-      let dynamic = layoutOrPageMod?.dynamic
-
-      if (nextConfigOutput === 'export') {
-        if (!dynamic || dynamic === 'auto') {
-          dynamic = 'error'
-        } else if (dynamic === 'force-dynamic') {
-          staticGenerationStore.forceDynamic = true
-          staticGenerationStore.dynamicShouldError = true
-          staticGenerationBailout(`output: export`, {
-            dynamic,
-            link: 'https://nextjs.org/docs/advanced-features/static-html-export',
-          })
-        }
+    /**
+     * Checks if the current segment is a root layout.
+     */
+    const rootLayoutAtThisLevel = isLayout && !rootLayoutIncluded
+    /**
+     * Checks if the current segment or any level above it has a root layout.
+     */
+    const rootLayoutIncludedAtThisLevelOrAbove =
+      rootLayoutIncluded || rootLayoutAtThisLevel
+
+    const [NotFound, notFoundStyles] = notFound
+      ? await createComponentAndStyles({
+          filePath: notFound[1],
+          getComponent: notFound[0],
+          injectedCSS: injectedCSSWithCurrentLayout,
+        })
+      : []
+
+    let dynamic = layoutOrPageMod?.dynamic
+
+    if (nextConfigOutput === 'export') {
+      if (!dynamic || dynamic === 'auto') {
+        dynamic = 'error'
+      } else if (dynamic === 'force-dynamic') {
+        staticGenerationStore.forceDynamic = true
+        staticGenerationStore.dynamicShouldError = true
+        staticGenerationBailout(`output: export`, {
+          dynamic,
+          link: 'https://nextjs.org/docs/advanced-features/static-html-export',
+        })
       }
+    }
 
-      if (typeof dynamic === 'string') {
-        // the nested most config wins so we only force-static
-        // if it's configured above any parent that configured
-        // otherwise
-        if (dynamic === 'error') {
-          staticGenerationStore.dynamicShouldError = true
-        } else if (dynamic === 'force-dynamic') {
-          staticGenerationStore.forceDynamic = true
-          staticGenerationBailout(`force-dynamic`, { dynamic })
+    if (typeof dynamic === 'string') {
+      // the nested most config wins so we only force-static
+      // if it's configured above any parent that configured
+      // otherwise
+      if (dynamic === 'error') {
+        staticGenerationStore.dynamicShouldError = true
+      } else if (dynamic === 'force-dynamic') {
+        staticGenerationStore.forceDynamic = true
+        staticGenerationBailout(`force-dynamic`, { dynamic })
+      } else {
+        staticGenerationStore.dynamicShouldError = false
+        if (dynamic === 'force-static') {
+          staticGenerationStore.forceStatic = true
         } else {
-          staticGenerationStore.dynamicShouldError = false
-          if (dynamic === 'force-static') {
-            staticGenerationStore.forceStatic = true
-          } else {
-            staticGenerationStore.forceStatic = false
-          }
+          staticGenerationStore.forceStatic = false
         }
       }
+    }
 
-      if (typeof layoutOrPageMod?.fetchCache === 'string') {
-        staticGenerationStore.fetchCache = layoutOrPageMod?.fetchCache
-      }
+    if (typeof layoutOrPageMod?.fetchCache === 'string') {
+      staticGenerationStore.fetchCache = layoutOrPageMod?.fetchCache
+    }
 
-      if (typeof layoutOrPageMod?.revalidate === 'number') {
-        defaultRevalidate = layoutOrPageMod.revalidate as number
+    if (typeof layoutOrPageMod?.revalidate === 'number') {
+      defaultRevalidate = layoutOrPageMod.revalidate as number
 
-        if (
-          typeof staticGenerationStore.revalidate === 'undefined' ||
-          (typeof staticGenerationStore.revalidate === 'number' &&
-            staticGenerationStore.revalidate > defaultRevalidate)
-        ) {
-          staticGenerationStore.revalidate = defaultRevalidate
-        }
+      if (
+        typeof staticGenerationStore.revalidate === 'undefined' ||
+        (typeof staticGenerationStore.revalidate === 'number' &&
+          staticGenerationStore.revalidate > defaultRevalidate)
+      ) {
+        staticGenerationStore.revalidate = defaultRevalidate
+      }
 
-        if (
-          staticGenerationStore.isStaticGeneration &&
-          defaultRevalidate === 0
-        ) {
-          const dynamicUsageDescription = `revalidate: 0 configured ${segment}`
-          staticGenerationStore.dynamicUsageDescription =
-            dynamicUsageDescription
+      if (staticGenerationStore.isStaticGeneration && defaultRevalidate === 0) {
+        const dynamicUsageDescription = `revalidate: 0 configured ${segment}`
+        staticGenerationStore.dynamicUsageDescription = dynamicUsageDescription
 
-          throw new DynamicServerError(dynamicUsageDescription)
-        }
+        throw new DynamicServerError(dynamicUsageDescription)
       }
+    }
 
-      if (staticGenerationStore?.dynamicUsageErr) {
-        throw staticGenerationStore.dynamicUsageErr
-      }
+    if (staticGenerationStore?.dynamicUsageErr) {
+      throw staticGenerationStore.dynamicUsageErr
+    }
 
-      const LayoutOrPage = layoutOrPageMod
-        ? interopDefault(layoutOrPageMod)
-        : undefined
+    const LayoutOrPage = layoutOrPageMod
+      ? interopDefault(layoutOrPageMod)
+      : undefined
 
-      /**
-       * The React Component to render.
-       */
-      let Component = LayoutOrPage
-      const parallelKeys = Object.keys(parallelRoutes)
-      const hasSlotKey = parallelKeys.length > 1
-
-      if (hasSlotKey && rootLayoutAtThisLevel) {
-        Component = (componentProps: any) => {
-          const NotFoundComponent = NotFound
-          const RootLayoutComponent = LayoutOrPage
-          return (
-            <NotFoundBoundary
-              notFound={
-                <>
-                  {styles}
-                  <RootLayoutComponent>
-                    {notFoundStyles}
-                    <NotFoundComponent />
-                  </RootLayoutComponent>
-                </>
-              }
-            >
-              <RootLayoutComponent {...componentProps} />
-            </NotFoundBoundary>
-          )
-        }
+    /**
+     * The React Component to render.
+     */
+    let Component = LayoutOrPage
+    const parallelKeys = Object.keys(parallelRoutes)
+    const hasSlotKey = parallelKeys.length > 1
+
+    if (hasSlotKey && rootLayoutAtThisLevel) {
+      Component = (componentProps: any) => {
+        const NotFoundComponent = NotFound
+        const RootLayoutComponent = LayoutOrPage
+        return (
+          <NotFoundBoundary
+            notFound={
+              <>
+                {styles}
+                <RootLayoutComponent>
+                  {notFoundStyles}
+                  <NotFoundComponent />
+                </RootLayoutComponent>
+              </>
+            }
+          >
+            <RootLayoutComponent {...componentProps} />
+          </NotFoundBoundary>
+        )
       }
+    }
 
-      if (dev) {
-        const { isValidElementType } = require('next/dist/compiled/react-is')
-        if (
-          (isPage || typeof Component !== 'undefined') &&
-          !isValidElementType(Component)
-        ) {
-          throw new Error(
-            `The default export is not a React Component in page: "${pagePath}"`
-          )
-        }
-
-        if (
-          typeof ErrorComponent !== 'undefined' &&
-          !isValidElementType(ErrorComponent)
-        ) {
-          throw new Error(
-            `The default export of error is not a React Component in page: ${segment}`
-          )
-        }
-
-        if (typeof Loading !== 'undefined' && !isValidElementType(Loading)) {
-          throw new Error(
-            `The default export of loading is not a React Component in ${segment}`
-          )
-        }
+    if (dev) {
+      const { isValidElementType } = require('next/dist/compiled/react-is')
+      if (
+        (isPage || typeof Component !== 'undefined') &&
+        !isValidElementType(Component)
+      ) {
+        throw new Error(
+          `The default export is not a React Component in page: "${pagePath}"`
+        )
+      }
 
-        if (typeof NotFound !== 'undefined' && !isValidElementType(NotFound)) {
-          throw new Error(
-            `The default export of notFound is not a React Component in ${segment}`
-          )
-        }
+      if (
+        typeof ErrorComponent !== 'undefined' &&
+        !isValidElementType(ErrorComponent)
+      ) {
+        throw new Error(
+          `The default export of error is not a React Component in page: ${segment}`
+        )
       }
 
-      // Handle dynamic segment params.
-      const segmentParam = getDynamicParamFromSegment(segment)
-      /**
-       * Create object holding the parent params and current params
-       */
-      const currentParams =
-        // Handle null case where dynamic param is optional
-        segmentParam && segmentParam.value !== null
-          ? {
-              ...parentParams,
-              [segmentParam.param]: segmentParam.value,
-            }
-          : // Pass through parent params to children
-            parentParams
-      // Resolve the segment param
-      const actualSegment = segmentParam ? segmentParam.treeSegment : segment
-
-      // This happens outside of rendering in order to eagerly kick off data fetching for layouts / the page further down
-      const parallelRouteMap = await Promise.all(
-        Object.keys(parallelRoutes).map(
-          async (parallelRouteKey): Promise<[string, React.ReactNode]> => {
-            const isChildrenRouteKey = parallelRouteKey === 'children'
-            const currentSegmentPath: FlightSegmentPath = firstItem
-              ? [parallelRouteKey]
-              : [actualSegment, parallelRouteKey]
+      if (typeof Loading !== 'undefined' && !isValidElementType(Loading)) {
+        throw new Error(
+          `The default export of loading is not a React Component in ${segment}`
+        )
+      }
 
-            const parallelRoute = parallelRoutes[parallelRouteKey]
+      if (typeof NotFound !== 'undefined' && !isValidElementType(NotFound)) {
+        throw new Error(
+          `The default export of notFound is not a React Component in ${segment}`
+        )
+      }
+    }
 
-            const childSegment = parallelRoute[0]
-            const childSegmentParam = getDynamicParamFromSegment(childSegment)
-            const notFoundComponent =
-              NotFound && isChildrenRouteKey ? <NotFound /> : undefined
-
-            function getParallelRoutePair(
-              currentChildProp: ChildProp,
-              currentStyles: React.ReactNode
-            ): [string, React.ReactNode] {
-              // This is turned back into an object below.
-              return [
-                parallelRouteKey,
-                <LayoutRouter
-                  parallelRouterKey={parallelRouteKey}
-                  segmentPath={createSegmentPath(currentSegmentPath)}
-                  loading={Loading ? <Loading /> : undefined}
-                  loadingStyles={loadingStyles}
-                  // TODO-APP: Add test for loading returning `undefined`. This currently can't be tested as the `webdriver()` tab will wait for the full page to load before returning.
-                  hasLoading={Boolean(Loading)}
-                  error={ErrorComponent}
-                  errorStyles={errorStyles}
-                  template={
-                    <Template>
-                      <RenderFromTemplateContext />
-                    </Template>
-                  }
-                  templateStyles={templateStyles}
-                  notFound={notFoundComponent}
-                  notFoundStyles={notFoundStyles}
-                  childProp={currentChildProp}
-                  styles={currentStyles}
-                />,
-              ]
-            }
+    // Handle dynamic segment params.
+    const segmentParam = getDynamicParamFromSegment(segment)
+    /**
+     * Create object holding the parent params and current params
+     */
+    const currentParams =
+      // Handle null case where dynamic param is optional
+      segmentParam && segmentParam.value !== null
+        ? {
+            ...parentParams,
+            [segmentParam.param]: segmentParam.value,
+          }
+        : // Pass through parent params to children
+          parentParams
+    // Resolve the segment param
+    const actualSegment = segmentParam ? segmentParam.treeSegment : segment
+
+    // This happens outside of rendering in order to eagerly kick off data fetching for layouts / the page further down
+    const parallelRouteMap = await Promise.all(
+      Object.keys(parallelRoutes).map(
+        async (parallelRouteKey): Promise<[string, React.ReactNode]> => {
+          const isChildrenRouteKey = parallelRouteKey === 'children'
+          const currentSegmentPath: FlightSegmentPath = firstItem
+            ? [parallelRouteKey]
+            : [actualSegment, parallelRouteKey]
+
+          const parallelRoute = parallelRoutes[parallelRouteKey]
+
+          const childSegment = parallelRoute[0]
+          const childSegmentParam = getDynamicParamFromSegment(childSegment)
+          const notFoundComponent =
+            NotFound && isChildrenRouteKey ? <NotFound /> : undefined
+
+          function getParallelRoutePair(
+            currentChildProp: ChildProp,
+            currentStyles: React.ReactNode
+          ): [string, React.ReactNode] {
+            // This is turned back into an object below.
+            return [
+              parallelRouteKey,
+              <LayoutRouter
+                parallelRouterKey={parallelRouteKey}
+                segmentPath={createSegmentPath(currentSegmentPath)}
+                loading={Loading ? <Loading /> : undefined}
+                loadingStyles={loadingStyles}
+                // TODO-APP: Add test for loading returning `undefined`. This currently can't be tested as the `webdriver()` tab will wait for the full page to load before returning.
+                hasLoading={Boolean(Loading)}
+                error={ErrorComponent}
+                errorStyles={errorStyles}
+                template={
+                  <Template>
+                    <RenderFromTemplateContext />
+                  </Template>
+                }
+                templateStyles={templateStyles}
+                notFound={notFoundComponent}
+                notFoundStyles={notFoundStyles}
+                childProp={currentChildProp}
+                styles={currentStyles}
+              />,
+            ]
+          }
 
-            // if we're prefetching and that there's a Loading component, we bail out
-            // otherwise we keep rendering for the prefetch.
-            // We also want to bail out if there's no Loading component in the tree.
-            let currentStyles = undefined
-            let childElement = null
-            const childPropSegment = addSearchParamsIfPageSegment(
-              childSegmentParam ? childSegmentParam.treeSegment : childSegment,
-              query
+          // if we're prefetching and that there's a Loading component, we bail out
+          // otherwise we keep rendering for the prefetch.
+          // We also want to bail out if there's no Loading component in the tree.
+          let currentStyles = undefined
+          let childElement = null
+          const childPropSegment = addSearchParamsIfPageSegment(
+            childSegmentParam ? childSegmentParam.treeSegment : childSegment,
+            query
+          )
+          if (
+            !(
+              isPrefetch &&
+              (Loading || !hasLoadingComponentInTree(parallelRoute))
             )
-            if (
-              !(
-                isPrefetch &&
-                (Loading || !hasLoadingComponentInTree(parallelRoute))
-              )
-            ) {
-              // Create the child component
-              const {
-                Component: ChildComponent,
-                styles: childComponentStyles,
-              } = await createComponentTree({
+          ) {
+            // Create the child component
+            const { Component: ChildComponent, styles: childComponentStyles } =
+              await createComponentTree({
                 createSegmentPath: (child) => {
                   return createSegmentPath([...currentSegmentPath, ...child])
                 },
@@ -903,924 +875,935 @@ export const renderToHTMLOrFlight: AppPageRender = (
                 metadataOutlet,
               })
 
-              currentStyles = childComponentStyles
-              childElement = <ChildComponent />
-            }
+            currentStyles = childComponentStyles
+            childElement = <ChildComponent />
+          }
 
-            const childProp: ChildProp = {
-              current: childElement,
-              segment: childPropSegment,
-            }
-
-            return getParallelRoutePair(childProp, currentStyles)
+          const childProp: ChildProp = {
+            current: childElement,
+            segment: childPropSegment,
           }
-        )
-      )
 
-      // Convert the parallel route map into an object after all promises have been resolved.
-      const parallelRouteComponents = parallelRouteMap.reduce(
-        (list, [parallelRouteKey, Comp]) => {
-          list[parallelRouteKey] = Comp
-          return list
-        },
-        {} as { [key: string]: React.ReactNode }
+          return getParallelRoutePair(childProp, currentStyles)
+        }
       )
+    )
 
-      // When the segment does not have a layout or page we still have to add the layout router to ensure the path holds the loading component
-      if (!Component) {
-        return {
-          Component: () => <>{parallelRouteComponents.children}</>,
-          styles,
-        }
+    // Convert the parallel route map into an object after all promises have been resolved.
+    const parallelRouteComponents = parallelRouteMap.reduce(
+      (list, [parallelRouteKey, Comp]) => {
+        list[parallelRouteKey] = Comp
+        return list
+      },
+      {} as { [key: string]: React.ReactNode }
+    )
+
+    // When the segment does not have a layout or page we still have to add the layout router to ensure the path holds the loading component
+    if (!Component) {
+      return {
+        Component: () => <>{parallelRouteComponents.children}</>,
+        styles,
       }
+    }
 
-      const isClientComponent = isClientReference(layoutOrPageMod)
+    const isClientComponent = isClientReference(layoutOrPageMod)
+
+    // If it's a not found route, and we don't have any matched parallel
+    // routes, we try to render the not found component if it exists.
+    let notFoundComponent = {}
+    if (
+      NotFound &&
+      asNotFound &&
+      // In development, it could hit the parallel-route-default not found, so we only need to check the segment.
+      // Or if there's no parallel routes means it reaches the end.
+      !parallelRouteMap.length
+    ) {
+      notFoundComponent = {
+        children: (
+          <>
+            <meta name="robots" content="noindex" />
+            {process.env.NODE_ENV === 'development' && (
+              <meta name="next-error" content="not-found" />
+            )}
+            {notFoundStyles}
+            <NotFound />
+          </>
+        ),
+      }
+    }
 
-      // If it's a not found route, and we don't have any matched parallel
-      // routes, we try to render the not found component if it exists.
-      let notFoundComponent = {}
-      if (
-        NotFound &&
-        asNotFound &&
-        // In development, it could hit the parallel-route-default not found, so we only need to check the segment.
-        // Or if there's no parallel routes means it reaches the end.
-        !parallelRouteMap.length
-      ) {
-        notFoundComponent = {
-          children: (
-            <>
-              <meta name="robots" content="noindex" />
-              {process.env.NODE_ENV === 'development' && (
-                <meta name="next-error" content="not-found" />
-              )}
-              {notFoundStyles}
-              <NotFound />
-            </>
-          ),
+    const props = {
+      ...parallelRouteComponents,
+      ...notFoundComponent,
+      // TODO-APP: params and query have to be blocked parallel route names. Might have to add a reserved name list.
+      // Params are always the current params that apply to the layout
+      // If you have a `/dashboard/[team]/layout.js` it will provide `team` as a param but not anything further down.
+      params: currentParams,
+      // Query is only provided to page
+      ...(() => {
+        if (isClientComponent && isStaticGeneration) {
+          return {}
         }
-      }
 
-      const props = {
-        ...parallelRouteComponents,
-        ...notFoundComponent,
-        // TODO-APP: params and query have to be blocked parallel route names. Might have to add a reserved name list.
-        // Params are always the current params that apply to the layout
-        // If you have a `/dashboard/[team]/layout.js` it will provide `team` as a param but not anything further down.
-        params: currentParams,
-        // Query is only provided to page
-        ...(() => {
-          if (isClientComponent && isStaticGeneration) {
-            return {}
-          }
+        if (isPage) {
+          return searchParamsProps
+        }
+      })(),
+    }
 
-          if (isPage) {
-            return searchParamsProps
-          }
-        })(),
-      }
+    // Eagerly execute layout/page component to trigger fetches early.
+    if (!isClientComponent) {
+      Component = await Promise.resolve().then(() =>
+        preloadComponent(Component, props)
+      )
+    }
 
-      // Eagerly execute layout/page component to trigger fetches early.
-      if (!isClientComponent) {
-        Component = await Promise.resolve().then(() =>
-          preloadComponent(Component, props)
+    return {
+      Component: () => {
+        return (
+          <>
+            {isPage ? metadataOutlet : null}
+            {/* <Component /> needs to be the first element because we use `findDOMNode` in layout router to locate it. */}
+            {isPage && isClientComponent ? (
+              <StaticGenerationSearchParamsBailoutProvider
+                propsForComponent={props}
+                Component={Component}
+                isStaticGeneration={isStaticGeneration}
+              />
+            ) : (
+              <Component {...props} />
+            )}
+            {/* This null is currently critical. The wrapped Component can render null and if there was not fragment
+              surrounding it this would look like a pending tree data state on the client which will cause an errror
+              and break the app. Long-term we need to move away from using null as a partial tree identifier since it
+              is a valid return type for the components we wrap. Once we make this change we can safely remove the
+              fragment. The reason the extra null here is required is that fragments which only have 1 child are elided.
+              If the Component above renders null the actual treedata will look like `[null, null]`. If we remove the extra
+              null it will look like `null` (the array is elided) and this is what confuses the client router.
+              TODO-APP update router to use a Symbol for partial tree detection */}
+            {null}
+          </>
         )
-      }
-
-      return {
-        Component: () => {
-          return (
-            <>
-              {isPage ? metadataOutlet : null}
-              {/* <Component /> needs to be the first element because we use `findDOMNode` in layout router to locate it. */}
-              {isPage && isClientComponent ? (
-                <StaticGenerationSearchParamsBailoutProvider
-                  propsForComponent={props}
-                  Component={Component}
-                  isStaticGeneration={isStaticGeneration}
-                />
-              ) : (
-                <Component {...props} />
-              )}
-              {/* This null is currently critical. The wrapped Component can render null and if there was not fragment
-                surrounding it this would look like a pending tree data state on the client which will cause an errror
-                and break the app. Long-term we need to move away from using null as a partial tree identifier since it
-                is a valid return type for the components we wrap. Once we make this change we can safely remove the
-                fragment. The reason the extra null here is required is that fragments which only have 1 child are elided.
-                If the Component above renders null the actual treedata will look like `[null, null]`. If we remove the extra
-                null it will look like `null` (the array is elided) and this is what confuses the client router.
-                TODO-APP update router to use a Symbol for partial tree detection */}
-              {null}
-            </>
-          )
-        },
-        styles,
-      }
+      },
+      styles,
     }
+  }
 
-    // Handle Flight render request. This is only used when client-side navigating. E.g. when you `router.push('/dashboard')` or `router.reload()`.
-    const generateFlight = async (options?: {
-      actionResult: ActionResult
-      skipFlight: boolean
+  // Handle Flight render request. This is only used when client-side navigating. E.g. when you `router.push('/dashboard')` or `router.reload()`.
+  const generateFlight = async (options?: {
+    actionResult: ActionResult
+    skipFlight: boolean
+    asNotFound?: boolean
+  }): Promise<RenderResult> => {
+    /**
+     * Use router state to decide at what common layout to render the page.
+     * This can either be the common layout between two pages or a specific place to start rendering from using the "refetch" marker in the tree.
+     */
+    const walkTreeWithFlightRouterState = async ({
+      createSegmentPath,
+      loaderTreeToFilter,
+      parentParams,
+      isFirst,
+      flightRouterState,
+      parentRendered,
+      rscPayloadHead,
+      injectedCSS,
+      injectedFontPreloadTags,
+      rootLayoutIncluded,
+      asNotFound,
+      metadataOutlet,
+    }: {
+      createSegmentPath: CreateSegmentPath
+      loaderTreeToFilter: LoaderTree
+      parentParams: { [key: string]: string | string[] }
+      isFirst: boolean
+      flightRouterState?: FlightRouterState
+      parentRendered?: boolean
+      rscPayloadHead: React.ReactNode
+      injectedCSS: Set<string>
+      injectedFontPreloadTags: Set<string>
+      rootLayoutIncluded: boolean
       asNotFound?: boolean
-    }): Promise<RenderResult> => {
+      metadataOutlet: React.ReactNode
+    }): Promise<FlightDataPath[]> => {
+      const [segment, parallelRoutes, components] = loaderTreeToFilter
+
+      const parallelRoutesKeys = Object.keys(parallelRoutes)
+
+      const { layout } = components
+      const isLayout = typeof layout !== 'undefined'
+
       /**
-       * Use router state to decide at what common layout to render the page.
-       * This can either be the common layout between two pages or a specific place to start rendering from using the "refetch" marker in the tree.
+       * Checks if the current segment is a root layout.
        */
-      const walkTreeWithFlightRouterState = async ({
-        createSegmentPath,
-        loaderTreeToFilter,
-        parentParams,
-        isFirst,
-        flightRouterState,
-        parentRendered,
-        rscPayloadHead,
-        injectedCSS,
-        injectedFontPreloadTags,
-        rootLayoutIncluded,
-        asNotFound,
-        metadataOutlet,
-      }: {
-        createSegmentPath: CreateSegmentPath
-        loaderTreeToFilter: LoaderTree
-        parentParams: { [key: string]: string | string[] }
-        isFirst: boolean
-        flightRouterState?: FlightRouterState
-        parentRendered?: boolean
-        rscPayloadHead: React.ReactNode
-        injectedCSS: Set<string>
-        injectedFontPreloadTags: Set<string>
-        rootLayoutIncluded: boolean
-        asNotFound?: boolean
-        metadataOutlet: React.ReactNode
-      }): Promise<FlightDataPath[]> => {
-        const [segment, parallelRoutes, components] = loaderTreeToFilter
-
-        const parallelRoutesKeys = Object.keys(parallelRoutes)
-
-        const { layout } = components
-        const isLayout = typeof layout !== 'undefined'
-
-        /**
-         * Checks if the current segment is a root layout.
-         */
-        const rootLayoutAtThisLevel = isLayout && !rootLayoutIncluded
-        /**
-         * Checks if the current segment or any level above it has a root layout.
-         */
-        const rootLayoutIncludedAtThisLevelOrAbove =
-          rootLayoutIncluded || rootLayoutAtThisLevel
-
-        // Because this function walks to a deeper point in the tree to start rendering we have to track the dynamic parameters up to the point where rendering starts
-        const segmentParam = getDynamicParamFromSegment(segment)
-        const currentParams =
-          // Handle null case where dynamic param is optional
-          segmentParam && segmentParam.value !== null
-            ? {
-                ...parentParams,
-                [segmentParam.param]: segmentParam.value,
-              }
-            : parentParams
-        const actualSegment: Segment = addSearchParamsIfPageSegment(
-          segmentParam ? segmentParam.treeSegment : segment,
-          query
-        )
+      const rootLayoutAtThisLevel = isLayout && !rootLayoutIncluded
+      /**
+       * Checks if the current segment or any level above it has a root layout.
+       */
+      const rootLayoutIncludedAtThisLevelOrAbove =
+        rootLayoutIncluded || rootLayoutAtThisLevel
 
-        /**
-         * Decide if the current segment is where rendering has to start.
-         */
-        const renderComponentsOnThisLevel =
-          // No further router state available
-          !flightRouterState ||
-          // Segment in router state does not match current segment
-          !matchSegment(actualSegment, flightRouterState[0]) ||
-          // Last item in the tree
-          parallelRoutesKeys.length === 0 ||
-          // Explicit refresh
-          flightRouterState[3] === 'refetch'
-
-        const shouldSkipComponentTree =
-          isPrefetch &&
-          !Boolean(components.loading) &&
-          (flightRouterState ||
-            // If there is no flightRouterState, we need to check the entire loader tree, as otherwise we'll be only checking the root
-            !hasLoadingComponentInTree(loaderTree))
-
-        if (!parentRendered && renderComponentsOnThisLevel) {
-          const overriddenSegment =
-            flightRouterState &&
-            canSegmentBeOverridden(actualSegment, flightRouterState[0])
-              ? flightRouterState[0]
-              : null
-
-          return [
-            [
-              overriddenSegment ?? actualSegment,
-              createFlightRouterStateFromLoaderTree(
-                // Create router state using the slice of the loaderTree
-                loaderTreeToFilter,
-                getDynamicParamFromSegment,
-                query
-              ),
-              shouldSkipComponentTree
-                ? null
-                : // Create component tree using the slice of the loaderTree
-                  // @ts-expect-error TODO-APP: fix async component type
-                  React.createElement(async () => {
-                    const { Component } = await createComponentTree(
-                      // This ensures flightRouterPath is valid and filters down the tree
-                      {
-                        createSegmentPath,
-                        loaderTree: loaderTreeToFilter,
-                        parentParams: currentParams,
-                        firstItem: isFirst,
-                        injectedCSS,
-                        injectedFontPreloadTags,
-                        // This is intentionally not "rootLayoutIncludedAtThisLevelOrAbove" as createComponentTree starts at the current level and does a check for "rootLayoutAtThisLevel" too.
-                        rootLayoutIncluded,
-                        asNotFound,
-                        metadataOutlet,
-                      }
-                    )
-
-                    return <Component />
-                  }),
-              shouldSkipComponentTree
-                ? null
-                : (() => {
-                    const { layoutOrPagePath } =
-                      parseLoaderTree(loaderTreeToFilter)
-
-                    const styles = getLayerAssets({
-                      layoutOrPagePath,
-                      injectedCSS: new Set(injectedCSS),
-                      injectedFontPreloadTags: new Set(injectedFontPreloadTags),
-                    })
-
-                    return (
-                      <>
-                        {styles}
-                        {rscPayloadHead}
-                      </>
-                    )
-                  })(),
-            ],
-          ]
-        }
+      // Because this function walks to a deeper point in the tree to start rendering we have to track the dynamic parameters up to the point where rendering starts
+      const segmentParam = getDynamicParamFromSegment(segment)
+      const currentParams =
+        // Handle null case where dynamic param is optional
+        segmentParam && segmentParam.value !== null
+          ? {
+              ...parentParams,
+              [segmentParam.param]: segmentParam.value,
+            }
+          : parentParams
+      const actualSegment: Segment = addSearchParamsIfPageSegment(
+        segmentParam ? segmentParam.treeSegment : segment,
+        query
+      )
+
+      /**
+       * Decide if the current segment is where rendering has to start.
+       */
+      const renderComponentsOnThisLevel =
+        // No further router state available
+        !flightRouterState ||
+        // Segment in router state does not match current segment
+        !matchSegment(actualSegment, flightRouterState[0]) ||
+        // Last item in the tree
+        parallelRoutesKeys.length === 0 ||
+        // Explicit refresh
+        flightRouterState[3] === 'refetch'
+
+      const shouldSkipComponentTree =
+        isPrefetch &&
+        !Boolean(components.loading) &&
+        (flightRouterState ||
+          // If there is no flightRouterState, we need to check the entire loader tree, as otherwise we'll be only checking the root
+          !hasLoadingComponentInTree(loaderTree))
+
+      if (!parentRendered && renderComponentsOnThisLevel) {
+        const overriddenSegment =
+          flightRouterState &&
+          canSegmentBeOverridden(actualSegment, flightRouterState[0])
+            ? flightRouterState[0]
+            : null
+
+        return [
+          [
+            overriddenSegment ?? actualSegment,
+            createFlightRouterStateFromLoaderTree(
+              // Create router state using the slice of the loaderTree
+              loaderTreeToFilter,
+              getDynamicParamFromSegment,
+              query
+            ),
+            shouldSkipComponentTree
+              ? null
+              : // Create component tree using the slice of the loaderTree
+                // @ts-expect-error TODO-APP: fix async component type
+                React.createElement(async () => {
+                  const { Component } = await createComponentTree(
+                    // This ensures flightRouterPath is valid and filters down the tree
+                    {
+                      createSegmentPath,
+                      loaderTree: loaderTreeToFilter,
+                      parentParams: currentParams,
+                      firstItem: isFirst,
+                      injectedCSS,
+                      injectedFontPreloadTags,
+                      // This is intentionally not "rootLayoutIncludedAtThisLevelOrAbove" as createComponentTree starts at the current level and does a check for "rootLayoutAtThisLevel" too.
+                      rootLayoutIncluded,
+                      asNotFound,
+                      metadataOutlet,
+                    }
+                  )
+
+                  return <Component />
+                }),
+            shouldSkipComponentTree
+              ? null
+              : (() => {
+                  const { layoutOrPagePath } =
+                    parseLoaderTree(loaderTreeToFilter)
+
+                  const styles = getLayerAssets({
+                    layoutOrPagePath,
+                    injectedCSS: new Set(injectedCSS),
+                    injectedFontPreloadTags: new Set(injectedFontPreloadTags),
+                  })
+
+                  return (
+                    <>
+                      {styles}
+                      {rscPayloadHead}
+                    </>
+                  )
+                })(),
+          ],
+        ]
+      }
 
-        // If we are not rendering on this level we need to check if the current
-        // segment has a layout. If so, we need to track all the used CSS to make
-        // the result consistent.
-        const layoutPath = layout?.[1]
-        const injectedCSSWithCurrentLayout = new Set(injectedCSS)
-        const injectedFontPreloadTagsWithCurrentLayout = new Set(
-          injectedFontPreloadTags
+      // If we are not rendering on this level we need to check if the current
+      // segment has a layout. If so, we need to track all the used CSS to make
+      // the result consistent.
+      const layoutPath = layout?.[1]
+      const injectedCSSWithCurrentLayout = new Set(injectedCSS)
+      const injectedFontPreloadTagsWithCurrentLayout = new Set(
+        injectedFontPreloadTags
+      )
+      if (layoutPath) {
+        getCssInlinedLinkTags(
+          clientReferenceManifest,
+          layoutPath,
+          injectedCSSWithCurrentLayout,
+          true
         )
-        if (layoutPath) {
-          getCssInlinedLinkTags(
-            clientReferenceManifest,
-            layoutPath,
-            injectedCSSWithCurrentLayout,
-            true
-          )
-          getPreloadableFonts(
-            nextFontManifest,
-            layoutPath,
-            injectedFontPreloadTagsWithCurrentLayout
-          )
-        }
+        getPreloadableFonts(
+          nextFontManifest,
+          layoutPath,
+          injectedFontPreloadTagsWithCurrentLayout
+        )
+      }
 
-        // Walk through all parallel routes.
-        const paths: FlightDataPath[] = (
-          await Promise.all(
-            parallelRoutesKeys.map(async (parallelRouteKey) => {
-              // for (const parallelRouteKey of parallelRoutesKeys) {
-              const parallelRoute = parallelRoutes[parallelRouteKey]
+      // Walk through all parallel routes.
+      const paths: FlightDataPath[] = (
+        await Promise.all(
+          parallelRoutesKeys.map(async (parallelRouteKey) => {
+            // for (const parallelRouteKey of parallelRoutesKeys) {
+            const parallelRoute = parallelRoutes[parallelRouteKey]
 
-              const currentSegmentPath: FlightSegmentPath = isFirst
-                ? [parallelRouteKey]
-                : [actualSegment, parallelRouteKey]
+            const currentSegmentPath: FlightSegmentPath = isFirst
+              ? [parallelRouteKey]
+              : [actualSegment, parallelRouteKey]
 
-              const path = await walkTreeWithFlightRouterState({
-                createSegmentPath: (child) => {
-                  return createSegmentPath([...currentSegmentPath, ...child])
-                },
-                loaderTreeToFilter: parallelRoute,
-                parentParams: currentParams,
-                flightRouterState:
-                  flightRouterState && flightRouterState[1][parallelRouteKey],
-                parentRendered: parentRendered || renderComponentsOnThisLevel,
-                isFirst: false,
-                rscPayloadHead,
-                injectedCSS: injectedCSSWithCurrentLayout,
-                injectedFontPreloadTags:
-                  injectedFontPreloadTagsWithCurrentLayout,
-                rootLayoutIncluded: rootLayoutIncludedAtThisLevelOrAbove,
-                asNotFound,
-                metadataOutlet,
+            const path = await walkTreeWithFlightRouterState({
+              createSegmentPath: (child) => {
+                return createSegmentPath([...currentSegmentPath, ...child])
+              },
+              loaderTreeToFilter: parallelRoute,
+              parentParams: currentParams,
+              flightRouterState:
+                flightRouterState && flightRouterState[1][parallelRouteKey],
+              parentRendered: parentRendered || renderComponentsOnThisLevel,
+              isFirst: false,
+              rscPayloadHead,
+              injectedCSS: injectedCSSWithCurrentLayout,
+              injectedFontPreloadTags: injectedFontPreloadTagsWithCurrentLayout,
+              rootLayoutIncluded: rootLayoutIncludedAtThisLevelOrAbove,
+              asNotFound,
+              metadataOutlet,
+            })
+
+            return path
+              .map((item) => {
+                // we don't need to send over default routes in the flight data
+                // because they are always ignored by the client, unless it's a refetch
+                if (
+                  item[0] === '__DEFAULT__' &&
+                  flightRouterState &&
+                  !!flightRouterState[1][parallelRouteKey][0] &&
+                  flightRouterState[1][parallelRouteKey][3] !== 'refetch'
+                ) {
+                  return null
+                }
+                return [actualSegment, parallelRouteKey, ...item]
               })
+              .filter(Boolean) as FlightDataPath[]
+          })
+        )
+      ).flat()
 
-              return path
-                .map((item) => {
-                  // we don't need to send over default routes in the flight data
-                  // because they are always ignored by the client, unless it's a refetch
-                  if (
-                    item[0] === '__DEFAULT__' &&
-                    flightRouterState &&
-                    !!flightRouterState[1][parallelRouteKey][0] &&
-                    flightRouterState[1][parallelRouteKey][3] !== 'refetch'
-                  ) {
-                    return null
-                  }
-                  return [actualSegment, parallelRouteKey, ...item]
-                })
-                .filter(Boolean) as FlightDataPath[]
-            })
-          )
-        ).flat()
+      return paths
+    }
 
-        return paths
+    // Flight data that is going to be passed to the browser.
+    // Currently a single item array but in the future multiple patches might be combined in a single request.
+
+    let flightData: FlightData | null = null
+    if (!options?.skipFlight) {
+      const [MetadataTree, MetadataOutlet] = createMetadataComponents({
+        tree: loaderTree,
+        pathname: urlPathname,
+        searchParams: providedSearchParams,
+        getDynamicParamFromSegment,
+        appUsingSizeAdjust,
+      })
+      flightData = (
+        await walkTreeWithFlightRouterState({
+          createSegmentPath: (child) => child,
+          loaderTreeToFilter: loaderTree,
+          parentParams: {},
+          flightRouterState: providedFlightRouterState,
+          isFirst: true,
+          // For flight, render metadata inside leaf page
+          rscPayloadHead: (
+            // Adding requestId as react key to make metadata remount for each render
+            <MetadataTree key={requestId} />
+          ),
+          injectedCSS: new Set(),
+          injectedFontPreloadTags: new Set(),
+          rootLayoutIncluded: false,
+          asNotFound: isNotFoundPath || options?.asNotFound,
+          metadataOutlet: <MetadataOutlet />,
+        })
+      ).map((path) => path.slice(1)) // remove the '' (root) segment
+    }
+
+    const buildIdFlightDataPair = [buildId, flightData]
+
+    // For app dir, use the bundled version of Flight server renderer (renderToReadableStream)
+    // which contains the subset React.
+    const flightReadableStream = renderToReadableStream(
+      options
+        ? [options.actionResult, buildIdFlightDataPair]
+        : buildIdFlightDataPair,
+      clientReferenceManifest.clientModules,
+      {
+        context: serverContexts,
+        onError: flightDataRendererErrorHandler,
       }
+    ).pipeThrough(createBufferedTransformStream())
 
-      // Flight data that is going to be passed to the browser.
-      // Currently a single item array but in the future multiple patches might be combined in a single request.
+    return new FlightRenderResult(flightReadableStream)
+  }
 
-      let flightData: FlightData | null = null
-      if (!options?.skipFlight) {
-        const [MetadataTree, MetadataOutlet] = createMetadataComponents({
-          tree: loaderTree,
-          pathname,
-          searchParams: providedSearchParams,
-          getDynamicParamFromSegment,
-          appUsingSizeAdjust,
-        })
-        flightData = (
-          await walkTreeWithFlightRouterState({
-            createSegmentPath: (child) => child,
-            loaderTreeToFilter: loaderTree,
-            parentParams: {},
-            flightRouterState: providedFlightRouterState,
-            isFirst: true,
-            // For flight, render metadata inside leaf page
-            rscPayloadHead: (
-              // Adding requestId as react key to make metadata remount for each render
-              <MetadataTree key={requestId} />
+  if (isFlight && !staticGenerationStore.isStaticGeneration) {
+    return generateFlight()
+  }
+
+  // Get the nonce from the incoming request if it has one.
+  const csp = req.headers['content-security-policy']
+  let nonce: string | undefined
+  if (csp && typeof csp === 'string') {
+    nonce = getScriptNonceFromHeader(csp)
+  }
+
+  const serverComponentsRenderOpts = {
+    inlinedDataTransformStream: new TransformStream<Uint8Array, Uint8Array>(),
+    clientReferenceManifest,
+    serverContexts,
+    formState: null,
+  }
+
+  const validateRootLayout = dev
+    ? {
+        validateRootLayout: {
+          assetPrefix: renderOpts.assetPrefix,
+          getTree: () =>
+            createFlightRouterStateFromLoaderTree(
+              loaderTree,
+              getDynamicParamFromSegment,
+              query
             ),
-            injectedCSS: new Set(),
-            injectedFontPreloadTags: new Set(),
-            rootLayoutIncluded: false,
-            asNotFound: isNotFoundPath || options?.asNotFound,
-            metadataOutlet: <MetadataOutlet />,
-          })
-        ).map((path) => path.slice(1)) // remove the '' (root) segment
+        },
       }
+    : {}
 
-      const buildIdFlightDataPair = [buildId, flightData]
-
-      // For app dir, use the bundled version of Flight server renderer (renderToReadableStream)
-      // which contains the subset React.
-      const flightReadableStream = renderToReadableStream(
-        options
-          ? [options.actionResult, buildIdFlightDataPair]
-          : buildIdFlightDataPair,
-        clientReferenceManifest.clientModules,
-        {
-          context: serverContexts,
-          onError: flightDataRendererErrorHandler,
-        }
-      ).pipeThrough(createBufferedTransformStream())
+  /**
+   * A new React Component that renders the provided React Component
+   * using Flight which can then be rendered to HTML.
+   */
+  const createServerComponentsRenderer = (
+    loaderTreeToRender: LoaderTree,
+    preinitScripts: () => void,
+    formState: null | any
+  ) =>
+    createServerComponentRenderer<{
+      asNotFound: boolean
+    }>(
+      async (props) => {
+        preinitScripts()
+        // Create full component tree from root to leaf.
+        const injectedCSS = new Set<string>()
+        const injectedFontPreloadTags = new Set<string>()
+        const initialTree = createFlightRouterStateFromLoaderTree(
+          loaderTreeToRender,
+          getDynamicParamFromSegment,
+          query
+        )
 
-      return new FlightRenderResult(flightReadableStream)
-    }
+        const [MetadataTree, MetadataOutlet] = createMetadataComponents({
+          tree: loaderTreeToRender,
+          errorType: props.asNotFound ? 'not-found' : undefined,
+          pathname: urlPathname,
+          searchParams: providedSearchParams,
+          getDynamicParamFromSegment: getDynamicParamFromSegment,
+          appUsingSizeAdjust: appUsingSizeAdjust,
+        })
 
-    if (isFlight && !staticGenerationStore.isStaticGeneration) {
-      return generateFlight()
-    }
+        const { Component: ComponentTree, styles } = await createComponentTree({
+          createSegmentPath: (child) => child,
+          loaderTree: loaderTreeToRender,
+          parentParams: {},
+          firstItem: true,
+          injectedCSS,
+          injectedFontPreloadTags,
+          rootLayoutIncluded: false,
+          asNotFound: props.asNotFound,
+          metadataOutlet: <MetadataOutlet />,
+        })
 
-    // Get the nonce from the incoming request if it has one.
-    const csp = req.headers['content-security-policy']
-    let nonce: string | undefined
-    if (csp && typeof csp === 'string') {
-      nonce = getScriptNonceFromHeader(csp)
-    }
+        return (
+          <>
+            {styles}
+            <AppRouter
+              buildId={buildId}
+              assetPrefix={assetPrefix}
+              initialCanonicalUrl={urlPathname}
+              initialTree={initialTree}
+              initialHead={
+                <>
+                  {res.statusCode > 400 && (
+                    <meta name="robots" content="noindex" />
+                  )}
+                  {/* Adding requestId as react key to make metadata remount for each render */}
+                  <MetadataTree key={requestId} />
+                </>
+              }
+              globalErrorComponent={GlobalError}
+            >
+              <ComponentTree />
+            </AppRouter>
+          </>
+        )
+      },
+      ComponentMod,
+      { ...serverComponentsRenderOpts, formState },
+      serverComponentsErrorHandler,
+      nonce
+    )
 
-    const serverComponentsRenderOpts = {
-      inlinedDataTransformStream: new TransformStream<Uint8Array, Uint8Array>(),
-      clientReferenceManifest,
-      serverContexts,
-      formState: null,
-    }
+  const { HeadManagerContext } =
+    require('../../shared/lib/head-manager-context.shared-runtime') as typeof import('../../shared/lib/head-manager-context.shared-runtime')
+
+  // On each render, create a new `ServerInsertedHTML` context to capture
+  // injected nodes from user code (`useServerInsertedHTML`).
+  const { ServerInsertedHTMLProvider, renderServerInsertedHTML } =
+    createServerInsertedHTML()
+
+  getTracer().getRootSpanAttributes()?.set('next.route', pagePath)
+  const bodyResult = getTracer().wrap(
+    AppRenderSpan.getBodyResult,
+    {
+      spanName: `render route (app) ${pagePath}`,
+      attributes: {
+        'next.route': pagePath,
+      },
+    },
+    async ({
+      asNotFound,
+      tree,
+      formState,
+    }: {
+      /**
+       * This option is used to indicate that the page should be rendered as
+       * if it was not found. When it's enabled, instead of rendering the
+       * page component, it renders the not-found segment.
+       *
+       */
+      asNotFound: boolean
+      tree: LoaderTree
+      formState: any
+    }) => {
+      const polyfills: JSX.IntrinsicElements['script'][] =
+        buildManifest.polyfillFiles
+          .filter(
+            (polyfill) =>
+              polyfill.endsWith('.js') && !polyfill.endsWith('.module.js')
+          )
+          .map((polyfill) => ({
+            src: `${assetPrefix}/_next/${polyfill}${getAssetQueryString(
+              false
+            )}`,
+            integrity: subresourceIntegrityManifest?.[polyfill],
+            crossOrigin: renderOpts.crossOrigin,
+            noModule: true,
+            nonce,
+          }))
+
+      const [preinitScripts, bootstrapScript] = getRequiredScripts(
+        buildManifest,
+        assetPrefix,
+        renderOpts.crossOrigin,
+        subresourceIntegrityManifest,
+        getAssetQueryString(true),
+        nonce
+      )
+      const ServerComponentsRenderer = createServerComponentsRenderer(
+        tree,
+        preinitScripts,
+        formState
+      )
+      const content = (
+        <HeadManagerContext.Provider
+          value={{
+            appDir: true,
+            nonce,
+          }}
+        >
+          <ServerInsertedHTMLProvider>
+            <ServerComponentsRenderer asNotFound={asNotFound} />
+          </ServerInsertedHTMLProvider>
+        </HeadManagerContext.Provider>
+      )
 
-    const validateRootLayout = dev
-      ? {
-          validateRootLayout: {
-            assetPrefix: renderOpts.assetPrefix,
-            getTree: () =>
-              createFlightRouterStateFromLoaderTree(
-                loaderTree,
-                getDynamicParamFromSegment,
-                query
-              ),
-          },
+      let polyfillsFlushed = false
+      let flushedErrorMetaTagsUntilIndex = 0
+      const getServerInsertedHTML = (serverCapturedErrors: Error[]) => {
+        // Loop through all the errors that have been captured but not yet
+        // flushed.
+        const errorMetaTags = []
+        for (
+          ;
+          flushedErrorMetaTagsUntilIndex < serverCapturedErrors.length;
+          flushedErrorMetaTagsUntilIndex++
+        ) {
+          const error = serverCapturedErrors[flushedErrorMetaTagsUntilIndex]
+
+          if (isNotFoundError(error)) {
+            errorMetaTags.push(
+              <meta name="robots" content="noindex" key={error.digest} />,
+              process.env.NODE_ENV === 'development' ? (
+                <meta name="next-error" content="not-found" key="next-error" />
+              ) : null
+            )
+          } else if (isRedirectError(error)) {
+            const redirectUrl = getURLFromRedirectError(error)
+            const isPermanent =
+              getRedirectStatusCodeFromError(error) === 308 ? true : false
+            if (redirectUrl) {
+              errorMetaTags.push(
+                <meta
+                  httpEquiv="refresh"
+                  content={`${isPermanent ? 0 : 1};url=${redirectUrl}`}
+                  key={error.digest}
+                />
+              )
+            }
+          }
         }
-      : {}
 
-    /**
-     * A new React Component that renders the provided React Component
-     * using Flight which can then be rendered to HTML.
-     */
-    const createServerComponentsRenderer = (
-      loaderTreeToRender: LoaderTree,
-      preinitScripts: () => void,
-      formState: null | any
-    ) =>
-      createServerComponentRenderer<{
-        asNotFound: boolean
-      }>(
-        async (props) => {
-          preinitScripts()
-          // Create full component tree from root to leaf.
-          const injectedCSS = new Set<string>()
-          const injectedFontPreloadTags = new Set<string>()
-          const initialTree = createFlightRouterStateFromLoaderTree(
-            loaderTreeToRender,
-            getDynamicParamFromSegment,
-            query
-          )
+        const flushed = renderToString({
+          ReactDOMServer: require('react-dom/server.edge'),
+          element: (
+            <>
+              {polyfillsFlushed
+                ? null
+                : polyfills?.map((polyfill) => {
+                    return <script key={polyfill.src} {...polyfill} />
+                  })}
+              {renderServerInsertedHTML()}
+              {errorMetaTags}
+            </>
+          ),
+        })
+        polyfillsFlushed = true
+        return flushed
+      }
 
-          const [MetadataTree, MetadataOutlet] = createMetadataComponents({
-            tree: loaderTreeToRender,
-            errorType: props.asNotFound ? 'not-found' : undefined,
-            pathname,
-            searchParams: providedSearchParams,
-            getDynamicParamFromSegment: getDynamicParamFromSegment,
-            appUsingSizeAdjust: appUsingSizeAdjust,
-          })
+      try {
+        const fizzStream = await renderToInitialFizzStream({
+          ReactDOMServer: require('react-dom/server.edge'),
+          element: content,
+          streamOptions: {
+            onError: htmlRendererErrorHandler,
+            nonce,
+            // Include hydration scripts in the HTML
+            bootstrapScripts: [bootstrapScript],
+            experimental_formState: formState,
+          },
+        })
 
-          const { Component: ComponentTree, styles } =
-            await createComponentTree({
-              createSegmentPath: (child) => child,
-              loaderTree: loaderTreeToRender,
-              parentParams: {},
-              firstItem: true,
-              injectedCSS,
-              injectedFontPreloadTags,
-              rootLayoutIncluded: false,
-              asNotFound: props.asNotFound,
-              metadataOutlet: <MetadataOutlet />,
-            })
+        const result = await continueFizzStream(fizzStream, {
+          inlinedDataStream:
+            serverComponentsRenderOpts.inlinedDataTransformStream.readable,
+          generateStaticHTML:
+            staticGenerationStore.isStaticGeneration || generateStaticHTML,
+          getServerInsertedHTML: () => getServerInsertedHTML(allCapturedErrors),
+          serverInsertedHTMLToHead: true,
+          ...validateRootLayout,
+        })
 
-          return (
-            <>
-              {styles}
-              <AppRouter
-                buildId={buildId}
-                assetPrefix={assetPrefix}
-                initialCanonicalUrl={pathname}
-                initialTree={initialTree}
-                initialHead={
-                  <>
-                    {res.statusCode > 400 && (
-                      <meta name="robots" content="noindex" />
-                    )}
-                    {/* Adding requestId as react key to make metadata remount for each render */}
-                    <MetadataTree key={requestId} />
-                  </>
-                }
-                globalErrorComponent={GlobalError}
-              >
-                <ComponentTree />
-              </AppRouter>
-            </>
+        return result
+      } catch (err: any) {
+        if (
+          err.code === 'NEXT_STATIC_GEN_BAILOUT' ||
+          err.message?.includes(
+            'https://nextjs.org/docs/advanced-features/static-html-export'
           )
-        },
-        ComponentMod,
-        { ...serverComponentsRenderOpts, formState },
-        serverComponentsErrorHandler,
-        nonce
-      )
+        ) {
+          // Ensure that "next dev" prints the red error overlay
+          throw err
+        }
+        if (err.digest === NEXT_DYNAMIC_NO_SSR_CODE) {
+          warn(
+            `Entire page ${pagePath} deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering`,
+            pagePath
+          )
+        }
 
-    const { HeadManagerContext } =
-      require('../../shared/lib/head-manager-context.shared-runtime') as typeof import('../../shared/lib/head-manager-context.shared-runtime')
+        if (isNotFoundError(err)) {
+          res.statusCode = 404
+        }
+        let hasRedirectError = false
+        if (isRedirectError(err)) {
+          hasRedirectError = true
+          res.statusCode = getRedirectStatusCodeFromError(err)
+          if (err.mutableCookies) {
+            const headers = new Headers()
+
+            // If there were mutable cookies set, we need to set them on the
+            // response.
+            if (appendMutableCookies(headers, err.mutableCookies)) {
+              res.setHeader('set-cookie', Array.from(headers.values()))
+            }
+          }
+          const redirectUrl = addPathPrefix(
+            getURLFromRedirectError(err),
+            renderOpts.basePath
+          )
+          res.setHeader('Location', redirectUrl)
+        }
 
-    // On each render, create a new `ServerInsertedHTML` context to capture
-    // injected nodes from user code (`useServerInsertedHTML`).
-    const { ServerInsertedHTMLProvider, renderServerInsertedHTML } =
-      createServerInsertedHTML()
+        const is404 = res.statusCode === 404
 
-    getTracer().getRootSpanAttributes()?.set('next.route', pagePath)
-    const bodyResult = getTracer().wrap(
-      AppRenderSpan.getBodyResult,
-      {
-        spanName: `render route (app) ${pagePath}`,
-        attributes: {
-          'next.route': pagePath,
-        },
-      },
-      async ({
-        asNotFound,
-        tree,
-        formState,
-      }: {
-        /**
-         * This option is used to indicate that the page should be rendered as
-         * if it was not found. When it's enabled, instead of rendering the
-         * page component, it renders the not-found segment.
-         *
-         */
-        asNotFound: boolean
-        tree: LoaderTree
-        formState: any
-      }) => {
-        const polyfills: JSX.IntrinsicElements['script'][] =
-          buildManifest.polyfillFiles
-            .filter(
-              (polyfill) =>
-                polyfill.endsWith('.js') && !polyfill.endsWith('.module.js')
-            )
-            .map((polyfill) => ({
-              src: `${assetPrefix}/_next/${polyfill}${getAssetQueryString(
-                false
-              )}`,
-              integrity: subresourceIntegrityManifest?.[polyfill],
-              crossOrigin: renderOpts.crossOrigin,
-              noModule: true,
-              nonce,
-            }))
+        // Preserve the existing RSC inline chunks from the page rendering.
+        // To avoid the same stream being operated twice, clone the origin stream for error rendering.
+        const serverErrorComponentsRenderOpts: typeof serverComponentsRenderOpts =
+          {
+            ...serverComponentsRenderOpts,
+            inlinedDataTransformStream: cloneTransformStream(
+              serverComponentsRenderOpts.inlinedDataTransformStream
+            ),
+            formState,
+          }
+
+        const errorType = is404
+          ? 'not-found'
+          : hasRedirectError
+          ? 'redirect'
+          : undefined
+
+        const errorMeta = (
+          <>
+            {res.statusCode >= 400 && <meta name="robots" content="noindex" />}
+            {process.env.NODE_ENV === 'development' && (
+              <meta name="next-error" content="not-found" />
+            )}
+          </>
+        )
 
-        const [preinitScripts, bootstrapScript] = getRequiredScripts(
+        const [errorPreinitScripts, errorBootstrapScript] = getRequiredScripts(
           buildManifest,
           assetPrefix,
           renderOpts.crossOrigin,
           subresourceIntegrityManifest,
-          getAssetQueryString(true),
+          getAssetQueryString(false),
           nonce
         )
-        const ServerComponentsRenderer = createServerComponentsRenderer(
-          tree,
-          preinitScripts,
-          formState
-        )
-        const content = (
-          <HeadManagerContext.Provider
-            value={{
-              appDir: true,
-              nonce,
-            }}
-          >
-            <ServerInsertedHTMLProvider>
-              <ServerComponentsRenderer asNotFound={asNotFound} />
-            </ServerInsertedHTMLProvider>
-          </HeadManagerContext.Provider>
-        )
-
-        let polyfillsFlushed = false
-        let flushedErrorMetaTagsUntilIndex = 0
-        const getServerInsertedHTML = (serverCapturedErrors: Error[]) => {
-          // Loop through all the errors that have been captured but not yet
-          // flushed.
-          const errorMetaTags = []
-          for (
-            ;
-            flushedErrorMetaTagsUntilIndex < serverCapturedErrors.length;
-            flushedErrorMetaTagsUntilIndex++
-          ) {
-            const error = serverCapturedErrors[flushedErrorMetaTagsUntilIndex]
 
-            if (isNotFoundError(error)) {
-              errorMetaTags.push(
-                <meta name="robots" content="noindex" key={error.digest} />,
-                process.env.NODE_ENV === 'development' ? (
-                  <meta
-                    name="next-error"
-                    content="not-found"
-                    key="next-error"
-                  />
-                ) : null
-              )
-            } else if (isRedirectError(error)) {
-              const redirectUrl = getURLFromRedirectError(error)
-              const isPermanent =
-                getRedirectStatusCodeFromError(error) === 308 ? true : false
-              if (redirectUrl) {
-                errorMetaTags.push(
-                  <meta
-                    httpEquiv="refresh"
-                    content={`${isPermanent ? 0 : 1};url=${redirectUrl}`}
-                    key={error.digest}
-                  />
-                )
-              }
-            }
-          }
+        const ErrorPage = createServerComponentRenderer(
+          async () => {
+            errorPreinitScripts()
+            const [MetadataTree] = createMetadataComponents({
+              tree,
+              pathname: urlPathname,
+              errorType,
+              searchParams: providedSearchParams,
+              getDynamicParamFromSegment,
+              appUsingSizeAdjust,
+            })
 
-          const flushed = renderToString({
-            ReactDOMServer: require('react-dom/server.edge'),
-            element: (
+            const head = (
               <>
-                {polyfillsFlushed
-                  ? null
-                  : polyfills?.map((polyfill) => {
-                      return <script key={polyfill.src} {...polyfill} />
-                    })}
-                {renderServerInsertedHTML()}
-                {errorMetaTags}
+                {/* Adding requestId as react key to make metadata remount for each render */}
+                <MetadataTree key={requestId} />
+                {errorMeta}
               </>
-            ),
-          })
-          polyfillsFlushed = true
-          return flushed
-        }
+            )
+
+            const initialTree = createFlightRouterStateFromLoaderTree(
+              tree,
+              getDynamicParamFromSegment,
+              query
+            )
+
+            // For metadata notFound error there's no global not found boundary on top
+            // so we create a not found page with AppRouter
+            return (
+              <AppRouter
+                buildId={buildId}
+                assetPrefix={assetPrefix}
+                initialCanonicalUrl={urlPathname}
+                initialTree={initialTree}
+                initialHead={head}
+                globalErrorComponent={GlobalError}
+              >
+                <html id="__next_error__">
+                  <head></head>
+                  <body></body>
+                </html>
+              </AppRouter>
+            )
+          },
+          ComponentMod,
+          serverErrorComponentsRenderOpts,
+          serverComponentsErrorHandler,
+          nonce
+        )
 
         try {
           const fizzStream = await renderToInitialFizzStream({
             ReactDOMServer: require('react-dom/server.edge'),
-            element: content,
+            element: <ErrorPage />,
             streamOptions: {
-              onError: htmlRendererErrorHandler,
               nonce,
               // Include hydration scripts in the HTML
-              bootstrapScripts: [bootstrapScript],
+              bootstrapScripts: [errorBootstrapScript],
               experimental_formState: formState,
             },
           })
 
-          const result = await continueFizzStream(fizzStream, {
+          return await continueFizzStream(fizzStream, {
             inlinedDataStream:
-              serverComponentsRenderOpts.inlinedDataTransformStream.readable,
-            generateStaticHTML:
-              staticGenerationStore.isStaticGeneration || generateStaticHTML,
-            getServerInsertedHTML: () =>
-              getServerInsertedHTML(allCapturedErrors),
+              serverErrorComponentsRenderOpts.inlinedDataTransformStream
+                .readable,
+            generateStaticHTML: staticGenerationStore.isStaticGeneration,
+            getServerInsertedHTML: () => getServerInsertedHTML([]),
             serverInsertedHTMLToHead: true,
             ...validateRootLayout,
           })
-
-          return result
-        } catch (err: any) {
+        } catch (finalErr: any) {
           if (
-            err.code === 'NEXT_STATIC_GEN_BAILOUT' ||
-            err.message?.includes(
-              'https://nextjs.org/docs/advanced-features/static-html-export'
-            )
+            process.env.NODE_ENV === 'development' &&
+            isNotFoundError(finalErr)
           ) {
-            // Ensure that "next dev" prints the red error overlay
-            throw err
-          }
-          if (err.digest === NEXT_DYNAMIC_NO_SSR_CODE) {
-            warn(
-              `Entire page ${pagePath} deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering`,
-              pagePath
-            )
-          }
-
-          if (isNotFoundError(err)) {
-            res.statusCode = 404
-          }
-          let hasRedirectError = false
-          if (isRedirectError(err)) {
-            hasRedirectError = true
-            res.statusCode = getRedirectStatusCodeFromError(err)
-            if (err.mutableCookies) {
-              const headers = new Headers()
-
-              // If there were mutable cookies set, we need to set them on the
-              // response.
-              if (appendMutableCookies(headers, err.mutableCookies)) {
-                res.setHeader('set-cookie', Array.from(headers.values()))
-              }
-            }
-            const redirectUrl = addPathPrefix(
-              getURLFromRedirectError(err),
-              renderOpts.basePath
-            )
-            res.setHeader('Location', redirectUrl)
-          }
-
-          const is404 = res.statusCode === 404
-
-          // Preserve the existing RSC inline chunks from the page rendering.
-          // To avoid the same stream being operated twice, clone the origin stream for error rendering.
-          const serverErrorComponentsRenderOpts: typeof serverComponentsRenderOpts =
-            {
-              ...serverComponentsRenderOpts,
-              inlinedDataTransformStream: cloneTransformStream(
-                serverComponentsRenderOpts.inlinedDataTransformStream
-              ),
-              formState,
-            }
-
-          const errorType = is404
-            ? 'not-found'
-            : hasRedirectError
-            ? 'redirect'
-            : undefined
-
-          const errorMeta = (
-            <>
-              {res.statusCode >= 400 && (
-                <meta name="robots" content="noindex" />
-              )}
-              {process.env.NODE_ENV === 'development' && (
-                <meta name="next-error" content="not-found" />
-              )}
-            </>
-          )
-
-          const [errorPreinitScripts, errorBootstrapScript] =
-            getRequiredScripts(
-              buildManifest,
-              assetPrefix,
-              renderOpts.crossOrigin,
-              subresourceIntegrityManifest,
-              getAssetQueryString(false),
-              nonce
-            )
-
-          const ErrorPage = createServerComponentRenderer(
-            async () => {
-              errorPreinitScripts()
-              const [MetadataTree] = createMetadataComponents({
-                tree,
-                pathname,
-                errorType,
-                searchParams: providedSearchParams,
-                getDynamicParamFromSegment,
-                appUsingSizeAdjust,
-              })
-
-              const head = (
-                <>
-                  {/* Adding requestId as react key to make metadata remount for each render */}
-                  <MetadataTree key={requestId} />
-                  {errorMeta}
-                </>
-              )
-
-              const initialTree = createFlightRouterStateFromLoaderTree(
-                tree,
-                getDynamicParamFromSegment,
-                query
-              )
-
-              // For metadata notFound error there's no global not found boundary on top
-              // so we create a not found page with AppRouter
-              return (
-                <AppRouter
-                  buildId={buildId}
-                  assetPrefix={assetPrefix}
-                  initialCanonicalUrl={pathname}
-                  initialTree={initialTree}
-                  initialHead={head}
-                  globalErrorComponent={GlobalError}
-                >
-                  <html id="__next_error__">
-                    <head></head>
-                    <body></body>
-                  </html>
-                </AppRouter>
-              )
-            },
-            ComponentMod,
-            serverErrorComponentsRenderOpts,
-            serverComponentsErrorHandler,
-            nonce
-          )
-
-          try {
-            const fizzStream = await renderToInitialFizzStream({
-              ReactDOMServer: require('react-dom/server.edge'),
-              element: <ErrorPage />,
-              streamOptions: {
-                nonce,
-                // Include hydration scripts in the HTML
-                bootstrapScripts: [errorBootstrapScript],
-                experimental_formState: formState,
-              },
-            })
-
-            return await continueFizzStream(fizzStream, {
-              inlinedDataStream:
-                serverErrorComponentsRenderOpts.inlinedDataTransformStream
-                  .readable,
-              generateStaticHTML: staticGenerationStore.isStaticGeneration,
-              getServerInsertedHTML: () => getServerInsertedHTML([]),
-              serverInsertedHTMLToHead: true,
-              ...validateRootLayout,
-            })
-          } catch (finalErr: any) {
-            if (
-              process.env.NODE_ENV === 'development' &&
-              isNotFoundError(finalErr)
-            ) {
-              const bailOnNotFound: typeof import('../../client/components/dev-root-not-found-boundary').bailOnNotFound =
-                require('../../client/components/dev-root-not-found-boundary').bailOnNotFound
-              bailOnNotFound()
-            }
-            throw finalErr
+            const bailOnNotFound: typeof import('../../client/components/dev-root-not-found-boundary').bailOnNotFound =
+              require('../../client/components/dev-root-not-found-boundary').bailOnNotFound
+            bailOnNotFound()
           }
+          throw finalErr
         }
       }
-    )
+    }
+  )
 
-    // For action requests, we handle them differently with a special render result.
-    const actionRequestResult = await handleAction({
-      req,
-      res,
-      ComponentMod,
-      page: renderOpts.page,
-      serverActionsManifest,
-      generateFlight,
-      staticGenerationStore,
-      requestStore,
-      serverActionsBodySizeLimit,
-    })
+  // For action requests, we handle them differently with a special render result.
+  const actionRequestResult = await handleAction({
+    req,
+    res,
+    ComponentMod,
+    page: renderOpts.page,
+    serverActionsManifest,
+    generateFlight,
+    staticGenerationStore: staticGenerationStore,
+    requestStore: requestStore,
+    serverActionsBodySizeLimit,
+  })
 
-    let formState: null | any = null
-    if (actionRequestResult) {
-      if (actionRequestResult.type === 'not-found') {
-        const notFoundLoaderTree = createNotFoundLoaderTree(loaderTree)
-        return new RenderResult(
-          await bodyResult({
-            asNotFound: true,
-            tree: notFoundLoaderTree,
-            formState,
-          }),
-          { ...extraRenderResultMeta }
-        )
-      } else if (actionRequestResult.type === 'done') {
-        if (actionRequestResult.result) {
-          actionRequestResult.result.extendMetadata(extraRenderResultMeta)
-          return actionRequestResult.result
-        } else if (actionRequestResult.formState) {
-          formState = actionRequestResult.formState
-        }
+  let formState: null | any = null
+  if (actionRequestResult) {
+    if (actionRequestResult.type === 'not-found') {
+      const notFoundLoaderTree = createNotFoundLoaderTree(loaderTree)
+      return new RenderResult(
+        await bodyResult({
+          asNotFound: true,
+          tree: notFoundLoaderTree,
+          formState,
+        }),
+        { ...extraRenderResultMeta }
+      )
+    } else if (actionRequestResult.type === 'done') {
+      if (actionRequestResult.result) {
+        actionRequestResult.result.extendMetadata(extraRenderResultMeta)
+        return actionRequestResult.result
+      } else if (actionRequestResult.formState) {
+        formState = actionRequestResult.formState
       }
     }
+  }
 
-    const renderResult = new RenderResult(
-      await bodyResult({
-        asNotFound: isNotFoundPath,
-        tree: loaderTree,
-        formState,
-      }),
-      {
-        ...extraRenderResultMeta,
-        waitUntil: Promise.all(staticGenerationStore.pendingRevalidates || []),
-      }
-    )
+  const renderResult = new RenderResult(
+    await bodyResult({
+      asNotFound: isNotFoundPath,
+      tree: loaderTree,
+      formState,
+    }),
+    {
+      ...extraRenderResultMeta,
+      waitUntil: Promise.all(staticGenerationStore.pendingRevalidates || []),
+    }
+  )
 
-    addImplicitTags(staticGenerationStore)
-    extraRenderResultMeta.fetchTags = staticGenerationStore.tags?.join(',')
-    renderResult.extendMetadata({
-      fetchTags: extraRenderResultMeta.fetchTags,
-    })
+  addImplicitTags(staticGenerationStore)
+  extraRenderResultMeta.fetchTags = staticGenerationStore.tags?.join(',')
+  renderResult.extendMetadata({
+    fetchTags: extraRenderResultMeta.fetchTags,
+  })
 
-    if (staticGenerationStore.isStaticGeneration) {
-      const htmlResult = await streamToBufferedResult(renderResult)
+  if (staticGenerationStore.isStaticGeneration) {
+    const htmlResult = await streamToBufferedResult(renderResult)
 
-      // if we encountered any unexpected errors during build
-      // we fail the prerendering phase and the build
-      if (capturedErrors.length > 0) {
-        throw capturedErrors[0]
-      }
+    // if we encountered any unexpected errors during build
+    // we fail the prerendering phase and the build
+    if (capturedErrors.length > 0) {
+      throw capturedErrors[0]
+    }
 
-      // TODO-APP: derive this from same pass to prevent additional
-      // render during static generation
-      const stringifiedFlightPayload = await streamToBufferedResult(
-        await generateFlight()
-      )
+    // TODO-APP: derive this from same pass to prevent additional
+    // render during static generation
+    const stringifiedFlightPayload = await streamToBufferedResult(
+      await generateFlight()
+    )
 
-      if (staticGenerationStore.forceStatic === false) {
-        staticGenerationStore.revalidate = 0
-      }
+    if (staticGenerationStore.forceStatic === false) {
+      staticGenerationStore.revalidate = 0
+    }
 
-      extraRenderResultMeta.pageData = stringifiedFlightPayload
-      extraRenderResultMeta.revalidate =
-        staticGenerationStore.revalidate ?? defaultRevalidate
+    extraRenderResultMeta.pageData = stringifiedFlightPayload
+    extraRenderResultMeta.revalidate =
+      staticGenerationStore.revalidate ?? defaultRevalidate
 
-      // provide bailout info for debugging
-      if (extraRenderResultMeta.revalidate === 0) {
-        extraRenderResultMeta.staticBailoutInfo = {
-          description: staticGenerationStore.dynamicUsageDescription,
-          stack: staticGenerationStore.dynamicUsageStack,
-        }
+    // provide bailout info for debugging
+    if (extraRenderResultMeta.revalidate === 0) {
+      extraRenderResultMeta.staticBailoutInfo = {
+        description: staticGenerationStore.dynamicUsageDescription,
+        stack: staticGenerationStore.dynamicUsageStack,
       }
-
-      return new RenderResult(htmlResult, { ...extraRenderResultMeta })
     }
 
-    return renderResult
+    return new RenderResult(htmlResult, { ...extraRenderResultMeta })
   }
 
+  return renderResult
+}
+
+export type AppPageRender = (
+  req: IncomingMessage,
+  res: ServerResponse,
+  pagePath: string,
+  query: NextParsedUrlQuery,
+  renderOpts: RenderOpts
+) => Promise<RenderResult>
+
+export const renderToHTMLOrFlight: AppPageRender = (
+  req,
+  res,
+  pagePath,
+  query,
+  renderOpts
+) => {
+  const pathname = validateURL(req.url)
+
   return RequestAsyncStorageWrapper.wrap(
-    requestAsyncStorage,
+    renderOpts.ComponentMod.requestAsyncStorage,
     { req, res, renderOpts },
-    () =>
+    (requestStore) =>
       StaticGenerationAsyncStorageWrapper.wrap(
-        staticGenerationAsyncStorage,
+        renderOpts.ComponentMod.staticGenerationAsyncStorage,
         { urlPathname: pathname, renderOpts },
-        () => wrappedRender()
+        (staticGenerationStore) =>
+          wrappedRender(req, res, pagePath, query, renderOpts, {
+            requestStore,
+            staticGenerationStore,
+          })
       )
   )
 }
diff --git a/packages/next/src/server/app-render/create-server-components-renderer.tsx b/packages/next/src/server/app-render/create-server-components-renderer.tsx
index d88f5492c61db..19de10845a0c4 100644
--- a/packages/next/src/server/app-render/create-server-components-renderer.tsx
+++ b/packages/next/src/server/app-render/create-server-components-renderer.tsx
@@ -3,7 +3,7 @@ import type { FlightResponseRef } from './flight-response-ref'
 import type { AppPageModule } from '../future/route-modules/app-page/module'
 
 import React, { use } from 'react'
-import { createErrorHandler } from './create-error-handler'
+import type { createErrorHandler } from './create-error-handler'
 import { useFlightResponse } from './use-flight-response'
 
 /**
diff --git a/packages/next/src/server/app-render/get-css-inlined-link-tags.tsx b/packages/next/src/server/app-render/get-css-inlined-link-tags.tsx
index 0311a3d92d5f4..a453eb84d9e4c 100644
--- a/packages/next/src/server/app-render/get-css-inlined-link-tags.tsx
+++ b/packages/next/src/server/app-render/get-css-inlined-link-tags.tsx
@@ -1,4 +1,4 @@
-import { ClientReferenceManifest } from '../../build/webpack/plugins/flight-manifest-plugin'
+import type { ClientReferenceManifest } from '../../build/webpack/plugins/flight-manifest-plugin'
 
 /**
  * Get external stylesheet link hrefs based on server CSS manifest.
diff --git a/packages/next/src/server/app-render/get-preloadable-fonts.tsx b/packages/next/src/server/app-render/get-preloadable-fonts.tsx
index 860e4e1a5042f..61991ababccf8 100644
--- a/packages/next/src/server/app-render/get-preloadable-fonts.tsx
+++ b/packages/next/src/server/app-render/get-preloadable-fonts.tsx
@@ -1,4 +1,4 @@
-import { NextFontManifest } from '../../build/webpack/plugins/next-font-manifest-plugin'
+import type { NextFontManifest } from '../../build/webpack/plugins/next-font-manifest-plugin'
 
 /**
  * Get hrefs for fonts to preload
diff --git a/packages/next/src/server/app-render/get-segment-param.tsx b/packages/next/src/server/app-render/get-segment-param.tsx
index 1dad71f25d723..e609aced06a0d 100644
--- a/packages/next/src/server/app-render/get-segment-param.tsx
+++ b/packages/next/src/server/app-render/get-segment-param.tsx
@@ -1,5 +1,5 @@
 import { INTERCEPTION_ROUTE_MARKERS } from '../future/helpers/interception-routes'
-import { DynamicParamTypes } from './types'
+import type { DynamicParamTypes } from './types'
 
 /**
  * Parse dynamic route segment to type of parameter
diff --git a/packages/next/src/server/app-render/get-short-dynamic-param-type.tsx b/packages/next/src/server/app-render/get-short-dynamic-param-type.tsx
index 5e7125db1d870..670fedbdbb171 100644
--- a/packages/next/src/server/app-render/get-short-dynamic-param-type.tsx
+++ b/packages/next/src/server/app-render/get-short-dynamic-param-type.tsx
@@ -1,4 +1,4 @@
-import { DynamicParamTypes, DynamicParamTypesShort } from './types'
+import type { DynamicParamTypes, DynamicParamTypesShort } from './types'
 
 export const dynamicParamTypes: Record<
   DynamicParamTypes,
diff --git a/packages/next/src/server/app-render/parse-and-validate-flight-router-state.tsx b/packages/next/src/server/app-render/parse-and-validate-flight-router-state.tsx
index 49086f94d8123..164234d05b357 100644
--- a/packages/next/src/server/app-render/parse-and-validate-flight-router-state.tsx
+++ b/packages/next/src/server/app-render/parse-and-validate-flight-router-state.tsx
@@ -1,4 +1,4 @@
-import { FlightRouterState } from './types'
+import type { FlightRouterState } from './types'
 import { flightRouterStateSchema } from './types'
 import { assert } from 'next/dist/compiled/superstruct'
 
diff --git a/packages/next/src/server/async-storage/draft-mode-provider.ts b/packages/next/src/server/async-storage/draft-mode-provider.ts
index 06138db7dd169..1d0cac44570cc 100644
--- a/packages/next/src/server/async-storage/draft-mode-provider.ts
+++ b/packages/next/src/server/async-storage/draft-mode-provider.ts
@@ -7,8 +7,8 @@ import type { NextRequest } from '../web/spec-extension/request'
 import {
   COOKIE_NAME_PRERENDER_BYPASS,
   checkIsOnDemandRevalidate,
-  __ApiPreviewProps,
 } from '../api-utils'
+import type { __ApiPreviewProps } from '../api-utils'
 
 export class DraftModeProvider {
   public readonly isEnabled: boolean
diff --git a/packages/next/src/server/async-storage/request-async-storage-wrapper.ts b/packages/next/src/server/async-storage/request-async-storage-wrapper.ts
index 1376ecfb197cd..8eccc19d120a4 100644
--- a/packages/next/src/server/async-storage/request-async-storage-wrapper.ts
+++ b/packages/next/src/server/async-storage/request-async-storage-wrapper.ts
@@ -5,6 +5,7 @@ import type { RequestStore } from '../../client/components/request-async-storage
 import type { RenderOpts } from '../app-render/types'
 import type { AsyncStorageWrapper } from './async-storage-wrapper'
 import type { NextRequest } from '../web/spec-extension/request'
+import type { __ApiPreviewProps } from '../api-utils'
 
 import { FLIGHT_PARAMETERS } from '../../client/components/app-router-headers'
 import {
@@ -16,8 +17,8 @@ import {
   RequestCookiesAdapter,
   type ReadonlyRequestCookies,
 } from '../web/spec-extension/adapters/request-cookies'
-import { RequestCookies, ResponseCookies } from '../web/spec-extension/cookies'
-import { __ApiPreviewProps } from '../api-utils'
+import type { ResponseCookies } from '../web/spec-extension/cookies'
+import { RequestCookies } from '../web/spec-extension/cookies'
 import { DraftModeProvider } from './draft-mode-provider'
 
 function getHeaders(headers: Headers | IncomingHttpHeaders): ReadonlyHeaders {
diff --git a/packages/next/src/server/base-http/index.ts b/packages/next/src/server/base-http/index.ts
index 2b1a9ea4c9bd2..412308b3e844e 100644
--- a/packages/next/src/server/base-http/index.ts
+++ b/packages/next/src/server/base-http/index.ts
@@ -2,7 +2,7 @@ import type { IncomingHttpHeaders, OutgoingHttpHeaders } from 'http'
 import type { I18NConfig } from '../config-shared'
 
 import { PERMANENT_REDIRECT_STATUS } from '../../shared/lib/constants'
-import { NextApiRequestCookies } from '../api-utils'
+import type { NextApiRequestCookies } from '../api-utils'
 import { getCookieParser } from '../api-utils/get-cookie-parser'
 
 export interface BaseNextRequestConfig {
diff --git a/packages/next/src/server/base-http/node.ts b/packages/next/src/server/base-http/node.ts
index 516b707233e83..7a128d51f0b26 100644
--- a/packages/next/src/server/base-http/node.ts
+++ b/packages/next/src/server/base-http/node.ts
@@ -2,12 +2,14 @@ import type { ServerResponse, IncomingMessage } from 'http'
 import type { Writable, Readable } from 'stream'
 import type { SizeLimit } from 'next/types'
 
-import { NextApiRequestCookies, SYMBOL_CLEARED_COOKIES } from '../api-utils'
+import { SYMBOL_CLEARED_COOKIES } from '../api-utils'
+import type { NextApiRequestCookies } from '../api-utils'
 import { parseBody } from '../api-utils/node/parse-body'
-import { NEXT_REQUEST_META, RequestMeta } from '../request-meta'
+import { NEXT_REQUEST_META } from '../request-meta'
+import type { RequestMeta } from '../request-meta'
 
 import { BaseNextRequest, BaseNextResponse } from './index'
-import { OutgoingHttpHeaders } from 'node:http'
+import type { OutgoingHttpHeaders } from 'node:http'
 
 type Req = IncomingMessage & {
   [NEXT_REQUEST_META]?: RequestMeta
diff --git a/packages/next/src/server/base-server.ts b/packages/next/src/server/base-server.ts
index 4f6b867e27127..d9d7d882cb719 100644
--- a/packages/next/src/server/base-server.ts
+++ b/packages/next/src/server/base-server.ts
@@ -72,7 +72,7 @@ import {
   removeRequestMeta,
 } from './request-meta'
 
-import { ImageConfigComplete } from '../shared/lib/image-config'
+import type { ImageConfigComplete } from '../shared/lib/image-config'
 import { removePathPrefix } from '../shared/lib/router/utils/remove-path-prefix'
 import {
   normalizeAppPath,
@@ -81,7 +81,7 @@ import {
 import { getHostname } from '../shared/lib/get-hostname'
 import { parseUrl as parseUrlUtil } from '../shared/lib/router/utils/parse-url'
 import { getNextPathnameInfo } from '../shared/lib/router/utils/get-next-pathname-info'
-import { MiddlewareMatcher } from '../build/analysis/get-page-static-info'
+import type { MiddlewareMatcher } from '../build/analysis/get-page-static-info'
 import {
   RSC,
   RSC_VARY_HEADER,
@@ -91,7 +91,7 @@ import {
   NEXT_ROUTER_PREFETCH,
   RSC_CONTENT_TYPE_HEADER,
 } from '../client/components/app-router-headers'
-import {
+import type {
   MatchOptions,
   RouteMatcherManager,
 } from './future/route-matcher-managers/route-matcher-manager'
diff --git a/packages/next/src/server/body-streams.ts b/packages/next/src/server/body-streams.ts
index 2370aac8fa5a8..c4d3687766a3d 100644
--- a/packages/next/src/server/body-streams.ts
+++ b/packages/next/src/server/body-streams.ts
@@ -1,5 +1,6 @@
 import type { IncomingMessage } from 'http'
-import { PassThrough, Readable } from 'stream'
+import type { Readable } from 'stream'
+import { PassThrough } from 'stream'
 
 export function requestToBodyStream(
   context: { ReadableStream: typeof ReadableStream },
diff --git a/packages/next/src/server/config-schema.ts b/packages/next/src/server/config-schema.ts
index 0437a2fb45507..6d8cbf38249b7 100644
--- a/packages/next/src/server/config-schema.ts
+++ b/packages/next/src/server/config-schema.ts
@@ -1,4 +1,4 @@
-import { NextConfig } from './config'
+import type { NextConfig } from './config'
 import { VALID_LOADERS } from '../shared/lib/image-config'
 
 import { z } from 'next/dist/compiled/zod'
diff --git a/packages/next/src/server/config-shared.ts b/packages/next/src/server/config-shared.ts
index c03928b177cfb..8064d3b8d5570 100644
--- a/packages/next/src/server/config-shared.ts
+++ b/packages/next/src/server/config-shared.ts
@@ -1,15 +1,15 @@
 import os from 'os'
 import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import type { Header, Redirect, Rewrite } from '../lib/load-custom-routes'
-import {
+import { imageConfigDefault } from '../shared/lib/image-config'
+import type {
   ImageConfig,
   ImageConfigComplete,
-  imageConfigDefault,
 } from '../shared/lib/image-config'
-import { SubresourceIntegrityAlgorithm } from '../build/webpack/plugins/subresource-integrity-plugin'
-import { WEB_VITALS } from '../shared/lib/utils'
+import type { SubresourceIntegrityAlgorithm } from '../build/webpack/plugins/subresource-integrity-plugin'
+import type { WEB_VITALS } from '../shared/lib/utils'
 import type { NextParsedUrlQuery } from './request-meta'
-import { SizeLimit } from '../../types'
+import type { SizeLimit } from '../../types'
 
 export type NextConfigComplete = Required<NextConfig> & {
   images: Required<ImageConfigComplete>
diff --git a/packages/next/src/server/config.ts b/packages/next/src/server/config.ts
index 6d224c57a2d69..1a99afa975bf3 100644
--- a/packages/next/src/server/config.ts
+++ b/packages/next/src/server/config.ts
@@ -4,16 +4,17 @@ import { pathToFileURL } from 'url'
 import findUp from 'next/dist/compiled/find-up'
 import * as Log from '../build/output/log'
 import { CONFIG_FILES, PHASE_DEVELOPMENT_SERVER } from '../shared/lib/constants'
-import {
-  defaultConfig,
-  normalizeConfig,
+import { defaultConfig, normalizeConfig } from './config-shared'
+import type {
   ExperimentalConfig,
   NextConfigComplete,
   NextConfig,
   TurboLoaderItem,
 } from './config-shared'
+
 import { loadWebpackHook } from './config-utils'
-import { ImageConfig, imageConfigDefault } from '../shared/lib/image-config'
+import { imageConfigDefault } from '../shared/lib/image-config'
+import type { ImageConfig } from '../shared/lib/image-config'
 import { loadEnvConfig, updateInitialEnv } from '@next/env'
 import { flushAndExit } from '../telemetry/flush-and-exit'
 import { findRootDir } from '../lib/find-root'
@@ -23,7 +24,8 @@ import { pathHasPrefix } from '../shared/lib/router/utils/path-has-prefix'
 import { ZodParsedType, util as ZodUtil } from 'next/dist/compiled/zod'
 import type { ZodError, ZodIssue } from 'next/dist/compiled/zod'
 
-export { DomainLocale, NextConfig, normalizeConfig } from './config-shared'
+export { normalizeConfig } from './config-shared'
+export type { DomainLocale, NextConfig } from './config-shared'
 
 function processZodErrorMessage(issue: ZodIssue) {
   let message = issue.message
diff --git a/packages/next/src/server/dev/hot-middleware.ts b/packages/next/src/server/dev/hot-middleware.ts
index ec673880621a0..506b54f53247b 100644
--- a/packages/next/src/server/dev/hot-middleware.ts
+++ b/packages/next/src/server/dev/hot-middleware.ts
@@ -25,10 +25,8 @@ import type { webpack } from 'next/dist/compiled/webpack/webpack'
 import type ws from 'next/dist/compiled/ws'
 import { isMiddlewareFilename } from '../../build/utils'
 import type { VersionInfo } from './parse-version-info'
-import {
-  HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
-} from './hot-reloader-types'
+import type { HMR_ACTION_TYPES } from './hot-reloader-types'
+import { HMR_ACTIONS_SENT_TO_BROWSER } from './hot-reloader-types'
 
 function isMiddlewareStats(stats: webpack.Stats) {
   for (const key of stats.compilation.entrypoints.keys()) {
diff --git a/packages/next/src/server/dev/hot-reloader-webpack.ts b/packages/next/src/server/dev/hot-reloader-webpack.ts
index 48187503b3990..2e4cfbef17a86 100644
--- a/packages/next/src/server/dev/hot-reloader-webpack.ts
+++ b/packages/next/src/server/dev/hot-reloader-webpack.ts
@@ -36,7 +36,7 @@ import {
   COMPILER_NAMES,
   RSC_MODULE_TYPES,
 } from '../../shared/lib/constants'
-import { __ApiPreviewProps } from '../api-utils'
+import type { __ApiPreviewProps } from '../api-utils'
 import { getPathMatch } from '../../shared/lib/router/utils/path-match'
 import { findPageFile } from '../lib/find-page-file'
 import {
@@ -59,9 +59,10 @@ import { Span, trace } from '../../trace'
 import { getProperError } from '../../lib/is-error'
 import ws from 'next/dist/compiled/ws'
 import { existsSync, promises as fs } from 'fs'
-import { UnwrapPromise } from '../../lib/coalesced-function'
+import type { UnwrapPromise } from '../../lib/coalesced-function'
 import { getRegistry } from '../../lib/helpers/get-registry'
-import { parseVersionInfo, VersionInfo } from './parse-version-info'
+import { parseVersionInfo } from './parse-version-info'
+import type { VersionInfo } from './parse-version-info'
 import { isAPIRoute } from '../../lib/is-api-route'
 import { getRouteLoaderEntry } from '../../build/webpack/loaders/next-route-loader'
 import {
@@ -71,9 +72,9 @@ import {
 import { RouteKind } from '../future/route-kind'
 import {
   HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
   type NextJsHotReloaderInterface,
 } from './hot-reloader-types'
+import type { HMR_ACTION_TYPES } from './hot-reloader-types'
 
 const MILLISECONDS_IN_NANOSECOND = 1_000_000
 
diff --git a/packages/next/src/server/dev/log-app-dir-error.ts b/packages/next/src/server/dev/log-app-dir-error.ts
index a4c0a3314b641..0925fb84e7645 100644
--- a/packages/next/src/server/dev/log-app-dir-error.ts
+++ b/packages/next/src/server/dev/log-app-dir-error.ts
@@ -1,7 +1,7 @@
 import isError from '../../lib/is-error'
 import * as Log from '../../build/output/log'
 
-export function logAppDirError(err: any) {
+export function logAppDirError(err: unknown) {
   if (isError(err) && err?.stack) {
     const cleanedStack = err.stack.split('\n').map((line: string) =>
       // Remove 'webpack-internal:' noise from the path
@@ -24,6 +24,8 @@ export function logAppDirError(err: any) {
     if (typeof (err as any).digest !== 'undefined') {
       console.error(`digest: ${JSON.stringify((err as any).digest)}`)
     }
+
+    if (err.cause) console.error('Cause:', err.cause)
   } else {
     Log.error(err)
   }
diff --git a/packages/next/src/server/dev/next-dev-server.ts b/packages/next/src/server/dev/next-dev-server.ts
index 561f6958ce548..8c3896c2632f9 100644
--- a/packages/next/src/server/dev/next-dev-server.ts
+++ b/packages/next/src/server/dev/next-dev-server.ts
@@ -38,31 +38,27 @@ import { Telemetry } from '../../telemetry/storage'
 import { setGlobal } from '../../trace'
 import { findPageFile } from '../lib/find-page-file'
 import { getNodeOptionsWithoutInspect } from '../lib/utils'
-import {
-  UnwrapPromise,
-  withCoalescedInvoke,
-} from '../../lib/coalesced-function'
+import { withCoalescedInvoke } from '../../lib/coalesced-function'
+import type { UnwrapPromise } from '../../lib/coalesced-function'
 import { loadDefaultErrorComponents } from '../load-default-error-components'
 import { DecodeError, MiddlewareNotFoundError } from '../../shared/lib/utils'
 import * as Log from '../../build/output/log'
 import isError, { getProperError } from '../../lib/is-error'
-import { NodeNextResponse, NodeNextRequest } from '../base-http/node'
+import type { NodeNextResponse, NodeNextRequest } from '../base-http/node'
 import { isMiddlewareFile } from '../../build/utils'
 import { formatServerError } from '../../lib/format-server-error'
-import {
-  DevRouteMatcherManager,
-  RouteEnsurer,
-} from '../future/route-matcher-managers/dev-route-matcher-manager'
+import { DevRouteMatcherManager } from '../future/route-matcher-managers/dev-route-matcher-manager'
+import type { RouteEnsurer } from '../future/route-matcher-managers/dev-route-matcher-manager'
 import { DevPagesRouteMatcherProvider } from '../future/route-matcher-providers/dev/dev-pages-route-matcher-provider'
 import { DevPagesAPIRouteMatcherProvider } from '../future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider'
 import { DevAppPageRouteMatcherProvider } from '../future/route-matcher-providers/dev/dev-app-page-route-matcher-provider'
 import { DevAppRouteRouteMatcherProvider } from '../future/route-matcher-providers/dev/dev-app-route-route-matcher-provider'
-import { PagesManifest } from '../../build/webpack/plugins/pages-manifest-plugin'
+import type { PagesManifest } from '../../build/webpack/plugins/pages-manifest-plugin'
 import { NodeManifestLoader } from '../future/route-matcher-providers/helpers/manifest-loaders/node-manifest-loader'
 import { BatchedFileReader } from '../future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader'
 import { DefaultFileReader } from '../future/route-matcher-providers/dev/helpers/file-reader/default-file-reader'
 import { NextBuildContext } from '../../build/build-context'
-import { IncrementalCache } from '../lib/incremental-cache'
+import type { IncrementalCache } from '../lib/incremental-cache'
 import LRUCache from 'next/dist/compiled/lru-cache'
 import { getMiddlewareRouteMatcher } from '../../shared/lib/router/utils/middleware-route-matcher'
 
diff --git a/packages/next/src/server/dev/on-demand-entry-handler.ts b/packages/next/src/server/dev/on-demand-entry-handler.ts
index 0529aeb9d56f4..f8e11a0b9fe99 100644
--- a/packages/next/src/server/dev/on-demand-entry-handler.ts
+++ b/packages/next/src/server/dev/on-demand-entry-handler.ts
@@ -28,16 +28,16 @@ import {
 } from '../../build/utils'
 import { PageNotFoundError, stringifyError } from '../../shared/lib/utils'
 import {
-  CompilerNameValues,
   COMPILER_INDEXES,
   COMPILER_NAMES,
   RSC_MODULE_TYPES,
 } from '../../shared/lib/constants'
+import type { CompilerNameValues } from '../../shared/lib/constants'
 import { HMR_ACTIONS_SENT_TO_BROWSER } from './hot-reloader-types'
-import HotReloader from './hot-reloader-webpack'
+import type HotReloader from './hot-reloader-webpack'
 import { isAppPageRouteDefinition } from '../future/route-definitions/app-page-route-definition'
 import { scheduleOnNextTick } from '../lib/schedule-on-next-tick'
-import { RouteDefinition } from '../future/route-definitions/route-definition'
+import type { RouteDefinition } from '../future/route-definitions/route-definition'
 import { Batcher } from '../../lib/batcher'
 
 const debug = origDebug('next:on-demand-entry-handler')
diff --git a/packages/next/src/server/dev/parse-version-info.test.ts b/packages/next/src/server/dev/parse-version-info.test.ts
index eddece9321ff1..afca7390afea1 100644
--- a/packages/next/src/server/dev/parse-version-info.test.ts
+++ b/packages/next/src/server/dev/parse-version-info.test.ts
@@ -1,4 +1,5 @@
-import { parseVersionInfo, VersionInfo } from './parse-version-info'
+import { parseVersionInfo } from './parse-version-info'
+import type { VersionInfo } from './parse-version-info'
 
 describe('parse version info', () => {
   test.each<
diff --git a/packages/next/src/server/dev/static-paths-worker.ts b/packages/next/src/server/dev/static-paths-worker.ts
index d357a170fefbf..99e287b24d0db 100644
--- a/packages/next/src/server/dev/static-paths-worker.ts
+++ b/packages/next/src/server/dev/static-paths-worker.ts
@@ -9,11 +9,11 @@ import {
   buildAppStaticPaths,
   buildStaticPaths,
   collectGenerateParams,
-  GenerateParams,
 } from '../../build/utils'
+import type { GenerateParams } from '../../build/utils'
 import { loadComponents } from '../load-components'
 import { setHttpClientAndAgentOptions } from '../setup-http-agent-env'
-import { IncrementalCache } from '../lib/incremental-cache'
+import type { IncrementalCache } from '../lib/incremental-cache'
 import * as serverHooks from '../../client/components/hooks-server-context'
 import { staticGenerationAsyncStorage } from '../../client/components/static-generation-async-storage.external'
 
diff --git a/packages/next/src/server/future/helpers/i18n-provider.test.ts b/packages/next/src/server/future/helpers/i18n-provider.test.ts
index b08d06a9f4e90..22667adfb8bd4 100644
--- a/packages/next/src/server/future/helpers/i18n-provider.test.ts
+++ b/packages/next/src/server/future/helpers/i18n-provider.test.ts
@@ -1,5 +1,6 @@
-import { DomainLocale } from '../../config'
-import { I18NProvider, LocaleAnalysisResult } from './i18n-provider'
+import type { DomainLocale } from '../../config'
+import { I18NProvider } from './i18n-provider'
+import type { LocaleAnalysisResult } from './i18n-provider'
 
 describe('I18NProvider', () => {
   const config = {
diff --git a/packages/next/src/server/future/helpers/module-loader/node-module-loader.ts b/packages/next/src/server/future/helpers/module-loader/node-module-loader.ts
index 6f70685df7e75..487a9350aaf4a 100644
--- a/packages/next/src/server/future/helpers/module-loader/node-module-loader.ts
+++ b/packages/next/src/server/future/helpers/module-loader/node-module-loader.ts
@@ -1,4 +1,4 @@
-import { ModuleLoader } from './module-loader'
+import type { ModuleLoader } from './module-loader'
 
 /**
  * Loads a module using `await require(id)`.
diff --git a/packages/next/src/server/future/normalizers/absolute-filename-normalizer.ts b/packages/next/src/server/future/normalizers/absolute-filename-normalizer.ts
index b638e60f85eb6..ad8419461b3d8 100644
--- a/packages/next/src/server/future/normalizers/absolute-filename-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/absolute-filename-normalizer.ts
@@ -1,5 +1,5 @@
 import { absolutePathToPage } from '../../../shared/lib/page-path/absolute-path-to-page'
-import { Normalizer } from './normalizer'
+import type { Normalizer } from './normalizer'
 
 /**
  * Normalizes a given filename so that it's relative to the provided directory.
diff --git a/packages/next/src/server/future/normalizers/built/app/app-bundle-path-normalizer.ts b/packages/next/src/server/future/normalizers/built/app/app-bundle-path-normalizer.ts
index 815ce92f92726..df10d54223d81 100644
--- a/packages/next/src/server/future/normalizers/built/app/app-bundle-path-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/built/app/app-bundle-path-normalizer.ts
@@ -1,5 +1,5 @@
 import { Normalizers } from '../../normalizers'
-import { Normalizer } from '../../normalizer'
+import type { Normalizer } from '../../normalizer'
 import { PrefixingNormalizer } from '../../prefixing-normalizer'
 import { normalizePagePath } from '../../../../../shared/lib/page-path/normalize-page-path'
 
diff --git a/packages/next/src/server/future/normalizers/built/app/app-pathname-normalizer.ts b/packages/next/src/server/future/normalizers/built/app/app-pathname-normalizer.ts
index 7143e87138a58..c96cb523207d9 100644
--- a/packages/next/src/server/future/normalizers/built/app/app-pathname-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/built/app/app-pathname-normalizer.ts
@@ -2,7 +2,7 @@ import { normalizeAppPath } from '../../../../../shared/lib/router/utils/app-pat
 import { Normalizers } from '../../normalizers'
 import { wrapNormalizerFn } from '../../wrap-normalizer-fn'
 import { UnderscoreNormalizer } from '../../underscore-normalizer'
-import { Normalizer } from '../../normalizer'
+import type { Normalizer } from '../../normalizer'
 
 export class AppPathnameNormalizer extends Normalizers {
   constructor() {
diff --git a/packages/next/src/server/future/normalizers/built/pages/pages-bundle-path-normalizer.ts b/packages/next/src/server/future/normalizers/built/pages/pages-bundle-path-normalizer.ts
index 79cfae76e5997..b895d04e1268f 100644
--- a/packages/next/src/server/future/normalizers/built/pages/pages-bundle-path-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/built/pages/pages-bundle-path-normalizer.ts
@@ -1,5 +1,5 @@
 import { normalizePagePath } from '../../../../../shared/lib/page-path/normalize-page-path'
-import { Normalizer } from '../../normalizer'
+import type { Normalizer } from '../../normalizer'
 import { Normalizers } from '../../normalizers'
 import { PrefixingNormalizer } from '../../prefixing-normalizer'
 import { wrapNormalizerFn } from '../../wrap-normalizer-fn'
diff --git a/packages/next/src/server/future/normalizers/locale-route-normalizer.ts b/packages/next/src/server/future/normalizers/locale-route-normalizer.ts
index 61240e4dc845c..80bf2e508fe26 100644
--- a/packages/next/src/server/future/normalizers/locale-route-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/locale-route-normalizer.ts
@@ -1,5 +1,5 @@
-import { I18NProvider } from '../helpers/i18n-provider'
-import { Normalizer } from './normalizer'
+import type { I18NProvider } from '../helpers/i18n-provider'
+import type { Normalizer } from './normalizer'
 
 /**
  * Normalizes the pathname by removing the locale prefix if any.
diff --git a/packages/next/src/server/future/normalizers/normalizers.ts b/packages/next/src/server/future/normalizers/normalizers.ts
index 11226a80daeb2..4f9d6c9e24d7c 100644
--- a/packages/next/src/server/future/normalizers/normalizers.ts
+++ b/packages/next/src/server/future/normalizers/normalizers.ts
@@ -1,4 +1,4 @@
-import { Normalizer } from './normalizer'
+import type { Normalizer } from './normalizer'
 
 /**
  * Normalizers combines many normalizers into a single normalizer interface that
diff --git a/packages/next/src/server/future/normalizers/prefixing-normalizer.ts b/packages/next/src/server/future/normalizers/prefixing-normalizer.ts
index 02bef440af0c6..f16b0109bb4e7 100644
--- a/packages/next/src/server/future/normalizers/prefixing-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/prefixing-normalizer.ts
@@ -1,5 +1,5 @@
 import path from '../../../shared/lib/isomorphic/path'
-import { Normalizer } from './normalizer'
+import type { Normalizer } from './normalizer'
 
 export class PrefixingNormalizer implements Normalizer {
   private readonly prefix: string
diff --git a/packages/next/src/server/future/normalizers/underscore-normalizer.ts b/packages/next/src/server/future/normalizers/underscore-normalizer.ts
index 8436889769787..9c3ded43d3b8b 100644
--- a/packages/next/src/server/future/normalizers/underscore-normalizer.ts
+++ b/packages/next/src/server/future/normalizers/underscore-normalizer.ts
@@ -1,4 +1,4 @@
-import { Normalizer } from './normalizer'
+import type { Normalizer } from './normalizer'
 
 /**
  * UnderscoreNormalizer replaces all instances of %5F with _.
diff --git a/packages/next/src/server/future/normalizers/wrap-normalizer-fn.ts b/packages/next/src/server/future/normalizers/wrap-normalizer-fn.ts
index e8b785661e2fa..202e71a5bf770 100644
--- a/packages/next/src/server/future/normalizers/wrap-normalizer-fn.ts
+++ b/packages/next/src/server/future/normalizers/wrap-normalizer-fn.ts
@@ -1,4 +1,4 @@
-import { Normalizer } from './normalizer'
+import type { Normalizer } from './normalizer'
 
 export function wrapNormalizerFn(fn: (pathname: string) => string): Normalizer {
   return { normalize: fn }
diff --git a/packages/next/src/server/future/route-definitions/app-page-route-definition.ts b/packages/next/src/server/future/route-definitions/app-page-route-definition.ts
index 8a4ed182ccfee..fbead0628e89c 100644
--- a/packages/next/src/server/future/route-definitions/app-page-route-definition.ts
+++ b/packages/next/src/server/future/route-definitions/app-page-route-definition.ts
@@ -1,5 +1,5 @@
+import type { RouteDefinition } from './route-definition'
 import { RouteKind } from '../route-kind'
-import { RouteDefinition } from './route-definition'
 
 export interface AppPageRouteDefinition
   extends RouteDefinition<RouteKind.APP_PAGE> {
diff --git a/packages/next/src/server/future/route-definitions/locale-route-definition.ts b/packages/next/src/server/future/route-definitions/locale-route-definition.ts
index 68978e506836e..365a77e6f83bc 100644
--- a/packages/next/src/server/future/route-definitions/locale-route-definition.ts
+++ b/packages/next/src/server/future/route-definitions/locale-route-definition.ts
@@ -1,5 +1,5 @@
-import { RouteKind } from '../route-kind'
-import { RouteDefinition } from './route-definition'
+import type { RouteDefinition } from './route-definition'
+import type { RouteKind } from '../route-kind'
 
 export interface LocaleRouteDefinition<K extends RouteKind = RouteKind>
   extends RouteDefinition<K> {
diff --git a/packages/next/src/server/future/route-definitions/pages-api-route-definition.ts b/packages/next/src/server/future/route-definitions/pages-api-route-definition.ts
index 9510b0419198a..b3f94e0b2d9fe 100644
--- a/packages/next/src/server/future/route-definitions/pages-api-route-definition.ts
+++ b/packages/next/src/server/future/route-definitions/pages-api-route-definition.ts
@@ -1,5 +1,5 @@
-import { RouteKind } from '../route-kind'
-import { LocaleRouteDefinition } from './locale-route-definition'
+import type { RouteKind } from '../route-kind'
+import type { LocaleRouteDefinition } from './locale-route-definition'
 
 export interface PagesAPIRouteDefinition
   extends LocaleRouteDefinition<RouteKind.PAGES_API> {}
diff --git a/packages/next/src/server/future/route-definitions/pages-route-definition.ts b/packages/next/src/server/future/route-definitions/pages-route-definition.ts
index 8e5055d8c0afa..76779addb66d9 100644
--- a/packages/next/src/server/future/route-definitions/pages-route-definition.ts
+++ b/packages/next/src/server/future/route-definitions/pages-route-definition.ts
@@ -1,5 +1,5 @@
-import { RouteKind } from '../route-kind'
-import { LocaleRouteDefinition } from './locale-route-definition'
+import type { LocaleRouteDefinition } from './locale-route-definition'
+import type { RouteKind } from '../route-kind'
 
 export interface PagesRouteDefinition
   extends LocaleRouteDefinition<RouteKind.PAGES> {}
diff --git a/packages/next/src/server/future/route-definitions/route-definition.ts b/packages/next/src/server/future/route-definitions/route-definition.ts
index dcd23c23f8216..17904242ee716 100644
--- a/packages/next/src/server/future/route-definitions/route-definition.ts
+++ b/packages/next/src/server/future/route-definitions/route-definition.ts
@@ -1,4 +1,4 @@
-import { RouteKind } from '../route-kind'
+import type { RouteKind } from '../route-kind'
 
 export interface RouteDefinition<K extends RouteKind = RouteKind> {
   readonly kind: K
diff --git a/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.test.ts b/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.test.ts
index 7f6454aaef1bc..6c48d759834be 100644
--- a/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.test.ts
+++ b/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.test.ts
@@ -1,12 +1,12 @@
-import { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
-import { LocaleRouteDefinition } from '../route-definitions/locale-route-definition'
-import { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
+import type { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
+import type { LocaleRouteDefinition } from '../route-definitions/locale-route-definition'
+import type { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
 import { RouteKind } from '../route-kind'
-import { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
+import type { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
 import { LocaleRouteMatcher } from '../route-matchers/locale-route-matcher'
 import { RouteMatcher } from '../route-matchers/route-matcher'
 import { DefaultRouteMatcherManager } from './default-route-matcher-manager'
-import { MatchOptions } from './route-matcher-manager'
+import type { MatchOptions } from './route-matcher-manager'
 
 describe('DefaultRouteMatcherManager', () => {
   it('will throw an error when used before it has been reloaded', async () => {
diff --git a/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.ts b/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.ts
index 6b47776376b6d..df40fe02eacbe 100644
--- a/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.ts
+++ b/packages/next/src/server/future/route-matcher-managers/default-route-matcher-manager.ts
@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
 import { isDynamicRoute } from '../../../shared/lib/router/utils'
-import { RouteKind } from '../route-kind'
-import { RouteMatch } from '../route-matches/route-match'
-import { RouteDefinition } from '../route-definitions/route-definition'
-import { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
-import { RouteMatcher } from '../route-matchers/route-matcher'
-import { MatchOptions, RouteMatcherManager } from './route-matcher-manager'
+import type { RouteKind } from '../route-kind'
+import type { RouteMatch } from '../route-matches/route-match'
+import type { RouteDefinition } from '../route-definitions/route-definition'
+import type { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
+import type { RouteMatcher } from '../route-matchers/route-matcher'
+import type { MatchOptions, RouteMatcherManager } from './route-matcher-manager'
 import { getSortedRoutes } from '../../../shared/lib/router/utils'
 import { LocaleRouteMatcher } from '../route-matchers/locale-route-matcher'
 import { ensureLeadingSlash } from '../../../shared/lib/page-path/ensure-leading-slash'
diff --git a/packages/next/src/server/future/route-matcher-managers/dev-route-matcher-manager.ts b/packages/next/src/server/future/route-matcher-managers/dev-route-matcher-manager.ts
index 464700913f19e..78d69b95a698a 100644
--- a/packages/next/src/server/future/route-matcher-managers/dev-route-matcher-manager.ts
+++ b/packages/next/src/server/future/route-matcher-managers/dev-route-matcher-manager.ts
@@ -1,12 +1,12 @@
 import { RouteKind } from '../route-kind'
-import { RouteMatch } from '../route-matches/route-match'
-import { RouteDefinition } from '../route-definitions/route-definition'
+import type { RouteMatch } from '../route-matches/route-match'
+import type { RouteDefinition } from '../route-definitions/route-definition'
 import { DefaultRouteMatcherManager } from './default-route-matcher-manager'
-import { MatchOptions, RouteMatcherManager } from './route-matcher-manager'
+import type { MatchOptions, RouteMatcherManager } from './route-matcher-manager'
 import path from '../../../shared/lib/isomorphic/path'
 import * as Log from '../../../build/output/log'
 import { cyan } from '../../../lib/picocolors'
-import { RouteMatcher } from '../route-matchers/route-matcher'
+import type { RouteMatcher } from '../route-matchers/route-matcher'
 
 export interface RouteEnsurer {
   ensure(match: RouteMatch): Promise<void>
diff --git a/packages/next/src/server/future/route-matcher-managers/route-matcher-manager.ts b/packages/next/src/server/future/route-matcher-managers/route-matcher-manager.ts
index dc4e8f024caa2..2b58a9891621c 100644
--- a/packages/next/src/server/future/route-matcher-managers/route-matcher-manager.ts
+++ b/packages/next/src/server/future/route-matcher-managers/route-matcher-manager.ts
@@ -1,5 +1,5 @@
-import { RouteMatch } from '../route-matches/route-match'
-import { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
+import type { RouteMatch } from '../route-matches/route-match'
+import type { RouteMatcherProvider } from '../route-matcher-providers/route-matcher-provider'
 import type { LocaleAnalysisResult } from '../helpers/i18n-provider'
 
 export type MatchOptions = {
diff --git a/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.test.ts
index bc3a15b4fac48..e4a97bf14fd8f 100644
--- a/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.test.ts
@@ -1,8 +1,8 @@
 import { SERVER_DIRECTORY } from '../../../shared/lib/constants'
-import { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
+import type { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
 import { RouteKind } from '../route-kind'
 import { AppPageRouteMatcherProvider } from './app-page-route-matcher-provider'
-import { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
+import type { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
 
 describe('AppPageRouteMatcherProvider', () => {
   it('returns no routes with an empty manifest', async () => {
diff --git a/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.ts
index e63751c3cac06..a7d2385754868 100644
--- a/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/app-page-route-matcher-provider.ts
@@ -4,7 +4,7 @@ import { APP_PATHS_MANIFEST } from '../../../shared/lib/constants'
 import { AppNormalizers } from '../normalizers/built/app'
 import { RouteKind } from '../route-kind'
 import { AppPageRouteMatcher } from '../route-matchers/app-page-route-matcher'
-import {
+import type {
   Manifest,
   ManifestLoader,
 } from './helpers/manifest-loaders/manifest-loader'
diff --git a/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.test.ts
index 335322111f17e..a542b1055be92 100644
--- a/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.test.ts
@@ -1,8 +1,8 @@
 import { SERVER_DIRECTORY } from '../../../shared/lib/constants'
-import { AppRouteRouteDefinition } from '../route-definitions/app-route-route-definition'
+import type { AppRouteRouteDefinition } from '../route-definitions/app-route-route-definition'
 import { RouteKind } from '../route-kind'
 import { AppRouteRouteMatcherProvider } from './app-route-route-matcher-provider'
-import { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
+import type { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
 
 describe('AppRouteRouteMatcherProvider', () => {
   it('returns no routes with an empty manifest', async () => {
diff --git a/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.ts
index 98ec570ac696b..2e9845795dc06 100644
--- a/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/app-route-route-matcher-provider.ts
@@ -2,7 +2,7 @@ import { isAppRouteRoute } from '../../../lib/is-app-route-route'
 import { APP_PATHS_MANIFEST } from '../../../shared/lib/constants'
 import { RouteKind } from '../route-kind'
 import { AppRouteRouteMatcher } from '../route-matchers/app-route-route-matcher'
-import {
+import type {
   Manifest,
   ManifestLoader,
 } from './helpers/manifest-loaders/manifest-loader'
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.test.ts
index 2226b565d075e..c494ebbdfcefb 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.test.ts
@@ -1,7 +1,7 @@
-import { AppPageRouteDefinition } from '../../route-definitions/app-page-route-definition'
+import type { AppPageRouteDefinition } from '../../route-definitions/app-page-route-definition'
 import { RouteKind } from '../../route-kind'
 import { DevAppPageRouteMatcherProvider } from './dev-app-page-route-matcher-provider'
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 
 describe('DevAppPageRouteMatcher', () => {
   const dir = '<root>'
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.ts
index f57a2a0c392d2..2d7914fc99992 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-page-route-matcher-provider.ts
@@ -1,4 +1,4 @@
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 import { AppPageRouteMatcher } from '../../route-matchers/app-page-route-matcher'
 import { RouteKind } from '../../route-kind'
 import { FileCacheRouteMatcherProvider } from './file-cache-route-matcher-provider'
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.test.ts
index 477b22400b65a..d7f9c48cfc093 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.test.ts
@@ -1,7 +1,7 @@
-import { AppRouteRouteDefinition } from '../../route-definitions/app-route-route-definition'
+import type { AppRouteRouteDefinition } from '../../route-definitions/app-route-route-definition'
 import { RouteKind } from '../../route-kind'
 import { DevAppRouteRouteMatcherProvider } from './dev-app-route-route-matcher-provider'
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 
 describe('DevAppRouteRouteMatcher', () => {
   const dir = '<root>'
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.ts
index d196d697436ae..520724e9be74e 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-app-route-route-matcher-provider.ts
@@ -1,6 +1,6 @@
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
+import type { Normalizer } from '../../normalizers/normalizer'
 import { AppRouteRouteMatcher } from '../../route-matchers/app-route-route-matcher'
-import { Normalizer } from '../../normalizers/normalizer'
 import { RouteKind } from '../../route-kind'
 import { FileCacheRouteMatcherProvider } from './file-cache-route-matcher-provider'
 import { isAppRouteRoute } from '../../../../lib/is-app-route-route'
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.test.ts
index f3a9f744b15f4..7386057594187 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.test.ts
@@ -1,8 +1,8 @@
 import path from 'path'
-import { PagesAPIRouteDefinition } from '../../route-definitions/pages-api-route-definition'
+import type { PagesAPIRouteDefinition } from '../../route-definitions/pages-api-route-definition'
 import { RouteKind } from '../../route-kind'
 import { DevPagesAPIRouteMatcherProvider } from './dev-pages-api-route-matcher-provider'
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 
 const normalizeSlashes = (p: string) => p.replace(/\//g, path.sep)
 
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.ts
index beea03ceb75f3..38c805a4d2bd4 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-api-route-matcher-provider.ts
@@ -1,11 +1,11 @@
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 import {
   PagesAPILocaleRouteMatcher,
   PagesAPIRouteMatcher,
 } from '../../route-matchers/pages-api-route-matcher'
 import { RouteKind } from '../../route-kind'
 import path from 'path'
-import { LocaleRouteNormalizer } from '../../normalizers/locale-route-normalizer'
+import type { LocaleRouteNormalizer } from '../../normalizers/locale-route-normalizer'
 import { FileCacheRouteMatcherProvider } from './file-cache-route-matcher-provider'
 import { DevPagesNormalizers } from '../../normalizers/built/pages'
 
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.test.ts
index c5875f2d1cdf2..06eee88592c00 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.test.ts
@@ -1,8 +1,8 @@
 import path from 'path'
-import { PagesRouteDefinition } from '../../route-definitions/pages-route-definition'
+import type { PagesRouteDefinition } from '../../route-definitions/pages-route-definition'
 import { RouteKind } from '../../route-kind'
 import { DevPagesRouteMatcherProvider } from './dev-pages-route-matcher-provider'
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 
 const normalizeSlashes = (p: string) => p.replace(/\//g, path.sep)
 
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.ts
index f391af162329a..fef702de3d2bb 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/dev-pages-route-matcher-provider.ts
@@ -1,11 +1,11 @@
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 import {
   PagesRouteMatcher,
   PagesLocaleRouteMatcher,
 } from '../../route-matchers/pages-route-matcher'
 import { RouteKind } from '../../route-kind'
 import path from 'path'
-import { LocaleRouteNormalizer } from '../../normalizers/locale-route-normalizer'
+import type { LocaleRouteNormalizer } from '../../normalizers/locale-route-normalizer'
 import { FileCacheRouteMatcherProvider } from './file-cache-route-matcher-provider'
 import { DevPagesNormalizers } from '../../normalizers/built/pages'
 
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/file-cache-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/dev/file-cache-route-matcher-provider.ts
index bc212ee825e58..a354d906acabe 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/file-cache-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/file-cache-route-matcher-provider.ts
@@ -1,6 +1,6 @@
-import { RouteMatcher } from '../../route-matchers/route-matcher'
+import type { RouteMatcher } from '../../route-matchers/route-matcher'
 import { CachedRouteMatcherProvider } from '../helpers/cached-route-matcher-provider'
-import { FileReader } from './helpers/file-reader/file-reader'
+import type { FileReader } from './helpers/file-reader/file-reader'
 
 /**
  * This will memoize the matchers when the file contents are the same.
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.test.ts b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.test.ts
index 36342762bfce9..beddc544eeec2 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.test.ts
@@ -1,5 +1,5 @@
 import { BatchedFileReader } from './batched-file-reader'
-import { FileReader } from './file-reader'
+import type { FileReader } from './file-reader'
 
 describe('CachedFileReader', () => {
   it('will only scan the filesystem a minimal amount of times', async () => {
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.ts b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.ts
index c6ad88b2f6f35..3b7b5f6e0a7a5 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/batched-file-reader.ts
@@ -1,4 +1,4 @@
-import { FileReader } from './file-reader'
+import type { FileReader } from './file-reader'
 
 interface FileReaderBatch {
   completed: boolean
diff --git a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/default-file-reader.ts b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/default-file-reader.ts
index 96a463fe3b83c..f3411281fe19d 100644
--- a/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/default-file-reader.ts
+++ b/packages/next/src/server/future/route-matcher-providers/dev/helpers/file-reader/default-file-reader.ts
@@ -1,9 +1,6 @@
 import type { FileReader } from './file-reader'
-
-import {
-  RecursiveReadDirOptions,
-  recursiveReadDir,
-} from '../../../../../../lib/recursive-readdir'
+import type { RecursiveReadDirOptions } from '../../../../../../lib/recursive-readdir'
+import { recursiveReadDir } from '../../../../../../lib/recursive-readdir'
 
 export type DefaultFileReaderOptions = Pick<
   RecursiveReadDirOptions,
diff --git a/packages/next/src/server/future/route-matcher-providers/helpers/cached-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/helpers/cached-route-matcher-provider.ts
index e5e27b4e991a9..b21fc3245e503 100644
--- a/packages/next/src/server/future/route-matcher-providers/helpers/cached-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/helpers/cached-route-matcher-provider.ts
@@ -1,5 +1,5 @@
-import { RouteMatcher } from '../../route-matchers/route-matcher'
-import { RouteMatcherProvider } from '../route-matcher-provider'
+import type { RouteMatcherProvider } from '../route-matcher-provider'
+import type { RouteMatcher } from '../../route-matchers/route-matcher'
 
 interface LoaderComparable<D> {
   load(): Promise<D>
diff --git a/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/node-manifest-loader.ts b/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/node-manifest-loader.ts
index a7bcd301439aa..95cedd38b1741 100644
--- a/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/node-manifest-loader.ts
+++ b/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/node-manifest-loader.ts
@@ -1,6 +1,6 @@
 import { SERVER_DIRECTORY } from '../../../../../shared/lib/constants'
 import path from '../../../../../shared/lib/isomorphic/path'
-import { Manifest, ManifestLoader } from './manifest-loader'
+import type { Manifest, ManifestLoader } from './manifest-loader'
 
 export class NodeManifestLoader implements ManifestLoader {
   constructor(private readonly distDir: string) {}
diff --git a/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/server-manifest-loader.ts b/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/server-manifest-loader.ts
index 6ecbcb4e1f0d0..27f187bd66e6a 100644
--- a/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/server-manifest-loader.ts
+++ b/packages/next/src/server/future/route-matcher-providers/helpers/manifest-loaders/server-manifest-loader.ts
@@ -1,4 +1,4 @@
-import { Manifest, ManifestLoader } from './manifest-loader'
+import type { Manifest, ManifestLoader } from './manifest-loader'
 
 export class ServerManifestLoader implements ManifestLoader {
   constructor(private readonly getter: (name: string) => Manifest | null) {}
diff --git a/packages/next/src/server/future/route-matcher-providers/manifest-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/manifest-route-matcher-provider.ts
index e9dffe1997359..33312484785d4 100644
--- a/packages/next/src/server/future/route-matcher-providers/manifest-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/manifest-route-matcher-provider.ts
@@ -1,5 +1,5 @@
-import { RouteMatcher } from '../route-matchers/route-matcher'
-import {
+import type { RouteMatcher } from '../route-matchers/route-matcher'
+import type {
   Manifest,
   ManifestLoader,
 } from './helpers/manifest-loaders/manifest-loader'
diff --git a/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.test.ts
index fa860ed795bd3..62327ded1dbfa 100644
--- a/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.test.ts
@@ -1,7 +1,7 @@
 import { PAGES_MANIFEST, SERVER_DIRECTORY } from '../../../shared/lib/constants'
-import { PagesAPIRouteDefinition } from '../route-definitions/pages-api-route-definition'
+import type { PagesAPIRouteDefinition } from '../route-definitions/pages-api-route-definition'
 import { RouteKind } from '../route-kind'
-import { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
+import type { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
 import { PagesAPIRouteMatcherProvider } from './pages-api-route-matcher-provider'
 
 describe('PagesAPIRouteMatcherProvider', () => {
diff --git a/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.ts
index aff90bc60b7d3..aad90e1448a5a 100644
--- a/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/pages-api-route-matcher-provider.ts
@@ -5,12 +5,12 @@ import {
   PagesAPILocaleRouteMatcher,
   PagesAPIRouteMatcher,
 } from '../route-matchers/pages-api-route-matcher'
-import {
+import type {
   Manifest,
   ManifestLoader,
 } from './helpers/manifest-loaders/manifest-loader'
 import { ManifestRouteMatcherProvider } from './manifest-route-matcher-provider'
-import { I18NProvider } from '../helpers/i18n-provider'
+import type { I18NProvider } from '../helpers/i18n-provider'
 import { PagesNormalizers } from '../normalizers/built/pages'
 
 export class PagesAPIRouteMatcherProvider extends ManifestRouteMatcherProvider<PagesAPIRouteMatcher> {
diff --git a/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.test.ts b/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.test.ts
index 49ab3fca32b5d..f0e698b5beb58 100644
--- a/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.test.ts
+++ b/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.test.ts
@@ -1,8 +1,8 @@
 import { PAGES_MANIFEST, SERVER_DIRECTORY } from '../../../shared/lib/constants'
 import { I18NProvider } from '../helpers/i18n-provider'
-import { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
+import type { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
 import { RouteKind } from '../route-kind'
-import { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
+import type { ManifestLoader } from './helpers/manifest-loaders/manifest-loader'
 import { PagesRouteMatcherProvider } from './pages-route-matcher-provider'
 
 describe('PagesRouteMatcherProvider', () => {
diff --git a/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.ts
index 1624985de963b..a6f340656f025 100644
--- a/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/pages-route-matcher-provider.ts
@@ -5,12 +5,12 @@ import {
   PagesLocaleRouteMatcher,
   PagesRouteMatcher,
 } from '../route-matchers/pages-route-matcher'
-import {
+import type {
   Manifest,
   ManifestLoader,
 } from './helpers/manifest-loaders/manifest-loader'
 import { ManifestRouteMatcherProvider } from './manifest-route-matcher-provider'
-import { I18NProvider } from '../helpers/i18n-provider'
+import type { I18NProvider } from '../helpers/i18n-provider'
 import { PagesNormalizers } from '../normalizers/built/pages'
 
 export class PagesRouteMatcherProvider extends ManifestRouteMatcherProvider<PagesRouteMatcher> {
diff --git a/packages/next/src/server/future/route-matcher-providers/route-matcher-provider.ts b/packages/next/src/server/future/route-matcher-providers/route-matcher-provider.ts
index 6263a9db5cf1b..d2c470126384d 100644
--- a/packages/next/src/server/future/route-matcher-providers/route-matcher-provider.ts
+++ b/packages/next/src/server/future/route-matcher-providers/route-matcher-provider.ts
@@ -1,4 +1,4 @@
-import { RouteMatcher } from '../route-matchers/route-matcher'
+import type { RouteMatcher } from '../route-matchers/route-matcher'
 
 export interface RouteMatcherProvider<M extends RouteMatcher = RouteMatcher> {
   matchers(): Promise<ReadonlyArray<M>>
diff --git a/packages/next/src/server/future/route-matchers/app-page-route-matcher.ts b/packages/next/src/server/future/route-matchers/app-page-route-matcher.ts
index fc154acdd608e..a87216d6843db 100644
--- a/packages/next/src/server/future/route-matchers/app-page-route-matcher.ts
+++ b/packages/next/src/server/future/route-matchers/app-page-route-matcher.ts
@@ -1,5 +1,5 @@
 import { RouteMatcher } from './route-matcher'
-import { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
+import type { AppPageRouteDefinition } from '../route-definitions/app-page-route-definition'
 
 export class AppPageRouteMatcher extends RouteMatcher<AppPageRouteDefinition> {
   public get identity(): string {
diff --git a/packages/next/src/server/future/route-matchers/app-route-route-matcher.ts b/packages/next/src/server/future/route-matchers/app-route-route-matcher.ts
index 0bc3720ff9d2d..2f64ea91a1f15 100644
--- a/packages/next/src/server/future/route-matchers/app-route-route-matcher.ts
+++ b/packages/next/src/server/future/route-matchers/app-route-route-matcher.ts
@@ -1,4 +1,4 @@
 import { RouteMatcher } from './route-matcher'
-import { AppRouteRouteDefinition } from '../route-definitions/app-route-route-definition'
+import type { AppRouteRouteDefinition } from '../route-definitions/app-route-route-definition'
 
 export class AppRouteRouteMatcher extends RouteMatcher<AppRouteRouteDefinition> {}
diff --git a/packages/next/src/server/future/route-matchers/pages-api-route-matcher.ts b/packages/next/src/server/future/route-matchers/pages-api-route-matcher.ts
index 84cd8eec412af..d8a1611acb3ff 100644
--- a/packages/next/src/server/future/route-matchers/pages-api-route-matcher.ts
+++ b/packages/next/src/server/future/route-matchers/pages-api-route-matcher.ts
@@ -1,4 +1,4 @@
-import { PagesAPIRouteDefinition } from '../route-definitions/pages-api-route-definition'
+import type { PagesAPIRouteDefinition } from '../route-definitions/pages-api-route-definition'
 import { LocaleRouteMatcher } from './locale-route-matcher'
 import { RouteMatcher } from './route-matcher'
 
diff --git a/packages/next/src/server/future/route-matchers/pages-route-matcher.ts b/packages/next/src/server/future/route-matchers/pages-route-matcher.ts
index aacf69d419ccb..571db79a5247a 100644
--- a/packages/next/src/server/future/route-matchers/pages-route-matcher.ts
+++ b/packages/next/src/server/future/route-matchers/pages-route-matcher.ts
@@ -1,4 +1,4 @@
-import { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
+import type { PagesRouteDefinition } from '../route-definitions/pages-route-definition'
 import { LocaleRouteMatcher } from './locale-route-matcher'
 import { RouteMatcher } from './route-matcher'
 
diff --git a/packages/next/src/server/future/route-modules/helpers/response-handlers.ts b/packages/next/src/server/future/route-modules/helpers/response-handlers.ts
index be04ee0ae2674..a45c720585be3 100644
--- a/packages/next/src/server/future/route-modules/helpers/response-handlers.ts
+++ b/packages/next/src/server/future/route-modules/helpers/response-handlers.ts
@@ -1,5 +1,5 @@
 import { appendMutableCookies } from '../../../web/spec-extension/adapters/request-cookies'
-import { ResponseCookies } from '../../../web/spec-extension/cookies'
+import type { ResponseCookies } from '../../../web/spec-extension/cookies'
 
 export function handleRedirectResponse(
   url: string,
diff --git a/packages/next/src/server/future/route-modules/pages-api/module.ts b/packages/next/src/server/future/route-modules/pages-api/module.ts
index 70940f443172b..0ef835f5497b0 100644
--- a/packages/next/src/server/future/route-modules/pages-api/module.ts
+++ b/packages/next/src/server/future/route-modules/pages-api/module.ts
@@ -2,14 +2,11 @@ import type { IncomingMessage, ServerResponse } from 'http'
 import type { PagesAPIRouteDefinition } from '../../route-definitions/pages-api-route-definition'
 import type { PageConfig } from '../../../../../types'
 import type { ParsedUrlQuery } from 'querystring'
+import type { __ApiPreviewProps } from '../../../api-utils'
+import type { RouteModuleOptions } from '../route-module'
 
-import {
-  RouteModule,
-  RouteModuleOptions,
-  type RouteModuleHandleContext,
-} from '../route-module'
+import { RouteModule, type RouteModuleHandleContext } from '../route-module'
 import { apiResolver } from '../../../api-utils/node/api-resolver'
-import { __ApiPreviewProps } from '../../../api-utils'
 
 type PagesAPIHandleFn = (
   req: IncomingMessage,
diff --git a/packages/next/src/server/lib/incremental-cache/file-system-cache.ts b/packages/next/src/server/lib/incremental-cache/file-system-cache.ts
index 0d63dd3e8a709..42af26e0249ed 100644
--- a/packages/next/src/server/lib/incremental-cache/file-system-cache.ts
+++ b/packages/next/src/server/lib/incremental-cache/file-system-cache.ts
@@ -1,10 +1,10 @@
 import type { OutgoingHttpHeaders } from 'http'
 import type { CacheHandler, CacheHandlerContext, CacheHandlerValue } from './'
+import type { CacheFs } from '../../../shared/lib/utils'
+import type { CachedFetchValue } from '../../response-cache'
 
 import LRUCache from 'next/dist/compiled/lru-cache'
-import { CacheFs } from '../../../shared/lib/utils'
 import path from '../../../shared/lib/isomorphic/path'
-import { CachedFetchValue } from '../../response-cache'
 import { NEXT_CACHE_TAGS_HEADER } from '../../../lib/constants'
 
 type FileSystemCacheContext = Omit<
diff --git a/packages/next/src/server/lib/incremental-cache/index.ts b/packages/next/src/server/lib/incremental-cache/index.ts
index 3032aa685300b..91e10c618af45 100644
--- a/packages/next/src/server/lib/incremental-cache/index.ts
+++ b/packages/next/src/server/lib/incremental-cache/index.ts
@@ -1,16 +1,16 @@
 import type { CacheFs } from '../../../shared/lib/utils'
-
+import type { PrerenderManifest } from '../../../build'
+import type {
+  IncrementalCacheValue,
+  IncrementalCacheEntry,
+} from '../../response-cache'
 import FetchCache from './fetch-cache'
 import FileSystemCache from './file-system-cache'
-import { PrerenderManifest } from '../../../build'
 import path from '../../../shared/lib/isomorphic/path'
 import { encodeText } from '../../stream-utils/encode-decode'
 import { encode } from '../../../shared/lib/base64-arraybuffer'
 import { normalizePagePath } from '../../../shared/lib/page-path/normalize-page-path'
-import {
-  IncrementalCacheValue,
-  IncrementalCacheEntry,
-} from '../../response-cache'
+
 import {
   CACHE_ONE_YEAR,
   NEXT_CACHE_REVALIDATED_TAGS_HEADER,
diff --git a/packages/next/src/server/lib/render-server.ts b/packages/next/src/server/lib/render-server.ts
index 21c2a6ae9f6fc..cf0603588e7d4 100644
--- a/packages/next/src/server/lib/render-server.ts
+++ b/packages/next/src/server/lib/render-server.ts
@@ -1,8 +1,8 @@
 import type { NextServer, RequestHandler } from '../next'
 import type { DevBundlerService } from './dev-bundler-service'
+import type { PropagateToWorkersField } from './router-utils/types'
 
 import next from '../next'
-import { PropagateToWorkersField } from './router-utils/types'
 
 let initializations: Record<
   string,
diff --git a/packages/next/src/server/lib/router-server.ts b/packages/next/src/server/lib/router-server.ts
index b1e8e7487fe20..8774e0913f3bb 100644
--- a/packages/next/src/server/lib/router-server.ts
+++ b/packages/next/src/server/lib/router-server.ts
@@ -1,7 +1,7 @@
 // this must come first as it includes require hooks
 import type { WorkerRequestHandler, WorkerUpgradeHandler } from './types'
 import type { DevBundler } from './router-utils/setup-dev-bundler'
-
+import type { NextUrlWithParsedQuery } from '../request-meta'
 // This is required before other imports to ensure the require hook is setup.
 import '../node-polyfill-fetch'
 import '../node-environment'
@@ -20,7 +20,7 @@ import { setupFsCheck } from './router-utils/filesystem'
 import { proxyRequest } from './router-utils/proxy-request'
 import { isAbortError, pipeReadable } from '../pipe-readable'
 import { getResolveRoutes } from './router-utils/resolve-routes'
-import { NextUrlWithParsedQuery, getRequestMeta } from '../request-meta'
+import { getRequestMeta } from '../request-meta'
 import { pathHasPrefix } from '../../shared/lib/router/utils/path-has-prefix'
 import { removePathPrefix } from '../../shared/lib/router/utils/remove-path-prefix'
 import setupCompression from 'next/dist/compiled/compression'
diff --git a/packages/next/src/server/lib/router-utils/filesystem.ts b/packages/next/src/server/lib/router-utils/filesystem.ts
index dfea25dad2561..6986a891509c3 100644
--- a/packages/next/src/server/lib/router-utils/filesystem.ts
+++ b/packages/next/src/server/lib/router-utils/filesystem.ts
@@ -5,6 +5,9 @@ import type {
 } from '../../../build'
 import type { NextConfigComplete } from '../../config-shared'
 import type { MiddlewareManifest } from '../../../build/webpack/plugins/middleware-plugin'
+import type { UnwrapPromise } from '../../../lib/coalesced-function'
+import type { PatchMatcher } from '../../../shared/lib/router/utils/path-match'
+import type { MiddlewareRouteMatch } from '../../../shared/lib/router/utils/middleware-route-matcher'
 
 import path from 'path'
 import fs from 'fs/promises'
@@ -13,25 +16,18 @@ import setupDebug from 'next/dist/compiled/debug'
 import LRUCache from 'next/dist/compiled/lru-cache'
 import loadCustomRoutes from '../../../lib/load-custom-routes'
 import { modifyRouteRegex } from '../../../lib/redirect-status'
-import { UnwrapPromise } from '../../../lib/coalesced-function'
 import { FileType, fileExists } from '../../../lib/file-exists'
 import { recursiveReadDir } from '../../../lib/recursive-readdir'
 import { isDynamicRoute } from '../../../shared/lib/router/utils'
 import { escapeStringRegexp } from '../../../shared/lib/escape-regexp'
-import {
-  PatchMatcher,
-  getPathMatch,
-} from '../../../shared/lib/router/utils/path-match'
+import { getPathMatch } from '../../../shared/lib/router/utils/path-match'
 import { getRouteRegex } from '../../../shared/lib/router/utils/route-regex'
 import { getRouteMatcher } from '../../../shared/lib/router/utils/route-matcher'
 import { pathHasPrefix } from '../../../shared/lib/router/utils/path-has-prefix'
 import { normalizeLocalePath } from '../../../shared/lib/i18n/normalize-locale-path'
 import { removePathPrefix } from '../../../shared/lib/router/utils/remove-path-prefix'
 
-import {
-  MiddlewareRouteMatch,
-  getMiddlewareRouteMatcher,
-} from '../../../shared/lib/router/utils/middleware-route-matcher'
+import { getMiddlewareRouteMatcher } from '../../../shared/lib/router/utils/middleware-route-matcher'
 
 import {
   APP_PATH_ROUTES_MANIFEST,
diff --git a/packages/next/src/server/lib/router-utils/resolve-routes.ts b/packages/next/src/server/lib/router-utils/resolve-routes.ts
index c2f07cd06a17c..287041bf32835 100644
--- a/packages/next/src/server/lib/router-utils/resolve-routes.ts
+++ b/packages/next/src/server/lib/router-utils/resolve-routes.ts
@@ -4,18 +4,19 @@ import type { IncomingMessage, ServerResponse } from 'http'
 import type { NextConfigComplete } from '../../config-shared'
 import type { RenderServer, initialize } from '../router-server'
 import type { PatchMatcher } from '../../../shared/lib/router/utils/path-match'
+import type { Redirect } from '../../../../types'
+import type { Header } from '../../../lib/load-custom-routes'
+import type { UnwrapPromise } from '../../../lib/coalesced-function'
+import type { NextUrlWithParsedQuery } from '../../request-meta'
 
 import url from 'url'
-import { Redirect } from '../../../../types'
 import setupDebug from 'next/dist/compiled/debug'
 import { getCloneableBody } from '../../body-streams'
-import { Header } from '../../../lib/load-custom-routes'
 import { stringifyQuery } from '../../server-route-utils'
 import { formatHostname } from '../format-hostname'
 import { toNodeOutgoingHttpHeaders } from '../../web/utils'
 import { isAbortError } from '../../pipe-readable'
 import { getHostname } from '../../../shared/lib/get-hostname'
-import { UnwrapPromise } from '../../../lib/coalesced-function'
 import { getRedirectStatus } from '../../../lib/redirect-status'
 import { normalizeRepeatedSlashes } from '../../../shared/lib/utils'
 import { relativizeURL } from '../../../shared/lib/router/utils/relativize-url'
@@ -25,7 +26,7 @@ import { detectDomainLocale } from '../../../shared/lib/i18n/detect-domain-local
 import { normalizeLocalePath } from '../../../shared/lib/i18n/normalize-locale-path'
 import { removePathPrefix } from '../../../shared/lib/router/utils/remove-path-prefix'
 
-import { NextUrlWithParsedQuery, addRequestMeta } from '../../request-meta'
+import { addRequestMeta } from '../../request-meta'
 import {
   compileNonPath,
   matchHas,
diff --git a/packages/next/src/server/lib/router-utils/setup-dev-bundler.ts b/packages/next/src/server/lib/router-utils/setup-dev-bundler.ts
index 5ba81e901a105..36d4700f1716c 100644
--- a/packages/next/src/server/lib/router-utils/setup-dev-bundler.ts
+++ b/packages/next/src/server/lib/router-utils/setup-dev-bundler.ts
@@ -1,17 +1,32 @@
 import type { NextConfigComplete } from '../../config-shared'
-import {
+import type {
   Endpoint,
   Route,
   TurbopackResult,
   WrittenEndpoint,
   ServerClientChange,
-  ServerClientChangeType,
   Issue,
-  createDefineEnv,
 } from '../../../build/swc'
 import type { Socket } from 'net'
-import ws from 'next/dist/compiled/ws'
+import type { FilesystemDynamicRoute } from './filesystem'
+import type { UnwrapPromise } from '../../../lib/coalesced-function'
+import type { MiddlewareMatcher } from '../../../build/analysis/get-page-static-info'
+import type { OutputState } from '../../../build/output/store'
+import type { MiddlewareRouteMatch } from '../../../shared/lib/router/utils/middleware-route-matcher'
+import type { BuildManifest } from '../../get-page-files'
+import type { PagesManifest } from '../../../build/webpack/plugins/pages-manifest-plugin'
+import type { AppBuildManifest } from '../../../build/webpack/plugins/app-build-manifest-plugin'
+import type { PropagateToWorkersField } from './types'
+import type { MiddlewareManifest } from '../../../build/webpack/plugins/middleware-plugin'
+import type {
+  HMR_ACTION_TYPES,
+  NextJsHotReloaderInterface,
+  ReloadPageAction,
+  TurbopackConnectedAction,
+} from '../../dev/hot-reloader-types'
 
+import ws from 'next/dist/compiled/ws'
+import { ServerClientChangeType, createDefineEnv } from '../../../build/swc'
 import fs from 'fs'
 import url from 'url'
 import path from 'path'
@@ -20,37 +35,35 @@ import Watchpack from 'watchpack'
 import { loadEnvConfig } from '@next/env'
 import isError from '../../../lib/is-error'
 import findUp from 'next/dist/compiled/find-up'
-import { FilesystemDynamicRoute, buildCustomRoute } from './filesystem'
+import { buildCustomRoute } from './filesystem'
 import * as Log from '../../../build/output/log'
 import HotReloader, {
   matchNextPageBundleRequest,
 } from '../../dev/hot-reloader-webpack'
 import { setGlobal } from '../../../trace/shared'
-import { Telemetry } from '../../../telemetry/storage'
-import { IncomingMessage, ServerResponse } from 'http'
+import type { Telemetry } from '../../../telemetry/storage'
+import type { IncomingMessage, ServerResponse } from 'http'
 import loadJsConfig from '../../../build/load-jsconfig'
 import { createValidFileMatcher } from '../find-page-file'
 import { eventCliSession } from '../../../telemetry/events'
 import { getDefineEnv } from '../../../build/webpack/plugins/define-env-plugin'
 import { logAppDirError } from '../../dev/log-app-dir-error'
-import { UnwrapPromise } from '../../../lib/coalesced-function'
 import { getSortedRoutes } from '../../../shared/lib/router/utils'
 import {
   getStaticInfoIncludingLayouts,
   sortByPageExts,
 } from '../../../build/entries'
-import { verifyTypeScriptSetup } from '../../../lib/verifyTypeScriptSetup'
+import { verifyTypeScriptSetup } from '../../../lib/verify-typescript-setup'
 import { verifyPartytownSetup } from '../../../lib/verify-partytown-setup'
 import { getRouteRegex } from '../../../shared/lib/router/utils/route-regex'
 import { normalizeAppPath } from '../../../shared/lib/router/utils/app-paths'
 import { buildDataRoute } from './build-data-route'
-import { MiddlewareMatcher } from '../../../build/analysis/get-page-static-info'
 import { getRouteMatcher } from '../../../shared/lib/router/utils/route-matcher'
 import { normalizePathSep } from '../../../shared/lib/page-path/normalize-path-sep'
 import { createClientRouterFilter } from '../../../lib/create-client-router-filter'
 import { absolutePathToPage } from '../../../shared/lib/page-path/absolute-path-to-page'
 import { generateInterceptionRoutesRewrites } from '../../../lib/generate-interception-routes-rewrites'
-import { OutputState, store as consoleStore } from '../../../build/output/store'
+import { store as consoleStore } from '../../../build/output/store'
 
 import {
   APP_BUILD_MANIFEST,
@@ -67,10 +80,7 @@ import {
   SERVER_REFERENCE_MANIFEST,
 } from '../../../shared/lib/constants'
 
-import {
-  MiddlewareRouteMatch,
-  getMiddlewareRouteMatcher,
-} from '../../../shared/lib/router/utils/middleware-route-matcher'
+import { getMiddlewareRouteMatcher } from '../../../shared/lib/router/utils/middleware-route-matcher'
 import { NextBuildContext } from '../../../build/build-context'
 
 import {
@@ -86,24 +96,13 @@ import {
   getSourceById,
   parseStack,
 } from 'next/dist/compiled/@next/react-dev-overlay/dist/middleware'
-import { BuildManifest } from '../../get-page-files'
 import { mkdir, readFile, writeFile, rename, unlink } from 'fs/promises'
-import { PagesManifest } from '../../../build/webpack/plugins/pages-manifest-plugin'
-import { AppBuildManifest } from '../../../build/webpack/plugins/app-build-manifest-plugin'
 import { PageNotFoundError } from '../../../shared/lib/utils'
 import { srcEmptySsgManifest } from '../../../build/webpack/plugins/build-manifest-plugin'
-import { PropagateToWorkersField } from './types'
-import { MiddlewareManifest } from '../../../build/webpack/plugins/middleware-plugin'
 import { devPageFiles } from '../../../build/webpack/plugins/next-types-plugin/shared'
 import type { LazyRenderServerInstance } from '../router-server'
 import { pathToRegexp } from 'next/dist/compiled/path-to-regexp'
-import {
-  HMR_ACTIONS_SENT_TO_BROWSER,
-  HMR_ACTION_TYPES,
-  NextJsHotReloaderInterface,
-  ReloadPageAction,
-  TurbopackConnectedAction,
-} from '../../dev/hot-reloader-types'
+import { HMR_ACTIONS_SENT_TO_BROWSER } from '../../dev/hot-reloader-types'
 import type { Update as TurbopackUpdate } from '../../../build/swc'
 import { debounce } from '../../utils'
 import {
diff --git a/packages/next/src/server/lib/start-server.ts b/packages/next/src/server/lib/start-server.ts
index 9300fe5f69bf2..de72c76a34dbc 100644
--- a/packages/next/src/server/lib/start-server.ts
+++ b/packages/next/src/server/lib/start-server.ts
@@ -1,10 +1,13 @@
+if (performance.getEntriesByName('next-start').length === 0) {
+  performance.mark('next-start')
+}
 import '../next'
 import '../node-polyfill-fetch'
 import '../require-hook'
 
 import type { IncomingMessage, ServerResponse } from 'http'
 import type { SelfSignedCertificate } from '../../lib/mkcert'
-import { type WorkerRequestHandler, type WorkerUpgradeHandler } from './types'
+import type { WorkerRequestHandler, WorkerUpgradeHandler } from './types'
 
 import fs from 'fs'
 import path from 'path'
@@ -130,7 +133,6 @@ export async function startServer({
   envInfo,
   expFeatureInfo,
 }: StartServerOptions): Promise<void> {
-  const startServerProcessStartTime = Date.now()
   let handlersReady = () => {}
   let handlersError = () => {}
 
@@ -297,11 +299,17 @@ export async function startServer({
         upgradeHandler = initResult[1]
 
         const startServerProcessDuration =
-          Date.now() - startServerProcessStartTime
+          performance.mark('next-start-end') &&
+          performance.measure(
+            'next-start-duration',
+            'next-start',
+            'next-start-end'
+          ).duration
+
         const formatDurationText =
           startServerProcessDuration > 2000
             ? `${Math.round(startServerProcessDuration / 100) / 10}s`
-            : `${startServerProcessDuration}ms`
+            : `${Math.round(startServerProcessDuration)}ms`
 
         handlersReady()
         logStartInfo({
diff --git a/packages/next/src/server/lib/trace/constants.ts b/packages/next/src/server/lib/trace/constants.ts
index 1b45358bdf8ed..a5743c9f59249 100644
--- a/packages/next/src/server/lib/trace/constants.ts
+++ b/packages/next/src/server/lib/trace/constants.ts
@@ -133,7 +133,6 @@ export {
   NextServerSpan,
   NextNodeServerSpan,
   StartServerSpan,
-  SpanTypes,
   RenderSpan,
   RouterSpan,
   AppRenderSpan,
@@ -141,3 +140,5 @@ export {
   AppRouteRouteHandlersSpan,
   ResolveMetadataSpan,
 }
+
+export type { SpanTypes }
diff --git a/packages/next/src/server/lib/trace/tracer.ts b/packages/next/src/server/lib/trace/tracer.ts
index 7d2184cb48e33..60632b318afee 100644
--- a/packages/next/src/server/lib/trace/tracer.ts
+++ b/packages/next/src/server/lib/trace/tracer.ts
@@ -1,4 +1,5 @@
-import { NextVanillaSpanAllowlist, SpanTypes } from './constants'
+import type { SpanTypes } from './constants'
+import { NextVanillaSpanAllowlist } from './constants'
 
 import type {
   ContextAPI,
@@ -362,13 +363,5 @@ const getTracer = (() => {
   return () => tracer
 })()
 
-export {
-  NextTracer,
-  getTracer,
-  Span,
-  SpanOptions,
-  ContextAPI,
-  SpanStatusCode,
-  TracerSpanOptions,
-  SpanKind,
-}
+export { getTracer, SpanStatusCode, SpanKind }
+export type { NextTracer, Span, SpanOptions, ContextAPI, TracerSpanOptions }
diff --git a/packages/next/src/server/lib/types.ts b/packages/next/src/server/lib/types.ts
index 58ed0e201e4bf..f329b57c06b1f 100644
--- a/packages/next/src/server/lib/types.ts
+++ b/packages/next/src/server/lib/types.ts
@@ -1,6 +1,6 @@
 import type { IncomingMessage, ServerResponse } from 'http'
 
-import { Duplex } from 'stream'
+import type { Duplex } from 'stream'
 
 export type WorkerRequestHandler = (
   req: IncomingMessage,
diff --git a/packages/next/src/server/load-components.ts b/packages/next/src/server/load-components.ts
index 042b3788e989f..63e563b13a2d3 100644
--- a/packages/next/src/server/load-components.ts
+++ b/packages/next/src/server/load-components.ts
@@ -11,6 +11,7 @@ import type {
   GetStaticProps,
 } from 'next/types'
 import type { RouteModule } from './future/route-modules/route-module'
+import type { BuildManifest } from './get-page-files'
 
 import {
   BUILD_MANIFEST,
@@ -20,7 +21,6 @@ import {
 } from '../shared/lib/constants'
 import { join } from 'path'
 import { requirePage } from './require'
-import { BuildManifest } from './get-page-files'
 import { interopDefault } from '../lib/interop-default'
 import { getTracer } from './lib/trace/tracer'
 import { LoadComponentsSpan } from './lib/trace/constants'
diff --git a/packages/next/src/server/load-default-error-components.ts b/packages/next/src/server/load-default-error-components.ts
index b6d0516dbb2b9..bd5664f4dbb5b 100644
--- a/packages/next/src/server/load-default-error-components.ts
+++ b/packages/next/src/server/load-default-error-components.ts
@@ -11,10 +11,10 @@ import type {
   GetStaticProps,
 } from 'next/types'
 import type { RouteModule } from './future/route-modules/route-module'
+import type { BuildManifest } from './get-page-files'
 
 import { BUILD_MANIFEST } from '../shared/lib/constants'
 import { join } from 'path'
-import { BuildManifest } from './get-page-files'
 import { interopDefault } from '../lib/interop-default'
 import { getTracer } from './lib/trace/tracer'
 import { LoadComponentsSpan } from './lib/trace/constants'
diff --git a/packages/next/src/server/next-server.ts b/packages/next/src/server/next-server.ts
index ead7b51bc8fed..a550f41fd1ddc 100644
--- a/packages/next/src/server/next-server.ts
+++ b/packages/next/src/server/next-server.ts
@@ -7,8 +7,8 @@ import './node-polyfill-crypto'
 import '../lib/polyfill-promise-with-resolvers'
 
 import type { TLSSocket } from 'tls'
+import type { CacheFs } from '../shared/lib/utils'
 import {
-  CacheFs,
   DecodeError,
   PageNotFoundError,
   MiddlewareNotFoundError,
@@ -17,20 +17,18 @@ import type { MiddlewareManifest } from '../build/webpack/plugins/middleware-plu
 import type RenderResult from './render-result'
 import type { FetchEventResult } from './web/types'
 import type { PrerenderManifest } from '../build'
-import { BaseNextRequest, BaseNextResponse } from './base-http'
+import type { BaseNextRequest, BaseNextResponse } from './base-http'
 import type { PagesManifest } from '../build/webpack/plugins/pages-manifest-plugin'
 import type { PayloadOptions } from './send-payload'
 import type { NextParsedUrlQuery, NextUrlWithParsedQuery } from './request-meta'
-import {
-  getRouteMatcher,
-  Params,
-} from '../shared/lib/router/utils/route-matcher'
+import { getRouteMatcher } from '../shared/lib/router/utils/route-matcher'
+import type { Params } from '../shared/lib/router/utils/route-matcher'
 import type { MiddlewareRouteMatch } from '../shared/lib/router/utils/middleware-route-matcher'
 import type { RouteMatch } from './future/route-matches/route-match'
 
 import fs from 'fs'
 import { join, resolve, isAbsolute } from 'path'
-import { IncomingMessage, ServerResponse } from 'http'
+import type { IncomingMessage, ServerResponse } from 'http'
 import type { PagesAPIRouteModule } from './future/route-modules/pages-api/module'
 import { addRequestMeta, getRequestMeta } from './request-meta'
 import {
@@ -47,28 +45,30 @@ import {
   INTERNAL_HEADERS,
 } from '../shared/lib/constants'
 import { findDir } from '../lib/find-pages-dir'
-import { UrlWithParsedQuery } from 'url'
+import type { UrlWithParsedQuery } from 'url'
 import { NodeNextRequest, NodeNextResponse } from './base-http/node'
 import { sendRenderResult } from './send-payload'
-import { ParsedUrlQuery } from 'querystring'
-import { ParsedUrl, parseUrl } from '../shared/lib/router/utils/parse-url'
+import type { ParsedUrlQuery } from 'querystring'
+import type { ParsedUrl } from '../shared/lib/router/utils/parse-url'
+import { parseUrl } from '../shared/lib/router/utils/parse-url'
 import * as Log from '../build/output/log'
 
-import BaseServer, {
+import type {
   Options,
   FindComponentsResult,
   MiddlewareRoutingItem,
-  NoFallbackError,
   RequestContext,
   NormalizedRouteManifest,
   LoadedRenderOpts,
 } from './base-server'
+import BaseServer, { NoFallbackError } from './base-server'
 import { getMaybePagePath, getPagePath, requireFontManifest } from './require'
 import { denormalizePagePath } from '../shared/lib/page-path/denormalize-page-path'
 import { normalizePagePath } from '../shared/lib/page-path/normalize-page-path'
-import { LoadComponentsReturnType, loadComponents } from './load-components'
+import { loadComponents } from './load-components'
+import type { LoadComponentsReturnType } from './load-components'
 import isError, { getProperError } from '../lib/is-error'
-import { FontManifest } from './font-utils'
+import type { FontManifest } from './font-utils'
 import { splitCookiesString, toNodeOutgoingHttpHeaders } from './web/utils'
 import { getMiddlewareRouteMatcher } from '../shared/lib/router/utils/middleware-route-matcher'
 import { loadEnvConfig } from '@next/env'
@@ -83,11 +83,9 @@ import { normalizeAppPath } from '../shared/lib/router/utils/app-paths'
 
 import { setHttpClientAndAgentOptions } from './setup-http-agent-env'
 
-import {
-  PagesAPIRouteMatch,
-  isPagesAPIRouteMatch,
-} from './future/route-matches/pages-api-route-match'
-import { MatchOptions } from './future/route-matcher-managers/route-matcher-manager'
+import { isPagesAPIRouteMatch } from './future/route-matches/pages-api-route-match'
+import type { PagesAPIRouteMatch } from './future/route-matches/pages-api-route-match'
+import type { MatchOptions } from './future/route-matcher-managers/route-matcher-manager'
 import { INSTRUMENTATION_HOOK_FILENAME } from '../lib/constants'
 import { getTracer } from './lib/trace/tracer'
 import { NextNodeServerSpan } from './lib/trace/constants'
diff --git a/packages/next/src/server/next.ts b/packages/next/src/server/next.ts
index 061b7cfa255f9..360ccf32695b7 100644
--- a/packages/next/src/server/next.ts
+++ b/packages/next/src/server/next.ts
@@ -13,7 +13,7 @@ import './require-hook'
 import './node-polyfill-fetch'
 import './node-polyfill-crypto'
 
-import { default as Server } from './next-server'
+import type { default as Server } from './next-server'
 import * as log from '../build/output/log'
 import loadConfig from './config'
 import path, { resolve } from 'path'
diff --git a/packages/next/src/server/render-result.ts b/packages/next/src/server/render-result.ts
index 3d66369ec4fe8..0e8907c866c35 100644
--- a/packages/next/src/server/render-result.ts
+++ b/packages/next/src/server/render-result.ts
@@ -1,5 +1,6 @@
-import { StaticGenerationStore } from '../client/components/static-generation-async-storage.external'
-import { pipeReadable, PipeTarget } from './pipe-readable'
+import type { StaticGenerationStore } from '../client/components/static-generation-async-storage.external'
+import type { PipeTarget } from './pipe-readable'
+import { pipeReadable } from './pipe-readable'
 
 type ContentTypeOption = string | undefined
 
diff --git a/packages/next/src/server/render.tsx b/packages/next/src/server/render.tsx
index a67ba29583d5b..d813406697942 100644
--- a/packages/next/src/server/render.tsx
+++ b/packages/next/src/server/render.tsx
@@ -35,7 +35,8 @@ import type { ReactReadableStream } from './stream-utils/node-web-streams-helper
 import type { ClientReferenceManifest } from '../build/webpack/plugins/flight-manifest-plugin'
 import type { NextFontManifest } from '../build/webpack/plugins/next-font-manifest-plugin'
 import type { PagesModule } from './future/route-modules/pages/module'
-
+import type { ComponentsEnhancer } from '../shared/lib/utils'
+import type { NextParsedUrlQuery } from './request-meta'
 import React from 'react'
 import ReactDOMServer from 'react-dom/server.browser'
 import { StyleRegistry, createStyleRegistry } from 'styled-jsx'
@@ -50,8 +51,8 @@ import {
   UNSTABLE_REVALIDATE_RENAME_ERROR,
   CACHE_ONE_YEAR,
 } from '../lib/constants'
+import type { COMPILER_NAMES } from '../shared/lib/constants'
 import {
-  COMPILER_NAMES,
   NEXT_BUILTIN_DOCUMENT,
   SERVER_PROPS_ID,
   STATIC_PROPS_ID,
@@ -67,7 +68,6 @@ import { LoadableContext } from '../shared/lib/loadable-context.shared-runtime'
 import { RouterContext } from '../shared/lib/router-context.shared-runtime'
 import { isDynamicRoute } from '../shared/lib/router/utils/is-dynamic'
 import {
-  ComponentsEnhancer,
   getDisplayName,
   isResSent,
   loadGetInitialProps,
@@ -75,7 +75,7 @@ import {
 import { HtmlContext } from '../shared/lib/html-context.shared-runtime'
 import { normalizePagePath } from '../shared/lib/page-path/normalize-page-path'
 import { denormalizePagePath } from '../shared/lib/page-path/denormalize-page-path'
-import { getRequestMeta, NextParsedUrlQuery } from './request-meta'
+import { getRequestMeta } from './request-meta'
 import { allowedStatusCodes, getRedirectStatus } from '../lib/redirect-status'
 import RenderResult, { type RenderResultMetadata } from './render-result'
 import isError from '../lib/is-error'
diff --git a/packages/next/src/server/request-meta.ts b/packages/next/src/server/request-meta.ts
index 6c331393d2bd6..a2fa7372e3d00 100644
--- a/packages/next/src/server/request-meta.ts
+++ b/packages/next/src/server/request-meta.ts
@@ -4,8 +4,8 @@ import type { ParsedUrlQuery } from 'querystring'
 import type { UrlWithParsedQuery } from 'url'
 import type { BaseNextRequest } from './base-http'
 import type { CloneableBody } from './body-streams'
-import { RouteMatch } from './future/route-matches/route-match'
-import { NEXT_RSC_UNION_QUERY } from '../client/components/app-router-headers'
+import type { RouteMatch } from './future/route-matches/route-match'
+import type { NEXT_RSC_UNION_QUERY } from '../client/components/app-router-headers'
 
 // FIXME: (wyattjoh) this is a temporary solution to allow us to pass data between bundled modules
 export const NEXT_REQUEST_META = Symbol.for('NextInternalRequestMeta')
diff --git a/packages/next/src/server/send-payload/index.ts b/packages/next/src/server/send-payload/index.ts
index 50d4f1f1dac98..07744acdbf607 100644
--- a/packages/next/src/server/send-payload/index.ts
+++ b/packages/next/src/server/send-payload/index.ts
@@ -3,7 +3,7 @@ import type { IncomingMessage, ServerResponse } from 'http'
 import { isResSent } from '../../shared/lib/utils'
 import { generateETag } from '../lib/etag'
 import fresh from 'next/dist/compiled/fresh'
-import RenderResult from '../render-result'
+import type RenderResult from '../render-result'
 import { setRevalidateHeaders } from './revalidate-headers'
 import { RSC_CONTENT_TYPE_HEADER } from '../../client/components/app-router-headers'
 
diff --git a/packages/next/src/server/serve-static.ts b/packages/next/src/server/serve-static.ts
index be7dce8992a97..c71a6785d8acc 100644
--- a/packages/next/src/server/serve-static.ts
+++ b/packages/next/src/server/serve-static.ts
@@ -1,4 +1,4 @@
-import { IncomingMessage, ServerResponse } from 'http'
+import type { IncomingMessage, ServerResponse } from 'http'
 import send from 'next/dist/compiled/send'
 
 // TODO: Remove this once "send" has updated the "mime", or next.js use custom version of "mime"
diff --git a/packages/next/src/server/server-utils.ts b/packages/next/src/server/server-utils.ts
index 4e873355872f3..495e7ff3c6e08 100644
--- a/packages/next/src/server/server-utils.ts
+++ b/packages/next/src/server/server-utils.ts
@@ -3,8 +3,9 @@ import type { RouteMatchFn } from '../shared/lib/router/utils/route-matcher'
 import type { NextConfig } from './config'
 import type { BaseNextRequest } from './base-http'
 import type { ParsedUrlQuery } from 'querystring'
+import type { UrlWithParsedQuery } from 'url'
 
-import { format as formatUrl, UrlWithParsedQuery, parse as parseUrl } from 'url'
+import { format as formatUrl, parse as parseUrl } from 'url'
 import { normalizeLocalePath } from '../shared/lib/i18n/normalize-locale-path'
 import { getPathMatch } from '../shared/lib/router/utils/path-match'
 import { getNamedRouteRegex } from '../shared/lib/router/utils/route-regex'
diff --git a/packages/next/src/server/setup-http-agent-env.ts b/packages/next/src/server/setup-http-agent-env.ts
index aa93e7e95b339..6c4deea8c2a46 100644
--- a/packages/next/src/server/setup-http-agent-env.ts
+++ b/packages/next/src/server/setup-http-agent-env.ts
@@ -1,6 +1,6 @@
+import type { NextConfig } from '../../types'
 import { Agent as HttpAgent } from 'http'
 import { Agent as HttpsAgent } from 'https'
-import { NextConfig } from '../../types'
 
 export function setHttpClientAndAgentOptions(config: {
   httpAgentOptions?: NextConfig['httpAgentOptions']
diff --git a/packages/next/src/server/web-server.ts b/packages/next/src/server/web-server.ts
index 3c8c0f7aaef13..6ba5e5b2108c7 100644
--- a/packages/next/src/server/web-server.ts
+++ b/packages/next/src/server/web-server.ts
@@ -6,15 +6,15 @@ import type { PayloadOptions } from './send-payload'
 import type { LoadComponentsReturnType } from './load-components'
 import type { BaseNextRequest, BaseNextResponse } from './base-http'
 import type { PrerenderManifest } from '../build'
-
-import { byteLength } from './api-utils/web'
-import BaseServer, {
+import type {
   LoadedRenderOpts,
   MiddlewareRoutingItem,
-  NoFallbackError,
   NormalizedRouteManifest,
   Options,
 } from './base-server'
+
+import { byteLength } from './api-utils/web'
+import BaseServer, { NoFallbackError } from './base-server'
 import { generateETag } from './lib/etag'
 import { addRequestMeta } from './request-meta'
 import WebResponseCache from './response-cache/web'
diff --git a/packages/next/src/server/web/adapter.ts b/packages/next/src/server/web/adapter.ts
index 7cb7f069928a2..d14a8486fae91 100644
--- a/packages/next/src/server/web/adapter.ts
+++ b/packages/next/src/server/web/adapter.ts
@@ -1,5 +1,6 @@
 import type { NextMiddleware, RequestData, FetchEventResult } from './types'
 import type { RequestInit } from './spec-extension/request'
+import type { PrerenderManifest } from '../../build'
 import { PageSignatureError } from './error'
 import { fromNodeOutgoingHttpHeaders } from './utils'
 import { NextFetchEvent } from './spec-extension/fetch-event'
@@ -19,7 +20,6 @@ import { NEXT_QUERY_PARAM_PREFIX } from '../../lib/constants'
 import { ensureInstrumentationRegistered } from './globals'
 import { RequestAsyncStorageWrapper } from '../async-storage/request-async-storage-wrapper'
 import { requestAsyncStorage } from '../../client/components/request-async-storage.external'
-import { PrerenderManifest } from '../../build'
 
 class NextRequestHint extends NextRequest {
   sourcePage: string
diff --git a/packages/next/src/server/web/edge-route-module-wrapper.ts b/packages/next/src/server/web/edge-route-module-wrapper.ts
index 3e39c5473562a..72d1010da4596 100644
--- a/packages/next/src/server/web/edge-route-module-wrapper.ts
+++ b/packages/next/src/server/web/edge-route-module-wrapper.ts
@@ -12,7 +12,7 @@ import { IncrementalCache } from '../lib/incremental-cache'
 import { RouteMatcher } from '../future/route-matchers/route-matcher'
 import { removeTrailingSlash } from '../../shared/lib/router/utils/remove-trailing-slash'
 import { removePathPrefix } from '../../shared/lib/router/utils/remove-path-prefix'
-import { NextFetchEvent } from './spec-extension/fetch-event'
+import type { NextFetchEvent } from './spec-extension/fetch-event'
 
 type WrapOptions = Partial<Pick<AdapterOptions, 'page'>>
 
diff --git a/packages/next/src/server/web/sandbox/context.ts b/packages/next/src/server/web/sandbox/context.ts
index 8afadb19a7313..11e04bf577304 100644
--- a/packages/next/src/server/web/sandbox/context.ts
+++ b/packages/next/src/server/web/sandbox/context.ts
@@ -1,5 +1,10 @@
-import { AsyncLocalStorage } from 'async_hooks'
 import type { AssetBinding } from '../../../build/webpack/loaders/get-module-build-info'
+import type {
+  EdgeFunctionDefinition,
+  SUPPORTED_NATIVE_MODULES,
+} from '../../../build/webpack/plugins/middleware-plugin'
+import type { UnwrapPromise } from '../../../lib/coalesced-function'
+import { AsyncLocalStorage } from 'async_hooks'
 import {
   decorateServerError,
   getServerError,
@@ -13,11 +18,6 @@ import { readFileSync, promises as fs } from 'fs'
 import { validateURL } from '../utils'
 import { pick } from '../../../lib/pick'
 import { fetchInlineAsset } from './fetch-inline-assets'
-import type {
-  EdgeFunctionDefinition,
-  SUPPORTED_NATIVE_MODULES,
-} from '../../../build/webpack/plugins/middleware-plugin'
-import { UnwrapPromise } from '../../../lib/coalesced-function'
 import { runInContext } from 'vm'
 import BufferImplementation from 'node:buffer'
 import EventsImplementation from 'node:events'
diff --git a/packages/next/src/server/web/sandbox/sandbox.ts b/packages/next/src/server/web/sandbox/sandbox.ts
index b894dc6207207..fa89282a63c7e 100644
--- a/packages/next/src/server/web/sandbox/sandbox.ts
+++ b/packages/next/src/server/web/sandbox/sandbox.ts
@@ -1,9 +1,9 @@
 import type { NodejsRequestData, FetchEventResult, RequestData } from '../types'
+import type { EdgeFunctionDefinition } from '../../../build/webpack/plugins/middleware-plugin'
+import type { EdgeRuntime } from 'next/dist/compiled/edge-runtime'
 import { getServerError } from 'next/dist/compiled/@next/react-dev-overlay/dist/middleware'
 import { getModuleContext } from './context'
-import { EdgeFunctionDefinition } from '../../../build/webpack/plugins/middleware-plugin'
 import { requestToBodyStream } from '../../body-streams'
-import type { EdgeRuntime } from 'next/dist/compiled/edge-runtime'
 import { NEXT_RSC_UNION_QUERY } from '../../../client/components/app-router-headers'
 
 export const ErrorSource = Symbol('SandboxError')
diff --git a/packages/next/src/server/web/spec-extension/adapters/request-cookies.ts b/packages/next/src/server/web/spec-extension/adapters/request-cookies.ts
index b8f14648cbb57..f029a4f160963 100644
--- a/packages/next/src/server/web/spec-extension/adapters/request-cookies.ts
+++ b/packages/next/src/server/web/spec-extension/adapters/request-cookies.ts
@@ -1,5 +1,5 @@
 import type { RequestCookies } from '../cookies'
-import { StaticGenerationStore } from '../../../../client/components/static-generation-async-storage.external'
+import type { StaticGenerationStore } from '../../../../client/components/static-generation-async-storage.external'
 
 import { ResponseCookies } from '../cookies'
 import { ReflectAdapter } from './reflect'
diff --git a/packages/next/src/server/web/spec-extension/fetch-event.ts b/packages/next/src/server/web/spec-extension/fetch-event.ts
index cae460cd08d2a..8f7776ac00dea 100644
--- a/packages/next/src/server/web/spec-extension/fetch-event.ts
+++ b/packages/next/src/server/web/spec-extension/fetch-event.ts
@@ -1,5 +1,5 @@
 import { PageSignatureError } from '../error'
-import { NextRequest } from './request'
+import type { NextRequest } from './request'
 
 const responseSymbol = Symbol('response')
 const passThroughSymbol = Symbol('passThrough')
diff --git a/packages/next/src/server/web/spec-extension/revalidate-tag.ts b/packages/next/src/server/web/spec-extension/revalidate-tag.ts
index 7c7bff8c2f784..620545987eae6 100644
--- a/packages/next/src/server/web/spec-extension/revalidate-tag.ts
+++ b/packages/next/src/server/web/spec-extension/revalidate-tag.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   StaticGenerationAsyncStorage,
   StaticGenerationStore,
 } from '../../../client/components/static-generation-async-storage.external'
diff --git a/packages/next/src/server/web/spec-extension/unstable-cache.ts b/packages/next/src/server/web/spec-extension/unstable-cache.ts
index 34dcab8158e0a..27d2e5c8f6dcb 100644
--- a/packages/next/src/server/web/spec-extension/unstable-cache.ts
+++ b/packages/next/src/server/web/spec-extension/unstable-cache.ts
@@ -1,8 +1,8 @@
-import {
+import type {
   StaticGenerationStore,
-  staticGenerationAsyncStorage as _staticGenerationAsyncStorage,
   StaticGenerationAsyncStorage,
 } from '../../../client/components/static-generation-async-storage.external'
+import { staticGenerationAsyncStorage as _staticGenerationAsyncStorage } from '../../../client/components/static-generation-async-storage.external'
 import { CACHE_ONE_YEAR } from '../../../lib/constants'
 import { addImplicitTags, validateTags } from '../../lib/patch-fetch'
 
diff --git a/packages/next/src/shared/lib/image-config-context.shared-runtime.ts b/packages/next/src/shared/lib/image-config-context.shared-runtime.ts
index a27c0446eda90..d7c3409da7cf2 100644
--- a/packages/next/src/shared/lib/image-config-context.shared-runtime.ts
+++ b/packages/next/src/shared/lib/image-config-context.shared-runtime.ts
@@ -1,5 +1,6 @@
 import React from 'react'
-import { ImageConfigComplete, imageConfigDefault } from './image-config'
+import type { ImageConfigComplete } from './image-config'
+import { imageConfigDefault } from './image-config'
 
 export const ImageConfigContext =
   React.createContext<ImageConfigComplete>(imageConfigDefault)
diff --git a/packages/next/src/shared/lib/image-external.tsx b/packages/next/src/shared/lib/image-external.tsx
index e5dd817032247..46ccdb7df8f40 100644
--- a/packages/next/src/shared/lib/image-external.tsx
+++ b/packages/next/src/shared/lib/image-external.tsx
@@ -8,7 +8,7 @@ import { Image } from '../../client/image-component'
 // @ts-ignore - This is replaced by webpack alias
 import defaultLoader from 'next/dist/shared/lib/image-loader'
 
-const unstable_getImgProps = (imgProps: ImageProps) => {
+export const unstable_getImgProps = (imgProps: ImageProps) => {
   warnOnce(
     'Warning: unstable_getImgProps() is experimental and may change or be removed at any time. Use at your own risk.'
   )
@@ -27,10 +27,4 @@ const unstable_getImgProps = (imgProps: ImageProps) => {
 
 export default Image
 
-export {
-  ImageProps,
-  ImageLoaderProps,
-  ImageLoader,
-  StaticImageData,
-  unstable_getImgProps,
-}
+export type { ImageProps, ImageLoaderProps, ImageLoader, StaticImageData }
diff --git a/packages/next/src/shared/lib/lazy-dynamic/dynamic-no-ssr.tsx b/packages/next/src/shared/lib/lazy-dynamic/dynamic-no-ssr.tsx
index e5c1c1e22b2c6..31fa844911507 100644
--- a/packages/next/src/shared/lib/lazy-dynamic/dynamic-no-ssr.tsx
+++ b/packages/next/src/shared/lib/lazy-dynamic/dynamic-no-ssr.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import React from 'react'
+import type React from 'react'
 import { NEXT_DYNAMIC_NO_SSR_CODE } from './no-ssr-error'
 
 export function suspense() {
diff --git a/packages/next/src/shared/lib/router/adapters.test.tsx b/packages/next/src/shared/lib/router/adapters.test.tsx
index fa8e48f2fc088..1120d008dcc1d 100644
--- a/packages/next/src/shared/lib/router/adapters.test.tsx
+++ b/packages/next/src/shared/lib/router/adapters.test.tsx
@@ -1,5 +1,5 @@
+import type { NextRouter } from './router'
 import { adaptForAppRouterInstance } from './adapters'
-import { NextRouter } from './router'
 
 describe('adaptForAppRouterInstance', () => {
   beforeEach(() => jest.resetAllMocks())
diff --git a/packages/next/src/shared/lib/router/adapters.tsx b/packages/next/src/shared/lib/router/adapters.tsx
index 8f2878222439e..ad6b6e04eff8a 100644
--- a/packages/next/src/shared/lib/router/adapters.tsx
+++ b/packages/next/src/shared/lib/router/adapters.tsx
@@ -1,13 +1,14 @@
-import React, { useMemo, useRef } from 'react'
 import type {
   AppRouterInstance,
   NavigateOptions,
 } from '../app-router-context.shared-runtime'
-import { PathnameContext } from '../hooks-client-context.shared-runtime'
+import type { Params } from './utils/route-matcher'
 import type { NextRouter } from './router'
+
+import React, { useMemo, useRef } from 'react'
+import { PathnameContext } from '../hooks-client-context.shared-runtime'
 import { isDynamicRoute } from './utils'
 import { asPathToSearchParams } from './utils/as-path-to-search-params'
-import { Params } from './utils/route-matcher'
 import { getRouteRegex } from './utils/route-regex'
 
 /**
diff --git a/packages/next/src/shared/lib/router/router.ts b/packages/next/src/shared/lib/router/router.ts
index db0642e136933..c9e56e1d66b28 100644
--- a/packages/next/src/shared/lib/router/router.ts
+++ b/packages/next/src/shared/lib/router/router.ts
@@ -7,6 +7,7 @@ import type { RouterEvent } from '../../../client/router'
 import type { StyleSheetTuple } from '../../../client/page-loader'
 import type { UrlObject } from 'url'
 import type PageLoader from '../../../client/page-loader'
+import type { AppContextType, NextPageContext, NEXT_DATA } from '../utils'
 import { removeTrailingSlash } from './utils/remove-trailing-slash'
 import {
   getClientBuildManifest,
@@ -18,15 +19,7 @@ import isError, { getProperError } from '../../../lib/is-error'
 import { denormalizePagePath } from '../page-path/denormalize-page-path'
 import { normalizeLocalePath } from '../i18n/normalize-locale-path'
 import mitt from '../mitt'
-import {
-  AppContextType,
-  getLocationOrigin,
-  getURL,
-  loadGetInitialProps,
-  NextPageContext,
-  ST,
-  NEXT_DATA,
-} from '../utils'
+import { getLocationOrigin, getURL, loadGetInitialProps, ST } from '../utils'
 import { isDynamicRoute } from './utils/is-dynamic'
 import { parseRelativeUrl } from './utils/parse-relative-url'
 import resolveRewrites from './utils/resolve-rewrites'
diff --git a/packages/next/src/shared/lib/router/utils/get-next-pathname-info.ts b/packages/next/src/shared/lib/router/utils/get-next-pathname-info.ts
index 7964d3410a262..79b66bb18e127 100644
--- a/packages/next/src/shared/lib/router/utils/get-next-pathname-info.ts
+++ b/packages/next/src/shared/lib/router/utils/get-next-pathname-info.ts
@@ -1,7 +1,7 @@
 import { normalizeLocalePath } from '../../i18n/normalize-locale-path'
 import { removePathPrefix } from './remove-path-prefix'
 import { pathHasPrefix } from './path-has-prefix'
-import { I18NProvider } from '../../../../server/future/helpers/i18n-provider'
+import type { I18NProvider } from '../../../../server/future/helpers/i18n-provider'
 
 export interface NextPathnameInfo {
   /**
diff --git a/packages/next/src/shared/lib/side-effect.tsx b/packages/next/src/shared/lib/side-effect.tsx
index 440eef7d40b9b..aaa85a1db4f66 100644
--- a/packages/next/src/shared/lib/side-effect.tsx
+++ b/packages/next/src/shared/lib/side-effect.tsx
@@ -1,4 +1,5 @@
-import React, { Children, useEffect, useLayoutEffect } from 'react'
+import type React from 'react'
+import { Children, useEffect, useLayoutEffect } from 'react'
 
 type State = JSX.Element[] | undefined
 
diff --git a/packages/next/src/shared/lib/utils.ts b/packages/next/src/shared/lib/utils.ts
index 61b8fc394f93a..25886206f7016 100644
--- a/packages/next/src/shared/lib/utils.ts
+++ b/packages/next/src/shared/lib/utils.ts
@@ -6,7 +6,7 @@ import type { IncomingMessage, ServerResponse } from 'http'
 import type { NextRouter } from './router/router'
 import type { ParsedUrlQuery } from 'querystring'
 import type { PreviewData } from 'next/types'
-import { COMPILER_NAMES } from './constants'
+import type { COMPILER_NAMES } from './constants'
 import type fs from 'fs'
 
 export type NextComponentType<
diff --git a/packages/next/src/telemetry/detached-flush.ts b/packages/next/src/telemetry/detached-flush.ts
index 2d66cd18e0bf8..af6bb7ba97f38 100644
--- a/packages/next/src/telemetry/detached-flush.ts
+++ b/packages/next/src/telemetry/detached-flush.ts
@@ -1,6 +1,7 @@
 import fs from 'fs'
 import path from 'path'
-import { Telemetry, TelemetryEvent } from './storage'
+import type { TelemetryEvent } from './storage'
+import { Telemetry } from './storage'
 import loadConfig from '../server/config'
 import { getProjectDir } from '../lib/get-project-dir'
 import { PHASE_DEVELOPMENT_SERVER } from '../shared/lib/constants'
diff --git a/packages/next/src/telemetry/events/build.ts b/packages/next/src/telemetry/events/build.ts
index d5afddbccdd2d..9019fdb0c2723 100644
--- a/packages/next/src/telemetry/events/build.ts
+++ b/packages/next/src/telemetry/events/build.ts
@@ -1,4 +1,4 @@
-import { TelemetryPlugin } from '../../build/webpack/plugins/telemetry-plugin'
+import type { TelemetryPlugin } from '../../build/webpack/plugins/telemetry-plugin'
 import type { SWC_TARGET_TRIPLE } from '../../build/webpack/plugins/telemetry-plugin'
 
 const REGEXP_DIRECTORY_DUNDER =
diff --git a/packages/next/src/telemetry/events/swc-load-failure.ts b/packages/next/src/telemetry/events/swc-load-failure.ts
index 2101d9fbb8216..0666af007ec6e 100644
--- a/packages/next/src/telemetry/events/swc-load-failure.ts
+++ b/packages/next/src/telemetry/events/swc-load-failure.ts
@@ -1,5 +1,5 @@
 import { traceGlobals } from '../../trace/shared'
-import { Telemetry } from '../storage'
+import type { Telemetry } from '../storage'
 // @ts-ignore JSON
 import { version as nextVersion, optionalDependencies } from 'next/package.json'
 
diff --git a/packages/next/src/telemetry/events/version.ts b/packages/next/src/telemetry/events/version.ts
index d6973f4a7b421..10221dd1cc40c 100644
--- a/packages/next/src/telemetry/events/version.ts
+++ b/packages/next/src/telemetry/events/version.ts
@@ -1,5 +1,5 @@
+import type { NextConfigComplete } from '../../server/config-shared'
 import path from 'path'
-import { NextConfigComplete } from '../../server/config-shared'
 
 const EVENT_VERSION = 'NEXT_CLI_SESSION_STARTED'
 
diff --git a/packages/next/src/telemetry/storage.ts b/packages/next/src/telemetry/storage.ts
index ed525b0157402..cb45c8ad89ba3 100644
--- a/packages/next/src/telemetry/storage.ts
+++ b/packages/next/src/telemetry/storage.ts
@@ -1,6 +1,7 @@
+import type { BinaryLike } from 'crypto'
 import { bold, cyan, magenta } from '../lib/picocolors'
 import Conf from 'next/dist/compiled/conf'
-import { BinaryLike, createHash, randomBytes } from 'crypto'
+import { createHash, randomBytes } from 'crypto'
 import isDockerFunction from 'next/dist/compiled/is-docker'
 import path from 'path'
 
diff --git a/packages/next/src/trace/index.ts b/packages/next/src/trace/index.ts
index e3928f775f613..4c7f55f4692d5 100644
--- a/packages/next/src/trace/index.ts
+++ b/packages/next/src/trace/index.ts
@@ -1,5 +1,6 @@
 import { trace, flushAllTraces, Span, SpanStatus } from './trace'
-import { SpanId, setGlobal } from './shared'
+import type { SpanId } from './shared'
+import { setGlobal } from './shared'
 
 export { trace, flushAllTraces, Span, setGlobal, SpanStatus }
 export type { SpanId }
diff --git a/packages/next/src/trace/report/index.ts b/packages/next/src/trace/report/index.ts
index 496c82c235fed..4de15ef6a5f58 100644
--- a/packages/next/src/trace/report/index.ts
+++ b/packages/next/src/trace/report/index.ts
@@ -1,4 +1,4 @@
-import { SpanId } from '../shared'
+import type { SpanId } from '../shared'
 import reportToTelemetry from './to-telemetry'
 import reportToJson from './to-json'
 
diff --git a/packages/next/src/trace/report/to-telemetry.ts b/packages/next/src/trace/report/to-telemetry.ts
index 5eeb0d6e7b3a5..9e824c4a4c580 100644
--- a/packages/next/src/trace/report/to-telemetry.ts
+++ b/packages/next/src/trace/report/to-telemetry.ts
@@ -1,4 +1,4 @@
-import { Telemetry } from '../../telemetry/storage'
+import type { Telemetry } from '../../telemetry/storage'
 import { traceGlobals } from '../shared'
 
 const TRACE_EVENT_ACCESSLIST = new Map(
diff --git a/packages/next/src/trace/trace.ts b/packages/next/src/trace/trace.ts
index c2244a23ede81..8a6895ba7ecca 100644
--- a/packages/next/src/trace/trace.ts
+++ b/packages/next/src/trace/trace.ts
@@ -1,4 +1,4 @@
-import { SpanId } from './shared'
+import type { SpanId } from './shared'
 import { reporter } from './report'
 
 const NUM_OF_MICROSEC_IN_NANOSEC = BigInt('1000')
diff --git a/packages/next/taskfile-webpack.js b/packages/next/taskfile-webpack.js
index 04495d7b3621c..4177615f4455a 100644
--- a/packages/next/taskfile-webpack.js
+++ b/packages/next/taskfile-webpack.js
@@ -1,35 +1,40 @@
 const webpack = require('webpack')
 
 module.exports = function (task) {
+  // eslint-disable-next-line require-yield
   task.plugin('webpack', {}, function* (_, options) {
     options = options || {}
 
     const compiler = webpack(options.config)
 
     if (options.watch) {
-      compiler.watch({}, (err, stats) => {
+      return compiler.watch({}, (err, stats) => {
         if (err || stats.hasErrors()) {
           console.error(err || stats.toString())
         } else {
           console.log(`${options.name} compiled successfully.`)
         }
       })
-    } else {
-      yield new Promise((resolve, reject) => {
-        compiler.run((err, stats) => {
-          if (err || stats.hasErrors()) {
-            console.error(err || stats.toString())
-            reject(err || stats.toString())
-          }
-          if (process.env.ANALYZE) {
-            require('fs').writeFileSync(
-              require('path').join(__dirname, options.name + '-stats.json'),
-              JSON.stringify(stats.toJson())
-            )
-          }
-          resolve()
-        })
-      })
     }
+
+    return new Promise((resolve) => {
+      compiler.run((err, stats) => {
+        if (err || stats.hasErrors()) {
+          return this.emit('plugin_error', {
+            plugin: 'taskfile-webpack',
+            error: err?.message ?? stats.toString(),
+          })
+        }
+
+        if (process.env.ANALYZE) {
+          require('fs').writeFileSync(
+            require('path').join(__dirname, options.name + '-stats.json'),
+            JSON.stringify(stats.toJson())
+          )
+        }
+
+        resolve()
+      })
+    })
   })
 }
diff --git a/packages/next/tsconfig.json b/packages/next/tsconfig.json
index b13035993a163..74c1b8b77b68b 100644
--- a/packages/next/tsconfig.json
+++ b/packages/next/tsconfig.json
@@ -7,7 +7,8 @@
     "esModuleInterop": true,
     "moduleResolution": "node",
     "jsx": "react",
-    "stripInternal": true
+    "stripInternal": true,
+    "verbatimModuleSyntax": true
   },
   "exclude": [
     "dist",
diff --git a/packages/next/types/index.d.ts b/packages/next/types/index.d.ts
index 625b0698c164e..c1f2196f8d0d6 100644
--- a/packages/next/types/index.d.ts
+++ b/packages/next/types/index.d.ts
@@ -7,9 +7,9 @@
 import type { Agent as HttpAgent } from 'http'
 import type { Agent as HttpsAgent } from 'https'
 
-import React from 'react'
-import { ParsedUrlQuery } from 'querystring'
-import { IncomingMessage, ServerResponse } from 'http'
+import type React from 'react'
+import type { ParsedUrlQuery } from 'querystring'
+import type { IncomingMessage, ServerResponse } from 'http'
 
 import {
   NextPageContext,
@@ -20,7 +20,7 @@ import {
   // @ts-ignore This path is generated at build time and conflicts otherwise
 } from '../dist/shared/lib/utils'
 
-import {
+import type {
   NextApiRequestCookies,
   // @ts-ignore This path is generated at build time and conflicts otherwise
 } from '../dist/server/api-utils'
diff --git a/packages/next/types/webpack.d.ts b/packages/next/types/webpack.d.ts
index 64e68d48e9048..bcd6eeb8eed18 100644
--- a/packages/next/types/webpack.d.ts
+++ b/packages/next/types/webpack.d.ts
@@ -27,7 +27,7 @@ declare module 'mini-css-extract-plugin'
 declare module 'next/dist/compiled/loader-utils3'
 
 declare module 'next/dist/compiled/webpack/webpack' {
-  import webpackSources from 'webpack-sources1'
+  import type webpackSources from 'webpack-sources1'
   export function init(): void
   export let BasicEvaluatedExpression: any
   export let GraphHelpers: any
diff --git a/packages/react-dev-overlay/package.json b/packages/react-dev-overlay/package.json
index 81edef1fd77a8..7dbebbfb7d1a8 100644
--- a/packages/react-dev-overlay/package.json
+++ b/packages/react-dev-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/react-dev-overlay",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "A development-only overlay for developing React applications.",
   "repository": {
     "url": "vercel/next.js",
diff --git a/packages/react-dev-overlay/src/internal/ReactDevOverlay.tsx b/packages/react-dev-overlay/src/internal/ReactDevOverlay.tsx
index 049de17386589..b6ff1d234fcf7 100644
--- a/packages/react-dev-overlay/src/internal/ReactDevOverlay.tsx
+++ b/packages/react-dev-overlay/src/internal/ReactDevOverlay.tsx
@@ -3,7 +3,8 @@ import * as React from 'react'
 import * as Bus from './bus'
 import { ShadowPortal } from './components/ShadowPortal'
 import { BuildError } from './container/BuildError'
-import { Errors, SupportedErrorEvent } from './container/Errors'
+import type { SupportedErrorEvent } from './container/Errors'
+import { Errors } from './container/Errors'
 import { ErrorBoundary } from './ErrorBoundary'
 import { Base } from './styles/Base'
 import { ComponentStyles } from './styles/ComponentStyles'
diff --git a/packages/react-dev-overlay/src/internal/bus.ts b/packages/react-dev-overlay/src/internal/bus.ts
index 453a39f3e6a02..75bbfa0ca01aa 100644
--- a/packages/react-dev-overlay/src/internal/bus.ts
+++ b/packages/react-dev-overlay/src/internal/bus.ts
@@ -1,4 +1,4 @@
-import { StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
 
 export const TYPE_BUILD_OK = 'build-ok'
 export const TYPE_BUILD_ERROR = 'build-error'
diff --git a/packages/react-dev-overlay/src/internal/components/CodeFrame/CodeFrame.tsx b/packages/react-dev-overlay/src/internal/components/CodeFrame/CodeFrame.tsx
index 9d85a4377f91f..292b698e641b5 100644
--- a/packages/react-dev-overlay/src/internal/components/CodeFrame/CodeFrame.tsx
+++ b/packages/react-dev-overlay/src/internal/components/CodeFrame/CodeFrame.tsx
@@ -1,6 +1,6 @@
 import Anser from 'anser'
 import * as React from 'react'
-import { StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
 import stripAnsi from 'strip-ansi'
 import { getFrameSource } from '../../helpers/stack-frame'
 
diff --git a/packages/react-dev-overlay/src/internal/container/Errors.tsx b/packages/react-dev-overlay/src/internal/container/Errors.tsx
index 7976037245d45..b7a69daa0142e 100644
--- a/packages/react-dev-overlay/src/internal/container/Errors.tsx
+++ b/packages/react-dev-overlay/src/internal/container/Errors.tsx
@@ -1,10 +1,6 @@
 import * as React from 'react'
-import {
-  TYPE_UNHANDLED_ERROR,
-  TYPE_UNHANDLED_REJECTION,
-  UnhandledError,
-  UnhandledRejection,
-} from '../bus'
+import type { UnhandledError, UnhandledRejection } from '../bus'
+import { TYPE_UNHANDLED_ERROR, TYPE_UNHANDLED_REJECTION } from '../bus'
 import {
   Dialog,
   DialogBody,
@@ -14,7 +10,8 @@ import {
 import { LeftRightDialogHeader } from '../components/LeftRightDialogHeader'
 import { Overlay } from '../components/Overlay'
 import { Toast } from '../components/Toast'
-import { getErrorByType, ReadyRuntimeError } from '../helpers/getErrorByType'
+import type { ReadyRuntimeError } from '../helpers/getErrorByType'
+import { getErrorByType } from '../helpers/getErrorByType'
 import { getErrorSource } from '../helpers/nodeStackFrames'
 import { noop as css } from '../helpers/noop-template'
 import { CloseIcon } from '../icons/CloseIcon'
diff --git a/packages/react-dev-overlay/src/internal/container/RuntimeError.tsx b/packages/react-dev-overlay/src/internal/container/RuntimeError.tsx
index f2fce9e83808d..0cbc3aaa005c3 100644
--- a/packages/react-dev-overlay/src/internal/container/RuntimeError.tsx
+++ b/packages/react-dev-overlay/src/internal/container/RuntimeError.tsx
@@ -1,9 +1,10 @@
 import * as React from 'react'
-import { StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
 import { CodeFrame } from '../components/CodeFrame'
-import { ReadyRuntimeError } from '../helpers/getErrorByType'
+import type { ReadyRuntimeError } from '../helpers/getErrorByType'
 import { noop as css } from '../helpers/noop-template'
-import { getFrameSource, OriginalStackFrame } from '../helpers/stack-frame'
+import type { OriginalStackFrame } from '../helpers/stack-frame'
+import { getFrameSource } from '../helpers/stack-frame'
 
 export type RuntimeErrorProps = { error: ReadyRuntimeError }
 
diff --git a/packages/react-dev-overlay/src/internal/helpers/getErrorByType.ts b/packages/react-dev-overlay/src/internal/helpers/getErrorByType.ts
index 5e191b03ea1cb..619f22ba3873a 100644
--- a/packages/react-dev-overlay/src/internal/helpers/getErrorByType.ts
+++ b/packages/react-dev-overlay/src/internal/helpers/getErrorByType.ts
@@ -1,7 +1,8 @@
 import { TYPE_UNHANDLED_ERROR, TYPE_UNHANDLED_REJECTION } from '../bus'
-import { SupportedErrorEvent } from '../container/Errors'
+import type { SupportedErrorEvent } from '../container/Errors'
 import { getErrorSource } from './nodeStackFrames'
-import { getOriginalStackFrames, OriginalStackFrame } from './stack-frame'
+import type { OriginalStackFrame } from './stack-frame'
+import { getOriginalStackFrames } from './stack-frame'
 
 export type ReadyRuntimeError = {
   id: number
diff --git a/packages/react-dev-overlay/src/internal/helpers/getRawSourceMap.ts b/packages/react-dev-overlay/src/internal/helpers/getRawSourceMap.ts
index 98e09489bb58b..1fa1208e88d8a 100644
--- a/packages/react-dev-overlay/src/internal/helpers/getRawSourceMap.ts
+++ b/packages/react-dev-overlay/src/internal/helpers/getRawSourceMap.ts
@@ -1,4 +1,5 @@
-import dataUriToBuffer, { MimeBuffer } from 'data-uri-to-buffer'
+import type { MimeBuffer } from 'data-uri-to-buffer'
+import dataUriToBuffer from 'data-uri-to-buffer'
 import type { RawSourceMap } from 'source-map'
 import { getSourceMapUrl } from './getSourceMapUrl'
 
diff --git a/packages/react-dev-overlay/src/internal/helpers/nodeStackFrames.ts b/packages/react-dev-overlay/src/internal/helpers/nodeStackFrames.ts
index 382b33c8b4701..e63b1f5ae332c 100644
--- a/packages/react-dev-overlay/src/internal/helpers/nodeStackFrames.ts
+++ b/packages/react-dev-overlay/src/internal/helpers/nodeStackFrames.ts
@@ -1,4 +1,5 @@
-import { parse, StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
+import { parse } from 'stacktrace-parser'
 
 export function getFilesystemFrame(frame: StackFrame): StackFrame {
   const f: StackFrame = { ...frame }
diff --git a/packages/react-dev-overlay/src/internal/helpers/parseStack.ts b/packages/react-dev-overlay/src/internal/helpers/parseStack.ts
index 7e6c1d1826089..c10226b3a3486 100644
--- a/packages/react-dev-overlay/src/internal/helpers/parseStack.ts
+++ b/packages/react-dev-overlay/src/internal/helpers/parseStack.ts
@@ -1,4 +1,5 @@
-import { parse, StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
+import { parse } from 'stacktrace-parser'
 
 const regexNextStatic = /\/_next(\/static\/.+)/g
 
diff --git a/packages/react-dev-overlay/src/internal/helpers/stack-frame.ts b/packages/react-dev-overlay/src/internal/helpers/stack-frame.ts
index 36f326d1b54ef..1f28c4b3fe29d 100644
--- a/packages/react-dev-overlay/src/internal/helpers/stack-frame.ts
+++ b/packages/react-dev-overlay/src/internal/helpers/stack-frame.ts
@@ -1,5 +1,5 @@
-import { StackFrame } from 'stacktrace-parser'
-import { OriginalStackFrameResponse } from '../../middleware'
+import type { StackFrame } from 'stacktrace-parser'
+import type { OriginalStackFrameResponse } from '../../middleware'
 
 export type OriginalStackFrame =
   | {
diff --git a/packages/react-dev-overlay/src/middleware.ts b/packages/react-dev-overlay/src/middleware.ts
index 2586015e4aba1..e52cdf9afffe6 100644
--- a/packages/react-dev-overlay/src/middleware.ts
+++ b/packages/react-dev-overlay/src/middleware.ts
@@ -1,10 +1,10 @@
 import { codeFrameColumns } from '@babel/code-frame'
 import { constants as FS, promises as fs } from 'fs'
-import { IncomingMessage, ServerResponse } from 'http'
+import type { IncomingMessage, ServerResponse } from 'http'
 import path from 'path'
 import type { NullableMappedPosition, RawSourceMap } from 'source-map'
 import { SourceMapConsumer } from 'source-map'
-import { StackFrame } from 'stacktrace-parser'
+import type { StackFrame } from 'stacktrace-parser'
 import url from 'url'
 // @ts-ignore
 // eslint-disable-next-line import/no-extraneous-dependencies
diff --git a/packages/react-refresh-utils/ReactRefreshWebpackPlugin.ts b/packages/react-refresh-utils/ReactRefreshWebpackPlugin.ts
index ac80614bb23d9..7aaa4e15f23db 100644
--- a/packages/react-refresh-utils/ReactRefreshWebpackPlugin.ts
+++ b/packages/react-refresh-utils/ReactRefreshWebpackPlugin.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   Compiler as WebpackCompiler,
   Template as WebpackTemplate,
   RuntimeModule as WebpackRuntimeModule,
diff --git a/packages/react-refresh-utils/internal/ReactRefreshModule.runtime.ts b/packages/react-refresh-utils/internal/ReactRefreshModule.runtime.ts
index b362714732c9f..4146688688d67 100644
--- a/packages/react-refresh-utils/internal/ReactRefreshModule.runtime.ts
+++ b/packages/react-refresh-utils/internal/ReactRefreshModule.runtime.ts
@@ -1,4 +1,4 @@
-import { RefreshRuntimeGlobals } from '../runtime'
+import type { RefreshRuntimeGlobals } from '../runtime'
 
 declare const self: Window & RefreshRuntimeGlobals
 
diff --git a/packages/react-refresh-utils/package.json b/packages/react-refresh-utils/package.json
index 6c648bd5fc2d5..4fd0a188178ba 100644
--- a/packages/react-refresh-utils/package.json
+++ b/packages/react-refresh-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/react-refresh-utils",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "description": "An experimental package providing utilities for React Refresh.",
   "repository": {
     "url": "vercel/next.js",
diff --git a/packages/third-parties/package.json b/packages/third-parties/package.json
index fbef1a4a4f255..a428bdc8fdea6 100644
--- a/packages/third-parties/package.json
+++ b/packages/third-parties/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@next/third-parties",
-  "version": "13.5.5-canary.2",
+  "version": "13.5.5-canary.4",
   "private": true,
   "repository": {
     "url": "vercel/next.js",
@@ -23,7 +23,7 @@
     "third-party-capital": "1.0.20"
   },
   "devDependencies": {
-    "next": "13.5.5-canary.2",
+    "next": "13.5.5-canary.4",
     "outdent": "0.8.0",
     "prettier": "2.5.1"
   },
diff --git a/packages/third-parties/src/google/GoogleMapsEmbed.tsx b/packages/third-parties/src/google/GoogleMapsEmbed.tsx
index 047c2af146860..2ca5207610b8e 100644
--- a/packages/third-parties/src/google/GoogleMapsEmbed.tsx
+++ b/packages/third-parties/src/google/GoogleMapsEmbed.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { GoogleMapsEmbed as TPCGoogleMapEmbed } from 'third-party-capital'
 
 import ThirdPartyScriptEmbed from '../ThirdPartyScriptEmbed'
-import { GoogleMapsEmbed as GoogleMapsEmbedTypes } from '../types/google'
+import type { GoogleMapsEmbed as GoogleMapsEmbedTypes } from '../types/google'
 
 export default function GoogleMapsEmbed(props: GoogleMapsEmbedTypes) {
   const { apiKey, ...restProps } = props
diff --git a/packages/third-parties/src/google/YouTubeEmbed.tsx b/packages/third-parties/src/google/YouTubeEmbed.tsx
index fec2c07d282e8..c95b083e55f36 100644
--- a/packages/third-parties/src/google/YouTubeEmbed.tsx
+++ b/packages/third-parties/src/google/YouTubeEmbed.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
-import Script, { ScriptProps } from 'next/script'
+import type { ScriptProps } from 'next/script'
+import Script from 'next/script'
 import { YouTubeEmbed as TPCYouTubeEmbed } from 'third-party-capital'
 
 import ThirdPartyScriptEmbed from '../ThirdPartyScriptEmbed'
-import { YouTubeEmbed as YouTubeEmbedTypes } from '../types/google'
+import type { YouTubeEmbed as YouTubeEmbedTypes } from '../types/google'
 
 const scriptStrategy = {
   server: 'beforeInteractive',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7f6605037d310..3f05ea6e9bef3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -444,8 +444,8 @@ importers:
         specifier: 18.3.0-canary-d900fadbf-20230929
         version: 18.3.0-canary-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0)
       react-server-dom-turbopack-experimental:
-        specifier: npm:react-server-dom-webpack@0.0.0-experimental-d900fadbf-20230929
-        version: /react-server-dom-webpack@0.0.0-experimental-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
+        specifier: npm:react-server-dom-turbopack@0.0.0-experimental-d900fadbf-20230929
+        version: /react-server-dom-turbopack@0.0.0-experimental-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0)
       react-server-dom-webpack:
         specifier: 18.3.0-canary-d900fadbf-20230929
         version: 18.3.0-canary-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
@@ -732,7 +732,7 @@ importers:
   packages/eslint-config-next:
     dependencies:
       '@next/eslint-plugin-next':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../eslint-plugin-next
       '@rushstack/eslint-patch':
         specifier: ^1.3.3
@@ -793,7 +793,7 @@ importers:
   packages/next:
     dependencies:
       '@next/env':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../next-env
       '@swc/helpers':
         specifier: 0.5.2
@@ -917,19 +917,19 @@ importers:
         specifier: 1.1.0
         version: 1.1.0
       '@next/polyfill-module':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../next-polyfill-module
       '@next/polyfill-nomodule':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../next-polyfill-nomodule
       '@next/react-dev-overlay':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../react-dev-overlay
       '@next/react-refresh-utils':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../react-refresh-utils
       '@next/swc':
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../next-swc
       '@opentelemetry/api':
         specifier: 1.4.1
@@ -1058,8 +1058,8 @@ importers:
         specifier: 0.22.6
         version: 0.22.6
       '@vercel/turbopack-ecmascript-runtime':
-        specifier: https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2
-        version: '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2(react-refresh@0.12.0)(webpack@5.86.0)'
+        specifier: https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4
+        version: '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4(react-refresh@0.12.0)(webpack@5.86.0)'
       acorn:
         specifier: 8.5.0
         version: 8.5.0
@@ -1317,7 +1317,7 @@ importers:
         version: 0.13.4
       sass-loader:
         specifier: 12.4.0
-        version: 12.4.0(webpack@5.86.0)
+        version: 12.4.0(sass@1.54.0)(webpack@5.86.0)
       schema-utils2:
         specifier: npm:schema-utils@2.7.1
         version: /schema-utils@2.7.1
@@ -1583,7 +1583,7 @@ importers:
         version: 1.0.20
     devDependencies:
       next:
-        specifier: 13.5.5-canary.2
+        specifier: 13.5.5-canary.4
         version: link:../next
       outdent:
         specifier: 0.8.0
@@ -9082,7 +9082,7 @@ packages:
       fast-deep-equal: 3.1.3
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
-      uri-js: 4.2.2
+      uri-js: 4.4.1
     dev: true
 
   /alex@9.1.0:
@@ -22377,6 +22377,20 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /react-server-dom-turbopack@0.0.0-experimental-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-MTk3sZt+wVJAosQnTmg+rfznovI2FFRWv4cKcZdk90ebDBL7rZItEIwZzGKqVVhKVetppIYT7gIPMt7CJJ5LCQ==}
+    engines: {node: '>=0.10.0'}
+    peerDependencies:
+      react: 0.0.0-experimental-d900fadbf-20230929
+      react-dom: 0.0.0-experimental-d900fadbf-20230929
+    dependencies:
+      acorn-loose: 8.3.0
+      loose-envify: 1.4.0
+      neo-async: 2.6.1
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: true
+
   /react-server-dom-turbopack@18.3.0-canary-d900fadbf-20230929(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-aD2S8Fu4UWhyO1YJXt3ZITQohdymG/CfxT8xMw/OyVy2cbescTKLdZ215D4CUQc3368GhRDlsCUmyKpQFb5tlg==}
     engines: {node: '>=0.10.0'}
@@ -23483,7 +23497,7 @@ packages:
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  /sass-loader@12.4.0(webpack@5.86.0):
+  /sass-loader@12.4.0(sass@1.54.0)(webpack@5.86.0):
     resolution: {integrity: sha512-7xN+8khDIzym1oL9XyS6zP6Ges+Bo2B2xbPrjdMHEYyV3AQYhd/wXeru++3ODHF0zMjYmVadblSKrPrjEkL8mg==}
     engines: {node: '>= 12.13.0'}
     peerDependencies:
@@ -23501,6 +23515,7 @@ packages:
     dependencies:
       klona: 2.0.4
       neo-async: 2.6.2
+      sass: 1.54.0
       webpack: 5.86.0(@swc/core@1.3.85)
     dev: true
 
@@ -25928,12 +25943,6 @@ packages:
       tslib: 2.6.2
     dev: true
 
-  /uri-js@4.2.2:
-    resolution: {integrity: sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==}
-    dependencies:
-      punycode: 2.1.1
-    dev: true
-
   /uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
@@ -26762,9 +26771,9 @@ packages:
   /zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
-  '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2(react-refresh@0.12.0)(webpack@5.86.0)':
-    resolution: {tarball: https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2}
-    id: '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231005.2'
+  '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4(react-refresh@0.12.0)(webpack@5.86.0)':
+    resolution: {tarball: https://gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4}
+    id: '@gitpkg-fork.vercel.sh/vercel/turbo/crates/turbopack-ecmascript-runtime/js?turbopack-231006.4'
     name: '@vercel/turbopack-ecmascript-runtime'
     version: 0.0.0
     dependencies:
diff --git a/rust-toolchain b/rust-toolchain
index fe109472d242d..38686d9d69ff4 100644
--- a/rust-toolchain
+++ b/rust-toolchain
@@ -1 +1 @@
-nightly-2023-09-21
+nightly-2023-10-06
diff --git a/test/development/acceptance-app/fixtures/rsc-build-errors/next.config.js b/test/development/acceptance-app/fixtures/rsc-build-errors/next.config.js
deleted file mode 100644
index 4ba52ba2c8df6..0000000000000
--- a/test/development/acceptance-app/fixtures/rsc-build-errors/next.config.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = {}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/client/page.js b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/client/page.js
new file mode 100644
index 0000000000000..33f94c1f46b07
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/client/page.js
@@ -0,0 +1,4 @@
+'use client'
+export default function page() {
+  return 'page'
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/layout.js b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/layout.js
new file mode 100644
index 0000000000000..8525f5f8c0b2a
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/layout.js
@@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'Next.js',
+  description: 'Generated by Next.js',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/server/page.js b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/server/page.js
new file mode 100644
index 0000000000000..41c1c6b78dffe
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/app/server/page.js
@@ -0,0 +1,3 @@
+export default function page() {
+  return 'page'
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/index.js b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/index.js
new file mode 100644
index 0000000000000..6e5c0b4e88205
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/index.js
@@ -0,0 +1,6 @@
+import { useState } from 'react'
+
+export function callClientApi() {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useState(0)
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/package.json b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/package.json
new file mode 100644
index 0000000000000..5f196b3ba2bd8
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/client-package/package.json
@@ -0,0 +1,4 @@
+{
+  "name": "client-package",
+  "exports": "./index.js"
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/index.js b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/index.js
new file mode 100644
index 0000000000000..a0b959e43331a
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/index.js
@@ -0,0 +1,7 @@
+'use client'
+
+import { cookies } from 'next/headers'
+
+export function callServerApi() {
+  return cookies()
+}
diff --git a/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/package.json b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/package.json
new file mode 100644
index 0000000000000..ba9bc67edc39b
--- /dev/null
+++ b/test/development/acceptance-app/fixtures/rsc-runtime-errors/node_modules_bak/server-package/package.json
@@ -0,0 +1,4 @@
+{
+  "name": "server-package",
+  "exports": "./index.js"
+}
diff --git a/test/development/acceptance-app/rsc-build-errors.test.ts b/test/development/acceptance-app/rsc-build-errors.test.ts
index 1e8bbacb26e4e..f65a33bc38a4c 100644
--- a/test/development/acceptance-app/rsc-build-errors.test.ts
+++ b/test/development/acceptance-app/rsc-build-errors.test.ts
@@ -379,63 +379,4 @@ describe('Error overlay - RSC build errors', () => {
 
     await cleanup()
   })
-
-  it('should show which import caused an error in node_modules', async () => {
-    const { session, cleanup } = await sandbox(
-      next,
-      new Map([
-        [
-          'node_modules/client-package/module2.js',
-          "import { useState } from 'react'",
-        ],
-        ['node_modules/client-package/module1.js', "import './module2.js'"],
-        ['node_modules/client-package/index.js', "import './module1.js'"],
-        [
-          'node_modules/client-package/package.json',
-          outdent`
-            {
-              "name": "client-package",
-              "version": "0.0.1"
-            }
-          `,
-        ],
-        ['app/Component.js', "import 'client-package'"],
-        [
-          'app/page.js',
-          outdent`
-            import './Component.js'
-            export default function Page() {
-              return <p>Hello world</p>
-            }
-          `,
-        ],
-      ])
-    )
-
-    expect(await session.hasRedbox(true)).toBe(true)
-    expect(
-      next.normalizeTestDirContent(await session.getRedboxSource())
-    ).toMatchInlineSnapshot(
-      next.normalizeSnapshot(`
-        "./app/Component.js
-        ReactServerComponentsError:
-
-        You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with \\"use client\\", so they're Server Components by default.
-        Learn more: https://nextjs.org/docs/getting-started/react-essentials
-
-           ,-[TEST_DIR/node_modules/client-package/module2.js:1:1]
-         1 | import { useState } from 'react'
-           :          ^^^^^^^^
-           \`----
-
-        The error was caused by importing 'client-package/index.js' in './app/Component.js'.
-
-        Maybe one of these should be marked as a client entry with \\"use client\\":
-          ./app/Component.js
-          ./app/page.js"
-      `)
-    )
-
-    await cleanup()
-  })
 })
diff --git a/test/development/acceptance-app/rsc-runtime-errors.test.ts b/test/development/acceptance-app/rsc-runtime-errors.test.ts
new file mode 100644
index 0000000000000..41b2688f31585
--- /dev/null
+++ b/test/development/acceptance-app/rsc-runtime-errors.test.ts
@@ -0,0 +1,80 @@
+import path from 'path'
+import { outdent } from 'outdent'
+import { FileRef, createNextDescribe } from 'e2e-utils'
+import {
+  check,
+  getRedboxDescription,
+  hasRedbox,
+  shouldRunTurboDevTest,
+} from 'next-test-utils'
+
+createNextDescribe(
+  'Error overlay - RSC runtime errors',
+  {
+    files: new FileRef(path.join(__dirname, 'fixtures', 'rsc-runtime-errors')),
+    packageJson: {
+      scripts: {
+        setup: 'cp -r ./node_modules_bak/* ./node_modules',
+        build: 'yarn setup && next build',
+        dev: `yarn setup && next ${
+          shouldRunTurboDevTest() ? 'dev --turbo' : 'dev'
+        }`,
+        start: 'next start',
+      },
+    },
+    installCommand: 'yarn',
+    startCommand: (global as any).isNextDev ? 'yarn dev' : 'yarn start',
+  },
+  ({ next }) => {
+    it('should show runtime errors if invalid client API from node_modules is executed', async () => {
+      await next.patchFile(
+        'app/server/page.js',
+        outdent`
+      import { callClientApi } from 'client-package'
+      export default function Page() {
+        callClientApi()
+        return 'page'
+      }
+    `
+      )
+
+      const browser = await next.browser('/server')
+
+      await check(
+        async () => ((await hasRedbox(browser, true)) ? 'success' : 'fail'),
+        /success/
+      )
+      const errorDescription = await getRedboxDescription(browser)
+
+      expect(errorDescription).toContain(
+        `Error: useState only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/react-client-hook-in-server-component`
+      )
+    })
+
+    it('should show runtime errors if invalid server API from node_modules is executed', async () => {
+      await next.patchFile(
+        'app/client/page.js',
+        outdent`
+      'use client'
+      import { callServerApi } from 'server-package'
+      export default function Page() {
+        callServerApi()
+        return 'page'
+      }
+    `
+      )
+
+      const browser = await next.browser('/client')
+
+      await check(
+        async () => ((await hasRedbox(browser, true)) ? 'success' : 'fail'),
+        /success/
+      )
+      const errorDescription = await getRedboxDescription(browser)
+
+      expect(errorDescription).toContain(
+        `Error: Invariant: cookies() expects to have requestAsyncStorage, none available.`
+      )
+    })
+  }
+)
diff --git a/test/development/basic/barrel-optimization.test.ts b/test/development/basic/barrel-optimization.test.ts
index fe18298a59dcf..7523cac2c65d7 100644
--- a/test/development/basic/barrel-optimization.test.ts
+++ b/test/development/basic/barrel-optimization.test.ts
@@ -42,6 +42,7 @@ describe('optimizePackageImports', () => {
         '@headlessui/react': '1.7.17',
         '@heroicons/react': '2.0.18',
         '@visx/visx': '3.3.0',
+        'recursive-barrel': '1.0.0',
       },
     })
   })
@@ -97,24 +98,40 @@ describe('optimizePackageImports', () => {
     }
   })
 
-  it('should reuse the transformed barrel meta file from SWC', async () => {
+  it('app - should optimize recursive wildcard export mapping', async () => {
     let logs = ''
     next.on('stdout', (log) => {
       logs += log
     })
 
-    const html = await next.render('/dedupe')
+    await next.render('/recursive-barrel-app')
 
-    // Ensure the icons are rendered
-    expect(html).toContain('<svg xmlns="http://www.w3.org/2000/svg"')
+    const modules = [...logs.matchAll(/\((\d+) modules\)/g)]
 
-    const swcOptimizeBarrelExports = [
-      ...logs.matchAll(
-        /optimizeBarrelExports: .+\/dist\/esm\/lucide-react\.js/g
-      ),
-    ]
+    expect(modules.length).toBeGreaterThanOrEqual(1)
+    for (const [, moduleCount] of modules) {
+      // Ensure that the number of modules is less than 1000 - otherwise we're
+      // importing the entire library.
+      expect(parseInt(moduleCount)).toBeLessThan(1000)
+    }
+  })
 
-    expect(swcOptimizeBarrelExports.length).toBe(1)
+  it('pages - should optimize recursive wildcard export mapping', async () => {
+    let logs = ''
+    next.on('stdout', (log) => {
+      logs += log
+    })
+
+    await next.render('/recursive-barrel')
+
+    const modules = [...logs.matchAll(/\((\d+) modules\)/g)]
+
+    expect(modules.length).toBeGreaterThanOrEqual(1)
+    for (const [, moduleCount] of modules) {
+      // Ensure that the number of modules is less than 1000 - otherwise we're
+      // importing the entire library.
+      expect(parseInt(moduleCount)).toBeLessThan(1000)
+    }
   })
 
   it('should handle recursive wildcard exports', async () => {
diff --git a/test/development/basic/barrel-optimization/app/recursive-barrel-app/page.js b/test/development/basic/barrel-optimization/app/recursive-barrel-app/page.js
new file mode 100644
index 0000000000000..52d86626f0710
--- /dev/null
+++ b/test/development/basic/barrel-optimization/app/recursive-barrel-app/page.js
@@ -0,0 +1,7 @@
+'use client'
+
+import { b_8_7_6_4 } from 'recursive-barrel'
+
+export default function Page() {
+  return <h1>{b_8_7_6_4}</h1>
+}
diff --git a/test/development/basic/barrel-optimization/next.config.js b/test/development/basic/barrel-optimization/next.config.js
index d966eb99681dc..0afa42db843da 100644
--- a/test/development/basic/barrel-optimization/next.config.js
+++ b/test/development/basic/barrel-optimization/next.config.js
@@ -1,5 +1,5 @@
 module.exports = {
   experimental: {
-    optimizePackageImports: ['my-lib'],
+    optimizePackageImports: ['my-lib', 'recursive-barrel'],
   },
 }
diff --git a/test/development/basic/barrel-optimization/pages/recursive-barrel.js b/test/development/basic/barrel-optimization/pages/recursive-barrel.js
new file mode 100644
index 0000000000000..8b2b67baf90e6
--- /dev/null
+++ b/test/development/basic/barrel-optimization/pages/recursive-barrel.js
@@ -0,0 +1,5 @@
+import { b_8_3_1_1 as v } from 'recursive-barrel'
+
+export default function Page() {
+  return <h1>{v}</h1>
+}
diff --git a/test/e2e/app-dir/app-css-pageextensions/index.test.ts b/test/e2e/app-dir/app-css-pageextensions/index.test.ts
index 81a13a361d059..a2cb488426ae8 100644
--- a/test/e2e/app-dir/app-css-pageextensions/index.test.ts
+++ b/test/e2e/app-dir/app-css-pageextensions/index.test.ts
@@ -1,7 +1,7 @@
 import { createNextDescribe } from 'e2e-utils'
 
 createNextDescribe(
-  'app dir css with pageextensions',
+  'app dir - css with pageextensions',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/app-dir/app-css/index.test.ts b/test/e2e/app-dir/app-css/index.test.ts
index 4b160a299c897..3d1ac7277e93f 100644
--- a/test/e2e/app-dir/app-css/index.test.ts
+++ b/test/e2e/app-dir/app-css/index.test.ts
@@ -2,7 +2,7 @@ import { createNextDescribe } from 'e2e-utils'
 import { check } from 'next-test-utils'
 
 createNextDescribe(
-  'app dir css',
+  'app dir - css',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/app-dir/app-middleware/app-middleware.test.ts b/test/e2e/app-dir/app-middleware/app-middleware.test.ts
index 80f0bae676d8a..661839a2aa37d 100644
--- a/test/e2e/app-dir/app-middleware/app-middleware.test.ts
+++ b/test/e2e/app-dir/app-middleware/app-middleware.test.ts
@@ -138,7 +138,7 @@ createNextDescribe(
 )
 
 createNextDescribe(
-  'app dir middleware without pages dir',
+  'app dir - middleware without pages dir',
   {
     files: {
       app: new FileRef(path.join(__dirname, 'app')),
@@ -168,7 +168,7 @@ createNextDescribe(
 )
 
 createNextDescribe(
-  'app dir middleware with middleware in src dir',
+  'app dir - middleware with middleware in src dir',
   {
     files: {
       'src/app': new FileRef(path.join(__dirname, 'app')),
diff --git a/test/e2e/app-dir/app-prefetch/prefetching.test.ts b/test/e2e/app-dir/app-prefetch/prefetching.test.ts
index 2d9b476690893..9d14424c3c6b4 100644
--- a/test/e2e/app-dir/app-prefetch/prefetching.test.ts
+++ b/test/e2e/app-dir/app-prefetch/prefetching.test.ts
@@ -28,7 +28,7 @@ const browserConfigWithFixedTime = {
 }
 
 createNextDescribe(
-  'app dir prefetching',
+  'app dir - prefetching',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/app-dir/app-validation/validation.test.ts b/test/e2e/app-dir/app-validation/validation.test.ts
index b00dde4d778ef..3146ece06b956 100644
--- a/test/e2e/app-dir/app-validation/validation.test.ts
+++ b/test/e2e/app-dir/app-validation/validation.test.ts
@@ -1,7 +1,7 @@
 import { createNextDescribe } from 'e2e-utils'
 
 createNextDescribe(
-  'app dir validation',
+  'app dir - validation',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/app-dir/app/index.test.ts b/test/e2e/app-dir/app/index.test.ts
index e082ebfe292b0..c69fef660f5d9 100644
--- a/test/e2e/app-dir/app/index.test.ts
+++ b/test/e2e/app-dir/app/index.test.ts
@@ -6,7 +6,7 @@ import { BrowserInterface } from 'test/lib/browsers/base'
 import { Request } from 'playwright-core'
 
 createNextDescribe(
-  'app dir',
+  'app dir - basic',
   {
     files: __dirname,
     buildCommand: process.env.NEXT_EXPERIMENTAL_COMPILE
diff --git a/test/e2e/app-dir/externals/app/layout.tsx b/test/e2e/app-dir/externals/app/layout.tsx
new file mode 100644
index 0000000000000..e7077399c03ce
--- /dev/null
+++ b/test/e2e/app-dir/externals/app/layout.tsx
@@ -0,0 +1,7 @@
+export default function Root({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/test/e2e/app-dir/externals/app/page.tsx b/test/e2e/app-dir/externals/app/page.tsx
new file mode 100644
index 0000000000000..64d884b20cce5
--- /dev/null
+++ b/test/e2e/app-dir/externals/app/page.tsx
@@ -0,0 +1,5 @@
+import { foo } from 'external-package'
+
+export default function Page() {
+  return <div>{foo}</div>
+}
diff --git a/test/e2e/app-dir/externals/app/predefined/page.tsx b/test/e2e/app-dir/externals/app/predefined/page.tsx
new file mode 100644
index 0000000000000..949285a2bb559
--- /dev/null
+++ b/test/e2e/app-dir/externals/app/predefined/page.tsx
@@ -0,0 +1,5 @@
+import { foo } from 'sqlite3'
+
+export default function Predefined() {
+  return <div>{foo}</div>
+}
diff --git a/test/e2e/app-dir/externals/externals.test.ts b/test/e2e/app-dir/externals/externals.test.ts
new file mode 100644
index 0000000000000..e9c1f64927141
--- /dev/null
+++ b/test/e2e/app-dir/externals/externals.test.ts
@@ -0,0 +1,71 @@
+import fs from 'fs/promises'
+import path from 'path'
+import { createNextDescribe } from 'e2e-utils'
+
+async function getAppPageChunkPaths(appDir: string, pageName?: string) {
+  const rscPath = path.join(appDir, '.next/server/chunks/rsc')
+  const pageRegex = new RegExp(
+    `app${pageName ? '_' + pageName : ''}_page_tsx_[0-9a-f]+._.js$`
+  )
+
+  return (await fs.readdir(rscPath))
+    .filter((p) => p.match(pageRegex))
+    .map((basename) => path.join(rscPath, basename))
+}
+
+createNextDescribe(
+  'externals-app',
+  {
+    files: __dirname,
+  },
+  ({ next, isNextDev, isTurbopack }) => {
+    it('should have externals for those in config.experimental.serverComponentsExternalPackages', async () => {
+      await next.render$('/')
+
+      if (isTurbopack) {
+        const appBundles = await getAppPageChunkPaths(next.testDir)
+        const bundleTexts = await Promise.all(
+          appBundles.map((b) => fs.readFile(b, 'utf8'))
+        )
+        expect(
+          bundleTexts.find((t) =>
+            t.includes(
+              '__turbopack_external_require__("external-package", true)'
+            )
+          )
+        ).not.toBeUndefined()
+      } else {
+        const output = await fs.readFile(
+          path.join(next.testDir, '.next/server/app/page.js'),
+          'utf8'
+        )
+        expect(output).toContain('require("external-package")')
+      }
+    })
+
+    it('uses externals for predefined list in server-external-packages.json', async () => {
+      await next.render$('/predefined')
+
+      if (isTurbopack) {
+        const appBundles = await getAppPageChunkPaths(
+          next.testDir,
+          'predefined'
+        )
+        const bundleTexts = await Promise.all(
+          appBundles.map((b) => fs.readFile(b, 'utf8'))
+        )
+        expect(
+          bundleTexts.find((t) =>
+            t.includes('__turbopack_external_require__("sqlite3", true)')
+          )
+        ).not.toBeUndefined()
+      } else {
+        const output = await fs.readFile(
+          path.join(next.testDir, '.next/server/app/predefined/page.js'),
+          'utf8'
+        )
+        expect(output).toContain('require("sqlite3")')
+      }
+    })
+  }
+)
diff --git a/test/e2e/app-dir/externals/next.config.js b/test/e2e/app-dir/externals/next.config.js
new file mode 100644
index 0000000000000..3abed8085c5e4
--- /dev/null
+++ b/test/e2e/app-dir/externals/next.config.js
@@ -0,0 +1,10 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const nextConfig = {
+  experimental: {
+    serverComponentsExternalPackages: ['external-package'],
+  },
+}
+
+module.exports = nextConfig
diff --git a/test/e2e/app-dir/externals/node_modules/external-package/index.js b/test/e2e/app-dir/externals/node_modules/external-package/index.js
new file mode 100644
index 0000000000000..ca285d93526b1
--- /dev/null
+++ b/test/e2e/app-dir/externals/node_modules/external-package/index.js
@@ -0,0 +1,3 @@
+module.exports = {
+  foo: 'bar',
+}
diff --git a/test/e2e/app-dir/externals/node_modules/external-package/package.json b/test/e2e/app-dir/externals/node_modules/external-package/package.json
new file mode 100644
index 0000000000000..6ae6da1a7ada2
--- /dev/null
+++ b/test/e2e/app-dir/externals/node_modules/external-package/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "external-package",
+  "version": "1.0.0",
+  "description": "External package",
+  "main": "index.js"
+}
diff --git a/test/e2e/app-dir/externals/node_modules/sqlite3/index.js b/test/e2e/app-dir/externals/node_modules/sqlite3/index.js
new file mode 100644
index 0000000000000..ca285d93526b1
--- /dev/null
+++ b/test/e2e/app-dir/externals/node_modules/sqlite3/index.js
@@ -0,0 +1,3 @@
+module.exports = {
+  foo: 'bar',
+}
diff --git a/test/e2e/app-dir/externals/node_modules/sqlite3/package.json b/test/e2e/app-dir/externals/node_modules/sqlite3/package.json
new file mode 100644
index 0000000000000..176d352c31c0a
--- /dev/null
+++ b/test/e2e/app-dir/externals/node_modules/sqlite3/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "sqlite3",
+  "version": "1.0.0",
+  "description": "sqlite3 stub",
+  "main": "index.js"
+}
diff --git a/test/e2e/app-dir/import/import.test.ts b/test/e2e/app-dir/import/import.test.ts
index 24743f773f626..55d313ba81886 100644
--- a/test/e2e/app-dir/import/import.test.ts
+++ b/test/e2e/app-dir/import/import.test.ts
@@ -1,7 +1,7 @@
 import { createNextDescribe } from 'e2e-utils'
 
 createNextDescribe(
-  'app dir imports',
+  'app dir - imports',
   {
     files: __dirname,
   },
diff --git a/test/e2e/app-dir/next-font/next-font.test.ts b/test/e2e/app-dir/next-font/next-font.test.ts
index 4320d6b556eac..77a8feeb6c7f9 100644
--- a/test/e2e/app-dir/next-font/next-font.test.ts
+++ b/test/e2e/app-dir/next-font/next-font.test.ts
@@ -25,7 +25,7 @@ const getAttrs = (elems: Cheerio) =>
 
 describe.each([['app'], ['app-old']])('%s', (fixture: string) => {
   createNextDescribe(
-    'app dir next-font',
+    'app dir - next-font',
     {
       files: {
         app: new FileRef(join(__dirname, fixture)),
diff --git a/test/e2e/app-dir/next-image/next-image-https.test.ts b/test/e2e/app-dir/next-image/next-image-https.test.ts
index fd97a867d8cb0..7f45437fa791e 100644
--- a/test/e2e/app-dir/next-image/next-image-https.test.ts
+++ b/test/e2e/app-dir/next-image/next-image-https.test.ts
@@ -1,7 +1,7 @@
 import { createNextDescribe } from '../../../lib/e2e-utils'
 
 createNextDescribe(
-  'app dir next-image (with https)',
+  'app dir - next-image (with https)',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/app-dir/next-image/next-image.test.ts b/test/e2e/app-dir/next-image/next-image.test.ts
index 108dfef63edba..2640b56ed1076 100644
--- a/test/e2e/app-dir/next-image/next-image.test.ts
+++ b/test/e2e/app-dir/next-image/next-image.test.ts
@@ -1,7 +1,7 @@
 import { createNextDescribe } from 'e2e-utils'
 
 createNextDescribe(
-  'app dir next-image',
+  'app dir - next-image',
   {
     files: __dirname,
     skipDeployment: true,
diff --git a/test/e2e/skip-trailing-slash-redirect/index.test.ts b/test/e2e/skip-trailing-slash-redirect/index.test.ts
index d9cf1e90adbed..2b0d9ca7df64e 100644
--- a/test/e2e/skip-trailing-slash-redirect/index.test.ts
+++ b/test/e2e/skip-trailing-slash-redirect/index.test.ts
@@ -367,7 +367,7 @@ describe('skip-trailing-slash-redirect', () => {
     runSharedTests('/')
   })
 
-  describe('app dir', () => {
+  describe('app dir - skip trailing slash redirect', () => {
     runSharedTests('/with-app-dir/')
   })
 })
diff --git a/test/integration/app-dir-export/test/config.test.ts b/test/integration/app-dir-export/test/config.test.ts
index 79e5c8456905d..1cfe54c76d3b0 100644
--- a/test/integration/app-dir-export/test/config.test.ts
+++ b/test/integration/app-dir-export/test/config.test.ts
@@ -10,7 +10,7 @@ import {
   nextConfig,
 } from './utils'
 
-describe('app dir with output export (next dev / next build)', () => {
+describe('app dir - with output export (next dev / next build)', () => {
   ;(process.env.TURBOPACK ? describe.skip : describe)('production mode', () => {
     it('should throw when exportPathMap configured', async () => {
       nextConfig.replace(
diff --git a/test/integration/app-dir-export/test/start.test.ts b/test/integration/app-dir-export/test/start.test.ts
index b7d5241493c13..a801470efd70a 100644
--- a/test/integration/app-dir-export/test/start.test.ts
+++ b/test/integration/app-dir-export/test/start.test.ts
@@ -17,7 +17,7 @@ const exportDir = join(appDir, 'out')
 const nextConfig = new File(join(appDir, 'next.config.js'))
 let app
 
-describe('app dir with output export (next start)', () => {
+describe('app dir - with output export (next start)', () => {
   ;(process.env.TURBOPACK ? describe.skip : describe)('production mode', () => {
     afterEach(async () => {
       await killApp(app)
diff --git a/test/integration/config-experimental-warning/test/index.test.js b/test/integration/config-experimental-warning/test/index.test.js
index 79831f2826805..a4a6bed21fae3 100644
--- a/test/integration/config-experimental-warning/test/index.test.js
+++ b/test/integration/config-experimental-warning/test/index.test.js
@@ -19,17 +19,6 @@ async function collectStdout(appDir) {
   return stdout
 }
 
-async function collectStderr(appDir) {
-  let stderr = ''
-  const port = await findPort()
-  app = await launchApp(appDir, port, {
-    onStderr(msg) {
-      stderr += msg
-    },
-  })
-  return stderr
-}
-
 describe('Config Experimental Warning', () => {
   afterEach(() => {
     configFile.write('')
@@ -123,19 +112,4 @@ describe('Config Experimental Warning', () => {
     expect(stdout).toMatch(' · workerThreads')
     expect(stdout).toMatch(' · scrollRestoration')
   })
-
-  it('should show warning for dropped experimental.appDir option', async () => {
-    configFile.write(`
-      module.exports = {
-        experimental: {
-          appDir: true,
-        }
-      }
-    `)
-
-    const stderr = await collectStderr(appDir)
-    expect(stderr).toMatch(
-      'App router is available by default now, `experimental.appDir` option can be safely removed.'
-    )
-  })
 })
diff --git a/test/integration/custom-routes/test/index.test.js b/test/integration/custom-routes/test/index.test.js
index 0a77ca7db82f8..0ba6ce2ffbd7a 100644
--- a/test/integration/custom-routes/test/index.test.js
+++ b/test/integration/custom-routes/test/index.test.js
@@ -38,7 +38,7 @@ let buildId
 let appPort
 let app
 
-const runTests = (isDev = false, isTurbo = false) => {
+const runTests = (isDev = false) => {
   it.each([
     {
       path: '/to-ANOTHER',
@@ -78,9 +78,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   )
 
   it('should successfully rewrite a WebSocket request', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const messages = []
     const ws = await new Promise((resolve, reject) => {
       let socket = new WebSocket(`ws://localhost:${appPort}/to-websocket`)
@@ -104,9 +101,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should successfully rewrite a WebSocket request to a page', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const messages = []
     try {
       const ws = await new Promise((resolve, reject) => {
@@ -147,9 +141,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle has query encoding correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     for (const expected of [
       {
         post: 'first',
@@ -192,9 +183,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle external beforeFiles rewrite correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/overridden')
     const html = await res.text()
 
@@ -213,9 +201,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle beforeFiles rewrite to dynamic route correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/nfl')
     const html = await res.text()
 
@@ -242,9 +227,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle beforeFiles rewrite to partly dynamic route correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/nfl')
     const html = await res.text()
 
@@ -282,9 +264,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should resolveHref correctly navigating through history', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const browser = await webdriver(appPort, '/')
     await browser.eval('window.beforeNav = 1')
 
@@ -340,9 +319,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should not hang when proxy rewrite fails', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/to-nowhere', undefined, {
       timeout: 5000,
     })
@@ -363,9 +339,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should provide params correctly for rewrite to auto-export non-dynamic page', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const browser = await webdriver(
       appPort,
       '/rewriting-to-another-auto-export/first'
@@ -391,9 +364,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle param like headers properly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/my-other-header/my-path')
     expect(res.headers.get('x-path')).toBe('my-path')
     expect(res.headers.get('somemy-path')).toBe('hi')
@@ -412,9 +382,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should not match dynamic route immediately after applying header', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/blog/post-321')
     expect(res.headers.get('x-something')).toBe('applied-everywhere')
 
@@ -581,9 +548,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should have correct encoding for params with catchall rewrite', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const html = await renderViaHTTP(
       appPort,
       '/catchall-rewrite/hello%20world%3Fw%3D24%26focalpoint%3Dcenter?a=b'
@@ -606,9 +570,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should have correct header for catchall rewrite', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/catchall-header/hello/world?a=b')
     const headerValue = res.headers.get('x-value')
     expect(headerValue).toBe('hello/world')
@@ -634,9 +595,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should have correctly encoded params in query for redirect', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(
       appPort,
       '/query-redirect/hello%20world%3Fw%3D24%26focalpoint%3Dcenter/world?a=b',
@@ -744,9 +702,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should work with rewrite when only specifying href', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const browser = await webdriver(appPort, '/nav')
     await browser.eval('window.beforeNav = 1')
     await browser
@@ -763,9 +718,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should work with rewrite when only specifying href and ends in dynamic route', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const browser = await webdriver(appPort, '/nav')
     await browser.eval('window.beforeNav = 1')
     await browser
@@ -795,9 +747,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match /_next file after rewrite', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     await renderViaHTTP(appPort, '/hello')
     const data = await renderViaHTTP(
       appPort,
@@ -816,52 +765,34 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should apply headers for exact match', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/add-header')
     expect(res.headers.get('x-custom-header')).toBe('hello world')
     expect(res.headers.get('x-another-header')).toBe('hello again')
   })
 
   it('should apply headers for multi match', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/my-headers/first')
     expect(res.headers.get('x-first-header')).toBe('first')
     expect(res.headers.get('x-second-header')).toBe('second')
   })
 
   it('should apply params for header key/values', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/my-other-header/first')
     expect(res.headers.get('x-path')).toBe('first')
     expect(res.headers.get('somefirst')).toBe('hi')
   })
 
   it('should support URL for header key/values', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/without-params/url')
     expect(res.headers.get('x-origin')).toBe('https://example.com')
   })
 
   it('should apply params header key/values with URL', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/with-params/url/first')
     expect(res.headers.get('x-url')).toBe('https://example.com/first')
   })
 
   it('should apply params header key/values with URL that has port', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/with-params/url2/first')
     expect(res.headers.get('x-url')).toBe(
       'https://example.com:8080?hello=first'
@@ -869,9 +800,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should support named pattern for header key/values', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/named-pattern/hello')
     expect(res.headers.get('x-something')).toBe('value=hello')
     expect(res.headers.get('path-hello')).toBe('end')
@@ -934,9 +862,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should have correctly encoded query in location and refresh headers', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(
       appPort,
       // Query unencoded is ?テスト=あ
@@ -976,9 +901,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should handle encoded value in the pathname correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(
       appPort,
       '/redirect/me/to-about/' + encodeURI('\\google.com'),
@@ -1054,9 +976,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match missing header headers correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/missing-headers-1', undefined, {
       headers: {
         'x-my-header': 'hello world!!',
@@ -1072,9 +991,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match missing query headers correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/missing-headers-2', {
       'my-query': 'hellooo',
     })
@@ -1088,9 +1004,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match missing cookie headers correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/missing-headers-3', undefined, {
       headers: {
         cookie: 'loggedIn=true',
@@ -1327,9 +1240,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match has rewrite correctly before files', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res1 = await fetchViaHTTP(appPort, '/hello')
     expect(res1.status).toBe(200)
     const $1 = cheerio.load(await res1.text())
@@ -1497,9 +1407,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match has header for header correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/has-header-1', undefined, {
       headers: {
         'x-my-header': 'hello world!!',
@@ -1516,9 +1423,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match has query for header correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(
       appPort,
       '/has-header-2',
@@ -1539,9 +1443,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match has cookie for header correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/has-header-3', undefined, {
       headers: {
         cookie: 'loggedIn=true',
@@ -1558,9 +1459,6 @@ const runTests = (isDev = false, isTurbo = false) => {
   })
 
   it('should match has host for header correctly', async () => {
-    // TODO: remove once test failure has been fixed
-    if (isTurbo) return
-
     const res = await fetchViaHTTP(appPort, '/has-header-4', undefined, {
       headers: {
         host: 'example.com',
diff --git a/test/integration/externals-pages-bundle/test/externals.test.js b/test/integration/externals-pages-bundle/test/externals.test.js
new file mode 100644
index 0000000000000..e79f4504a95c6
--- /dev/null
+++ b/test/integration/externals-pages-bundle/test/externals.test.js
@@ -0,0 +1,48 @@
+/* eslint-env jest */
+
+import fs from 'fs/promises'
+import { join } from 'path'
+import {
+  killApp,
+  launchApp,
+  findPort,
+  File,
+  renderViaHTTP,
+} from 'next-test-utils'
+
+const appDir = join(__dirname, '../')
+
+describe('default', () => {
+  it('should use externals for unvendored node_modules reachable from the project', async () => {
+    const port = await findPort()
+    const config = new File(join(appDir, 'next.config.js'))
+    config.delete()
+    try {
+      const app = await launchApp(appDir, port)
+      await renderViaHTTP(port, '/')
+      if (process.env.TURBOPACK) {
+        const ssrPath = join(appDir, '.next/server/chunks/ssr')
+        const pageBundleBasename = (await fs.readdir(ssrPath)).find((p) =>
+          p.match(/pages_index_[0-9a-f]+\.js$/)
+        )
+        expect(pageBundleBasename).not.toBeUndefined()
+        const output = await fs.readFile(
+          join(ssrPath, pageBundleBasename),
+          'utf8'
+        )
+        expect(output).toContain(
+          '__turbopack_external_require__("external-package", true)'
+        )
+      } else {
+        const output = await fs.readFile(
+          join(appDir, '.next/server/pages/index.js'),
+          'utf8'
+        )
+        expect(output).toContain('require("external-package")')
+      }
+      await killApp(app)
+    } finally {
+      config.restore()
+    }
+  })
+})
diff --git a/test/integration/tsconfig-verifier/test/index.test.js b/test/integration/tsconfig-verifier/test/index.test.js
index b992b9ed7edab..9738c31d16adf 100644
--- a/test/integration/tsconfig-verifier/test/index.test.js
+++ b/test/integration/tsconfig-verifier/test/index.test.js
@@ -567,6 +567,63 @@ import path from 'path'
     `)
     })
 
+    it('allows you to set verbatimModuleSyntax true via extends without adding isolatedModules', async () => {
+      expect(await exists(tsConfig)).toBe(false)
+      expect(await exists(tsConfigBase)).toBe(false)
+
+      await writeFile(
+        tsConfigBase,
+        `{ "compilerOptions": { "verbatimModuleSyntax": true } }`
+      )
+      await writeFile(tsConfig, `{ "extends": "./tsconfig.base.json" }`)
+      await new Promise((resolve) => setTimeout(resolve, 500))
+      const { code, stderr, stdout } = await nextBuild(appDir, undefined, {
+        stderr: true,
+        stdout: true,
+      })
+      expect(stderr + stdout).not.toContain('isolatedModules')
+      expect(code).toBe(0)
+
+      expect(await readFile(tsConfig, 'utf8')).toMatchInlineSnapshot(`
+        "{
+          \\"extends\\": \\"./tsconfig.base.json\\",
+          \\"compilerOptions\\": {
+            \\"lib\\": [
+              \\"dom\\",
+              \\"dom.iterable\\",
+              \\"esnext\\"
+            ],
+            \\"allowJs\\": true,
+            \\"skipLibCheck\\": true,
+            \\"strict\\": false,
+            \\"noEmit\\": true,
+            \\"incremental\\": true,
+            \\"esModuleInterop\\": true,
+            \\"module\\": \\"esnext\\",
+            \\"moduleResolution\\": \\"node\\",
+            \\"resolveJsonModule\\": true,
+            \\"jsx\\": \\"preserve\\",
+            \\"plugins\\": [
+              {
+                \\"name\\": \\"next\\"
+              }
+            ],
+            \\"strictNullChecks\\": true
+          },
+          \\"include\\": [
+            \\"next-env.d.ts\\",
+            \\".next/types/**/*.ts\\",
+            \\"**/*.ts\\",
+            \\"**/*.tsx\\"
+          ],
+          \\"exclude\\": [
+            \\"node_modules\\"
+          ]
+        }
+        "
+      `)
+    })
+
     it('allows you to extend another configuration file', async () => {
       expect(await exists(tsConfig)).toBe(false)
       expect(await exists(tsConfigBase)).toBe(false)
diff --git a/test/lib/create-next-install.js b/test/lib/create-next-install.js
index 1674921389b43..6ebe3899f58fd 100644
--- a/test/lib/create-next-install.js
+++ b/test/lib/create-next-install.js
@@ -16,8 +16,8 @@ const { linkPackages } =
  * @param {string} cwd - The project directory where pnpm configuration is set.
  * @returns {Promise<void>}
  */
-async function setPnpmResolutionMode(cwd) {
-  await execa(
+function setPnpmResolutionMode(cwd) {
+  return execa(
     'pnpm',
     ['config', 'set', '--location=project', 'resolution-mode', 'highest'],
     {
@@ -99,8 +99,8 @@ async function createNextInstall({
         for (const item of ['package.json', 'packages']) {
           await rootSpan
             .traceChild(`copy ${item} to temp dir`)
-            .traceAsyncFn(async () => {
-              await fs.copy(
+            .traceAsyncFn(() =>
+              fs.copy(
                 path.join(origRepoDir, item),
                 path.join(tmpRepoDir, item),
                 {
@@ -116,7 +116,7 @@ async function createNextInstall({
                   },
                 }
               )
-            })
+            )
         }
 
         pkgPaths = await rootSpan.traceChild('linkPackages').traceAsyncFn(() =>
@@ -177,7 +177,7 @@ async function createNextInstall({
       } else {
         await rootSpan
           .traceChild('run generic install command')
-          .traceAsyncFn(async () => {
+          .traceAsyncFn(() => {
             const args = [
               'install',
               '--strict-peer-dependencies=false',
@@ -188,7 +188,7 @@ async function createNextInstall({
               args.push('--prefer-offline')
             }
 
-            await execa('pnpm', args, {
+            return execa('pnpm', args, {
               cwd: installDir,
               stdio: ['ignore', 'inherit', 'inherit'],
               env: process.env,
diff --git a/test/lib/next-modes/next-deploy.ts b/test/lib/next-modes/next-deploy.ts
index 8add8235a3a85..71cf2c2cb09c2 100644
--- a/test/lib/next-modes/next-deploy.ts
+++ b/test/lib/next-modes/next-deploy.ts
@@ -88,6 +88,8 @@ export class NextDeployInstance extends NextInstance {
         'NEXT_PRIVATE_TEST_MODE=e2e',
         '--build-env',
         'NEXT_TELEMETRY_DISABLED=1',
+        '--build-env',
+        'VERCEL_NEXT_BUNDLED_SERVER=1',
         ...additionalEnv,
         '--force',
         ...vercelFlags,
diff --git a/test/production/build-spinners/index.test.ts b/test/production/build-spinners/index.test.ts
index 37114d18e7cee..6144eb6e6a05a 100644
--- a/test/production/build-spinners/index.test.ts
+++ b/test/production/build-spinners/index.test.ts
@@ -66,9 +66,9 @@ describe('build-spinners', () => {
   })
 
   it.each([
-    { name: 'app dir', files: appDirFiles },
+    { name: 'app dir - basic', files: appDirFiles },
     {
-      name: 'app dir (compile workers)',
+      name: 'app dir - (compile workers)',
       files: [
         ...appDirFiles,
         {
diff --git a/test/turbopack-tests-manifest.json b/test/turbopack-tests-manifest.json
index e8b85847c2267..e5cbe1a32646c 100644
--- a/test/turbopack-tests-manifest.json
+++ b/test/turbopack-tests-manifest.json
@@ -385,6 +385,19 @@
     "flakey": [],
     "runtimeError": false
   },
+  "packages/next/src/lib/batcher.test.ts": {
+    "passed": [
+      "Batcher batch should batch multiple calls to the same key",
+      "Batcher batch should execute the work function immediately",
+      "Batcher batch should not batch calls to different keys",
+      "Batcher batch should use the cacheKeyFn to generate cache keys",
+      "Batcher batch should use the schedulerFn to schedule work"
+    ],
+    "failed": [],
+    "pending": [],
+    "flakey": [],
+    "runtimeError": false
+  },
   "packages/next/src/lib/format-server-error.test.ts": {
     "passed": ["formatServerError should not append message several times"],
     "failed": [],
@@ -820,19 +833,19 @@
       "ReactRefreshLogBox app turbo Import trace when module not found in layout",
       "ReactRefreshLogBox app turbo Server component errors should open up in fullscreen",
       "ReactRefreshLogBox app turbo Should not show __webpack_exports__ when exporting anonymous arrow function",
+      "ReactRefreshLogBox app turbo Unhandled errors and rejections opens up in the minimized state",
       "ReactRefreshLogBox app turbo boundaries",
       "ReactRefreshLogBox app turbo client component can recover from error thrown in the module",
+      "ReactRefreshLogBox app turbo module init error not shown",
       "ReactRefreshLogBox app turbo server component can recover from error thrown in the module",
       "ReactRefreshLogBox app turbo should strip whitespace correctly with newline"
     ],
     "failed": [
       "ReactRefreshLogBox app turbo Call stack count is correct for client error",
       "ReactRefreshLogBox app turbo Call stack count is correct for server error",
-      "ReactRefreshLogBox app turbo Unhandled errors and rejections opens up in the minimized state",
       "ReactRefreshLogBox app turbo conversion to class component (1)",
       "ReactRefreshLogBox app turbo css syntax errors",
       "ReactRefreshLogBox app turbo logbox: anchors links in error messages",
-      "ReactRefreshLogBox app turbo module init error not shown",
       "ReactRefreshLogBox app turbo unterminated JSX"
     ],
     "pending": [
@@ -1035,7 +1048,6 @@
       "Error overlay - RSC build errors should allow to use and handle rsc poisoning client-only",
       "Error overlay - RSC build errors should allow to use and handle rsc poisoning server-only",
       "Error overlay - RSC build errors should freeze parent resolved metadata to avoid mutating in generateMetadata",
-      "Error overlay - RSC build errors should show which import caused an error in node_modules",
       "Error overlay - RSC build errors should throw an error when \"Component\" is imported in server components",
       "Error overlay - RSC build errors should throw an error when \"use client\" is on the top level but after other expressions",
       "Error overlay - RSC build errors should throw an error when error file is a server component",
@@ -1050,6 +1062,16 @@
     "flakey": [],
     "runtimeError": false
   },
+  "test/development/acceptance-app/rsc-runtime-errors.test.ts": {
+    "passed": [
+      "Error overlay - RSC runtime errors should show runtime errors if invalid client API from node_modules is executed",
+      "Error overlay - RSC runtime errors should show runtime errors if invalid server API from node_modules is executed"
+    ],
+    "failed": [],
+    "pending": [],
+    "flakey": [],
+    "runtimeError": false
+  },
   "test/development/acceptance-app/server-components.test.ts": {
     "passed": [
       "Error Overlay for server components Class component used in Server Component should show error when Class Component is used",
@@ -1186,12 +1208,12 @@
   },
   "test/development/acceptance/ReactRefreshRegression.test.ts": {
     "passed": [
+      "ReactRefreshRegression can fast refresh a page with config",
       "ReactRefreshRegression can fast refresh a page with getServerSideProps",
       "ReactRefreshRegression can fast refresh a page with getStaticProps",
       "ReactRefreshRegression styled-components hydration mismatch"
     ],
     "failed": [
-      "ReactRefreshRegression can fast refresh a page with config",
       "ReactRefreshRegression custom loader (mdx) should have Fast Refresh enabled",
       "ReactRefreshRegression shows an overlay for a server-side error"
     ],
@@ -1388,21 +1410,20 @@
   },
   "test/development/basic/gssp-ssr-change-reloading/test/index.test.ts": {
     "passed": [
+      "GS(S)P Server-Side Change Reloading should keep scroll position when updating from change in getStaticProps",
       "GS(S)P Server-Side Change Reloading should not reload page when client-side is changed too GSP",
       "GS(S)P Server-Side Change Reloading should not reload page when client-side is changed too GSSP",
-      "GS(S)P Server-Side Change Reloading should update page when getServerSideProps is changed only",
-      "GS(S)P Server-Side Change Reloading should update page when getStaticProps is changed only for /index"
-    ],
-    "failed": [
-      "GS(S)P Server-Side Change Reloading should keep scroll position when updating from change in getStaticProps",
       "GS(S)P Server-Side Change Reloading should refresh data when server import is updated",
       "GS(S)P Server-Side Change Reloading should show indicator when re-fetching data",
       "GS(S)P Server-Side Change Reloading should update on props error in getStaticProps",
       "GS(S)P Server-Side Change Reloading should update on thrown error in getStaticProps",
+      "GS(S)P Server-Side Change Reloading should update page when getServerSideProps is changed only",
       "GS(S)P Server-Side Change Reloading should update page when getStaticPaths is changed only",
       "GS(S)P Server-Side Change Reloading should update page when getStaticProps is changed only",
-      "GS(S)P Server-Side Change Reloading should update page when getStaticProps is changed only for /another/index"
+      "GS(S)P Server-Side Change Reloading should update page when getStaticProps is changed only for /another/index",
+      "GS(S)P Server-Side Change Reloading should update page when getStaticProps is changed only for /index"
     ],
+    "failed": [],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -2072,7 +2093,7 @@
     ],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/actions/app-action-export.test.ts": {
     "passed": ["app-dir action handling - next export skip test for dev mode"],
@@ -2084,20 +2105,21 @@
   "test/e2e/app-dir/actions/app-action-form-state.test.ts": {
     "passed": [],
     "failed": [
+      "app-dir action useFormState should send the action to the provided permalink with form state when JS disabled",
       "app-dir action useFormState should support hydrating the app from progressively enhanced form request",
       "app-dir action useFormState should support submitting form state with JS",
       "app-dir action useFormState should support submitting form state without JS"
     ],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/actions/app-action-invalid.test.ts": {
-    "passed": [],
-    "failed": ["app-dir action invalid config skip test for dev mode"],
+    "passed": ["app-dir action invalid config skip test for dev mode"],
+    "failed": [],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/actions/app-action-progressive-enhancement.test.ts": {
     "passed": [],
@@ -2107,19 +2129,21 @@
     ],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/actions/app-action-size-limit-invalid.test.ts": {
-    "passed": [],
-    "failed": [
+    "passed": [
       "app-dir action size limit invalid config skip test for dev mode"
     ],
+    "failed": [],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/actions/app-action.test.ts": {
-    "passed": [],
+    "passed": [
+      "app-dir action handling should support setting cookies in route handlers with the correct overrides"
+    ],
     "failed": [
       "app-dir action handling Edge SSR should allow cookie and header async storages",
       "app-dir action handling Edge SSR should handle basic actions correctly",
@@ -2155,14 +2179,13 @@
       "app-dir action handling should support next/dynamic with ssr: false",
       "app-dir action handling should support notFound",
       "app-dir action handling should support notFound (javascript disabled)",
-      "app-dir action handling should support setting cookies in route handlers with the correct overrides",
       "app-dir action handling should support uploading files"
     ],
     "pending": [
       "app-dir action handling fetch actions should handle revalidateTag + redirect"
     ],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/app-a11y/index.test.ts": {
     "passed": [
@@ -3477,10 +3500,11 @@
     "runtimeError": false
   },
   "test/e2e/app-dir/not-found/conflict-route/index.test.ts": {
-    "passed": [],
+    "passed": [
+      "app dir - not-found - conflict route with default runtime should use the not-found page for non-matching routes"
+    ],
     "failed": [
       "app dir - not-found - conflict route with default runtime should allow to have a valid /not-found route",
-      "app dir - not-found - conflict route with default runtime should use the not-found page for non-matching routes",
       "app dir - not-found - conflict route with runtime = edge should allow to have a valid /not-found route",
       "app dir - not-found - conflict route with runtime = edge should use the not-found page for non-matching routes"
     ],
@@ -3526,31 +3550,32 @@
     "runtimeError": false
   },
   "test/e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts": {
-    "passed": [],
-    "failed": [
+    "passed": [
       "parallel-routes-and-interception parallel routes should apply the catch-all route to the parallel route if no matching route is found",
-      "parallel-routes-and-interception parallel routes should display all parallel route params with useParams",
       "parallel-routes-and-interception parallel routes should match parallel routes",
+      "parallel-routes-and-interception parallel routes should render nested parallel routes",
+      "parallel-routes-and-interception route intercepting should re-render the layout on the server when it had a default child route",
+      "parallel-routes-and-interception route intercepting should render intercepted route",
+      "parallel-routes-and-interception route intercepting should render intercepted route from a nested route",
+      "parallel-routes-and-interception route intercepting with dynamic catch-all routes should render intercepted route",
+      "parallel-routes-and-interception route intercepting with dynamic optional catch-all routes should render intercepted route",
+      "parallel-routes-and-interception route intercepting with dynamic routes should render intercepted route"
+    ],
+    "failed": [
+      "parallel-routes-and-interception parallel routes should display all parallel route params with useParams",
       "parallel-routes-and-interception parallel routes should match parallel routes in route groups",
       "parallel-routes-and-interception parallel routes should navigate with a link with prefetch=false",
       "parallel-routes-and-interception parallel routes should only scroll to the parallel route that was navigated to",
-      "parallel-routes-and-interception parallel routes should render nested parallel routes",
       "parallel-routes-and-interception parallel routes should support layout files in parallel routes",
       "parallel-routes-and-interception parallel routes should support nested parallel routes",
       "parallel-routes-and-interception parallel routes should support parallel route tab bars",
       "parallel-routes-and-interception parallel routes should support parallel routes with no page component",
       "parallel-routes-and-interception parallel routes should throw a 404 when no matching parallel route is found",
       "parallel-routes-and-interception parallel routes should throw an error when a route groups causes a conflict with a parallel segment",
-      "parallel-routes-and-interception route intercepting should re-render the layout on the server when it had a default child route",
       "parallel-routes-and-interception route intercepting should render an intercepted route at the top level from a nested path",
       "parallel-routes-and-interception route intercepting should render an intercepted route from a slot",
-      "parallel-routes-and-interception route intercepting should render intercepted route",
-      "parallel-routes-and-interception route intercepting should render intercepted route from a nested route",
       "parallel-routes-and-interception route intercepting should render modal when paired with parallel routes",
-      "parallel-routes-and-interception route intercepting should support intercepting with beforeFiles rewrites",
-      "parallel-routes-and-interception route intercepting with dynamic catch-all routes should render intercepted route",
-      "parallel-routes-and-interception route intercepting with dynamic optional catch-all routes should render intercepted route",
-      "parallel-routes-and-interception route intercepting with dynamic routes should render intercepted route"
+      "parallel-routes-and-interception route intercepting should support intercepting with beforeFiles rewrites"
     ],
     "pending": [],
     "flakey": [],
@@ -3745,18 +3770,19 @@
     ],
     "pending": [],
     "flakey": [],
-    "runtimeError": true
+    "runtimeError": false
   },
   "test/e2e/app-dir/set-cookies/set-cookies.test.ts": {
-    "passed": [],
-    "failed": [
+    "passed": [
       "set-cookies for edge runtime for /app should set two set-cookie headers",
-      "set-cookies for edge runtime for /pages should set two set-cookie headers",
       "set-cookies for experimental-edge runtime for /app should set two set-cookie headers",
-      "set-cookies for experimental-edge runtime for /pages should set two set-cookie headers",
       "set-cookies for node runtime for /app should set two set-cookie headers",
       "set-cookies for node runtime for /pages should set two set-cookie headers"
     ],
+    "failed": [
+      "set-cookies for edge runtime for /pages should set two set-cookie headers",
+      "set-cookies for experimental-edge runtime for /pages should set two set-cookie headers"
+    ],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -3972,13 +3998,12 @@
       "streaming responses cancel inner stream after disconnect middleware cancels stream that never sent data",
       "streaming responses cancel inner stream after disconnect node app route handler cancels stalled stream",
       "streaming responses cancel inner stream after disconnect node app route handler cancels stream making progress",
+      "streaming responses cancel inner stream after disconnect node app route handler cancels stream that never sent data",
       "streaming responses cancel inner stream after disconnect node pages api cancels stalled stream",
       "streaming responses cancel inner stream after disconnect node pages api cancels stream making progress",
       "streaming responses cancel inner stream after disconnect node pages api cancels stream that never sent data"
     ],
-    "failed": [
-      "streaming responses cancel inner stream after disconnect node app route handler cancels stream that never sent data"
-    ],
+    "failed": [],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -4297,18 +4322,22 @@
   "test/e2e/i18n-data-fetching-redirect/index.test.ts": {
     "passed": [
       "i18n-data-fetching-redirect Redirect to another locale gsp-blocking-redirect en -> sv",
+      "i18n-data-fetching-redirect Redirect to another locale gsp-blocking-redirect sv -> en",
       "i18n-data-fetching-redirect Redirect to another locale gsp-fallback-redirect en -> sv",
       "i18n-data-fetching-redirect Redirect to another locale gsp-fallback-redirect sv -> en",
       "i18n-data-fetching-redirect Redirect to another locale gssp-redirect en -> sv",
+      "i18n-data-fetching-redirect Redirect to another locale gssp-redirect sv -> en",
       "i18n-data-fetching-redirect Redirect to another locale next/link gsp-blocking-redirect en -> sv",
       "i18n-data-fetching-redirect Redirect to another locale next/link gsp-blocking-redirect sv -> en",
       "i18n-data-fetching-redirect Redirect to another locale next/link gsp-fallback-redirect en -> sv",
       "i18n-data-fetching-redirect Redirect to another locale next/link gsp-fallback-redirect sv -> en",
       "i18n-data-fetching-redirect Redirect to another locale next/link gssp-redirect en -> sv",
       "i18n-data-fetching-redirect Redirect to another locale next/link gssp-redirect sv -> en",
+      "i18n-data-fetching-redirect Redirect to locale from context gsp-blocking-redirect en",
       "i18n-data-fetching-redirect Redirect to locale from context gsp-blocking-redirect sv",
       "i18n-data-fetching-redirect Redirect to locale from context gsp-fallback-redirect en",
       "i18n-data-fetching-redirect Redirect to locale from context gsp-fallback-redirect sv",
+      "i18n-data-fetching-redirect Redirect to locale from context gssp-redirect en",
       "i18n-data-fetching-redirect Redirect to locale from context gssp-redirect sv",
       "i18n-data-fetching-redirect Redirect to locale from context next/link gsp-blocking-redirect en",
       "i18n-data-fetching-redirect Redirect to locale from context next/link gsp-blocking-redirect sv",
@@ -4317,12 +4346,7 @@
       "i18n-data-fetching-redirect Redirect to locale from context next/link gssp-redirect en",
       "i18n-data-fetching-redirect Redirect to locale from context next/link gssp-redirect sv"
     ],
-    "failed": [
-      "i18n-data-fetching-redirect Redirect to another locale gsp-blocking-redirect sv -> en",
-      "i18n-data-fetching-redirect Redirect to another locale gssp-redirect sv -> en",
-      "i18n-data-fetching-redirect Redirect to locale from context gsp-blocking-redirect en",
-      "i18n-data-fetching-redirect Redirect to locale from context gssp-redirect en"
-    ],
+    "failed": [],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -4641,9 +4665,10 @@
   "test/e2e/middleware-dynamic-basepath-matcher/test/index.test.ts": {
     "passed": [
       "Middleware custom matchers basePath should match",
+      "Middleware custom matchers basePath should match query path",
       "Middleware custom matchers basePath should not match"
     ],
-    "failed": ["Middleware custom matchers basePath should match query path"],
+    "failed": [],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -6987,11 +7012,14 @@
       "Basic CSS Modules Ordering Development Mode should have correct color on index page (on hover)",
       "Basic CSS Modules Ordering Development Mode should have correct color on index page (on load)",
       "Basic CSS Modules Ordering Development Mode should have correct color on index page (on nav)",
+      "CSS Modules Composes Ordering Development Mode should have correct color on index page (on load)",
       "Ordering with Global CSS and Modules (dev) should have the correct color (css ordering)",
       "Ordering with Global CSS and Modules (dev) should have the correct color (css ordering) during hot reloads",
       "Ordering with Global CSS and Modules (dev) should not execute scripts in any order"
     ],
-    "failed": [],
+    "failed": [
+      "CSS Modules Composes Ordering Development Mode should have correct color on index page (on hover)"
+    ],
     "pending": [
       "Basic CSS Modules Ordering production mode should have correct color on index page (on hover)",
       "Basic CSS Modules Ordering production mode should have correct color on index page (on load)",
@@ -7010,8 +7038,6 @@
       "should handle unresolved files gracefully production mode should have correct file references in CSS output"
     ],
     "flakey": [
-      "CSS Modules Composes Ordering Development Mode should have correct color on index page (on hover)",
-      "CSS Modules Composes Ordering Development Mode should have correct color on index page (on load)",
       "CSS Modules Composes Ordering Development Mode should have correct color on index page (on nav from index)",
       "CSS Modules Composes Ordering Development Mode should have correct color on index page (on nav from other)"
     ],
@@ -7490,7 +7516,7 @@
       "distDir With basic usage production mode should build the app within the given `dist` directory",
       "distDir With basic usage production mode should not build the app within the default `.next` directory",
       "distDir With basic usage production mode should render the page",
-      "distDir production mode should handle null/undefined distDir",
+      "distDir production mode should handle undefined distDir",
       "distDir production mode should throw error with invalid distDir"
     ],
     "flakey": [],
@@ -7901,9 +7927,10 @@
       "Dynamic Routing dev mode should serve file with space from static folder",
       "Dynamic Routing dev mode should support long URLs for dynamic routes",
       "Dynamic Routing dev mode should update dynamic values on mount",
-      "Dynamic Routing dev mode should update with a hash in the URL"
+      "Dynamic Routing dev mode should update with a hash in the URL",
+      "Dynamic Routing dev mode should work with HMR correctly"
     ],
-    "failed": ["Dynamic Routing dev mode should work with HMR correctly"],
+    "failed": [],
     "pending": [
       "Dynamic Routing dev mode should not have error after pinging WebSocket",
       "Dynamic Routing production mode [catch all] should not decode slashes (end)",
@@ -8236,13 +8263,13 @@
       "Env Config dev mode with hot reload should have updated runtime values after change",
       "Env Config dev mode with hot reload should load env from .env",
       "Env Config dev mode with hot reload should provide global env to next.config.js",
+      "Env Config dev mode with hot reload should trigger HMR correctly when NEXT_PUBLIC_ env is changed",
       "Env Config test environment should provide env correctly for API routes",
       "Env Config test environment should provide global env to next.config.js"
     ],
     "failed": [
       "Env Config dev mode should inline global values during build",
       "Env Config dev mode with hot reload should inline global values during build",
-      "Env Config dev mode with hot reload should trigger HMR correctly when NEXT_PUBLIC_ env is changed",
       "Env Config test environment should have process environment override .env",
       "Env Config test environment should inline global values during build",
       "Env Config test environment should load env from .env",
@@ -12721,8 +12748,8 @@
     "runtimeError": false
   },
   "test/integration/next-image-new/export-config/test/index.test.ts": {
-    "passed": [],
-    "failed": ["next/image with output export config dev mode should error"],
+    "passed": ["next/image with output export config dev mode should error"],
+    "failed": [],
     "pending": [],
     "flakey": [],
     "runtimeError": false
@@ -13791,12 +13818,11 @@
   "test/integration/router-is-ready-app-gip/test/index.test.js": {
     "passed": [
       "router.isReady with appGip dev mode isReady should be true after query update for getStaticProps page with query",
+      "router.isReady with appGip dev mode isReady should be true immediately for getStaticProps page without query",
       "router.isReady with appGip dev mode isReady should be true immediately for pages without getStaticProps",
       "router.isReady with appGip dev mode isReady should be true immediately for pages without getStaticProps, with query"
     ],
-    "failed": [
-      "router.isReady with appGip dev mode isReady should be true immediately for getStaticProps page without query"
-    ],
+    "failed": [],
     "pending": [
       "router.isReady with appGip production mode isReady should be true after query update for getStaticProps page with query",
       "router.isReady with appGip production mode isReady should be true immediately for getStaticProps page without query",
@@ -13812,15 +13838,14 @@
       "router.isReady dev mode isReady should be true after query update for dynamic auto-export page with query",
       "router.isReady dev mode isReady should be true after query update for dynamic auto-export page without query",
       "router.isReady dev mode isReady should be true after query update for getStaticProps page with query",
+      "router.isReady dev mode isReady should be true immediately for auto-export page without query",
       "router.isReady dev mode isReady should be true immediately for getInitialProps page",
       "router.isReady dev mode isReady should be true immediately for getInitialProps page with query",
       "router.isReady dev mode isReady should be true immediately for getServerSideProps page",
-      "router.isReady dev mode isReady should be true immediately for getServerSideProps page with query"
-    ],
-    "failed": [
-      "router.isReady dev mode isReady should be true immediately for auto-export page without query",
+      "router.isReady dev mode isReady should be true immediately for getServerSideProps page with query",
       "router.isReady dev mode isReady should be true immediately for getStaticProps page without query"
     ],
+    "failed": [],
     "pending": [
       "router.isReady production mode isReady should be true after query update for auto-export page with query",
       "router.isReady production mode isReady should be true after query update for dynamic auto-export page with query",
@@ -13849,10 +13874,10 @@
     "runtimeError": false
   },
   "test/integration/router-rerender/test/index.test.js": {
-    "passed": [],
-    "failed": [
+    "passed": [
       "router rerender dev mode with middleware should not trigger unncessary rerenders when middleware is used"
     ],
+    "failed": [],
     "pending": [
       "router rerender dev mode with rewrites should not trigger unncessary rerenders when rewrites are used",
       "router rerender dev mode with rewrites should rerender with the correct query parameter if present with rewrites",