diff --git a/.github/workflows/build_test_deploy.yml b/.github/workflows/build_test_deploy.yml
index a359ba20d137f9d..af7ec8598aa5b6a 100644
--- a/.github/workflows/build_test_deploy.yml
+++ b/.github/workflows/build_test_deploy.yml
@@ -261,15 +261,8 @@ jobs:
       fail-fast: false
       matrix:
         node: [16, 18]
-        group: [1, 2]
+        group: [1, 2, 3, 4]
     steps:
-      - name: Setup node
-        uses: actions/setup-node@v3
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-        with:
-          node-version: ${{ matrix.node }}
-          check-latest: true
-
       - run: echo ${{needs.build.outputs.docsChange}}
 
       # https://github.com/actions/virtual-environments/issues/1187
@@ -289,16 +282,7 @@ jobs:
           name: next-swc-test-binary
           path: packages/next-swc/native
 
-      - run: npm i -g pnpm@${PNPM_VERSION}
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      - run: npm i -g playwright-chromium@1.22.2 && npx playwright install-deps
-        timeout-minutes: 10
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      # - run: npx @replayio/playwright install chromium
-      #   if: ${{needs.build.outputs.docsChange == 'nope'}}
-      - run: node run-tests.js --type development --timings -g ${{ matrix.group }}/2
+      - run: docker run --rm -v $(pwd):/work mcr.microsoft.com/playwright:v1.22.2-focal /bin/bash -c "cd /work && ls && curl https://install-node.vercel.app/v${{ matrix.node }} | FORCE=1 bash && node -v && npm i -g pnpm@${PNPM_VERSION} && xvfb-run node run-tests.js --type development --timings -g ${{ matrix.group }}/4 >> /proc/1/fd/1"
         name: Run test/development
         if: ${{needs.build.outputs.docsChange == 'nope'}}
         # env:
@@ -338,15 +322,8 @@ jobs:
       fail-fast: false
       matrix:
         node: [16, 18]
-        group: [1, 2, 3]
+        group: [1, 2, 3, 4, 5, 6, 7]
     steps:
-      - name: Setup node
-        uses: actions/setup-node@v3
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-        with:
-          node-version: ${{ matrix.node }}
-          check-latest: true
-
       - run: echo ${{needs.build.outputs.docsChange}}
 
       # https://github.com/actions/virtual-environments/issues/1187
@@ -366,16 +343,7 @@ jobs:
           name: next-swc-test-binary
           path: packages/next-swc/native
 
-      - run: npm i -g pnpm@${PNPM_VERSION}
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      - run: npm i -g playwright-chromium@1.22.2 && npx playwright install-deps
-        timeout-minutes: 10
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      # - run: npx @replayio/playwright install chromium
-      #   if: ${{needs.build.outputs.docsChange == 'nope'}}
-      - run: node run-tests.js --type e2e --timings -g ${{ matrix.group }}/3
+      - run: docker run --rm -v $(pwd):/work mcr.microsoft.com/playwright:v1.22.2-focal /bin/bash -c "cd /work && ls && curl https://install-node.vercel.app/v${{ matrix.node }} | FORCE=1 bash && node -v && npm i -g pnpm@${PNPM_VERSION} && xvfb-run node run-tests.js --type e2e --timings -g ${{ matrix.group }}/7 >> /proc/1/fd/1"
         name: Run test/e2e (dev)
         if: ${{needs.build.outputs.docsChange == 'nope'}}
         env:
@@ -415,15 +383,8 @@ jobs:
       fail-fast: false
       matrix:
         node: [16, 18]
-        group: [1, 2]
+        group: [1, 2, 3]
     steps:
-      - name: Setup node
-        uses: actions/setup-node@v3
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-        with:
-          node-version: ${{ matrix.node }}
-          check-latest: true
-
       - run: echo ${{needs.build.outputs.docsChange}}
 
       # https://github.com/actions/virtual-environments/issues/1187
@@ -443,16 +404,7 @@ jobs:
           name: next-swc-test-binary
           path: packages/next-swc/native
 
-      - run: npm i -g pnpm@${PNPM_VERSION}
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      - run: npm i -g playwright-chromium@1.22.2 && npx playwright install-deps
-        timeout-minutes: 10
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      # - run: npx @replayio/playwright install chromium
-      #   if: ${{needs.build.outputs.docsChange == 'nope'}}
-      - run: node run-tests.js --type production --timings -g ${{ matrix.group }}/2
+      - run: docker run --rm -v $(pwd):/work mcr.microsoft.com/playwright:v1.22.2-focal /bin/bash -c "cd /work && ls && curl https://install-node.vercel.app/v${{ matrix.node }} | FORCE=1 bash && node -v && npm i -g pnpm@${PNPM_VERSION} && xvfb-run node run-tests.js --type production --timings -g ${{ matrix.group }}/3 >> /proc/1/fd/1"
         name: Run test/production
         if: ${{needs.build.outputs.docsChange == 'nope'}}
         # env:
@@ -482,15 +434,8 @@ jobs:
       fail-fast: false
       matrix:
         node: [16, 18]
-        group: [1, 2, 3]
+        group: [1, 2, 3, 4, 5, 6, 7]
     steps:
-      - name: Setup node
-        uses: actions/setup-node@v3
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-        with:
-          node-version: ${{ matrix.node }}
-          check-latest: true
-
       - run: echo ${{needs.build.outputs.docsChange}}
 
       # https://github.com/actions/virtual-environments/issues/1187
@@ -510,16 +455,7 @@ jobs:
           name: next-swc-test-binary
           path: packages/next-swc/native
 
-      - run: npm i -g pnpm@${PNPM_VERSION}
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      - run: npm i -g playwright-chromium@1.22.2 && npx playwright install-deps
-        timeout-minutes: 10
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      # - run: npx @replayio/playwright install chromium
-      #   if: ${{needs.build.outputs.docsChange == 'nope'}}
-      - run: node run-tests.js --type e2e --timings -g ${{ matrix.group }}/3
+      - run: docker run --rm -v $(pwd):/work mcr.microsoft.com/playwright:v1.22.2-focal /bin/bash -c "cd /work && ls && curl https://install-node.vercel.app/v${{ matrix.node }} | FORCE=1 bash && node -v && npm i -g pnpm@${PNPM_VERSION} && xvfb-run node run-tests.js --type e2e --timings -g ${{ matrix.group }}/7 >> /proc/1/fd/1"
         name: Run test/e2e (production)
         if: ${{needs.build.outputs.docsChange == 'nope'}}
         env:
@@ -571,15 +507,13 @@ jobs:
             18,
             19,
             20,
+            21,
+            22,
+            23,
+            24,
+            25,
           ]
     steps:
-      - name: Setup node
-        uses: actions/setup-node@v3
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-        with:
-          node-version: 16
-          check-latest: true
-
       - run: echo ${{needs.build.outputs.docsChange}}
 
       # https://github.com/actions/virtual-environments/issues/1187
@@ -599,16 +533,7 @@ jobs:
           name: next-swc-test-binary
           path: packages/next-swc/native
 
-      - run: npm i -g pnpm@${PNPM_VERSION}
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      - run: npm i -g playwright-chromium@1.22.2 && npx playwright install-deps
-        timeout-minutes: 10
-        if: ${{needs.build.outputs.docsChange == 'nope'}}
-
-      # - run: npx @replayio/playwright install chromium
-      #   if: ${{needs.build.outputs.docsChange == 'nope'}}
-      - run: xvfb-run node run-tests.js --timings -g ${{ matrix.group }}/20
+      - run: docker run --rm -v $(pwd):/work mcr.microsoft.com/playwright:v1.22.2-focal /bin/bash -c "cd /work && ls && curl https://install-node.vercel.app/v16 | FORCE=1 bash && node -v && npm i -g pnpm@${PNPM_VERSION} && xvfb-run node run-tests.js --timings -g ${{ matrix.group }}/25 >> /proc/1/fd/1"
         if: ${{needs.build.outputs.docsChange == 'nope'}}
         # env:
         # RECORD_REPLAY_METADATA_TEST_RUN_TITLE: testIntegration / Group ${{ matrix.group }}
diff --git a/package.json b/package.json
index 10f3ca903bc148b..89f0ef0cf569578 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
     "@edge-runtime/jest-environment": "2.0.0",
     "@fullhuman/postcss-purgecss": "1.3.0",
     "@mdx-js/loader": "^1.5.1",
+    "@mdx-js/react": "^1.6.18",
     "@next/bundle-analyzer": "workspace:*",
     "@next/env": "workspace:*",
     "@next/eslint-plugin-next": "workspace:*",
@@ -114,7 +115,9 @@
     "alex": "9.1.0",
     "amphtml-validator": "1.0.35",
     "async-sema": "3.0.1",
+    "body-parser": "1.20.1",
     "browserslist": "4.20.2",
+    "buffer": "5.6.0",
     "chalk": "5.0.1",
     "cheerio": "0.22.0",
     "cookie": "0.4.1",
@@ -140,6 +143,7 @@
     "express": "4.17.0",
     "faker": "5.5.3",
     "faunadb": "2.6.1",
+    "find-up": "4.1.0",
     "firebase": "7.14.5",
     "flat": "5.0.2",
     "form-data": "4.0.0",
@@ -149,15 +153,18 @@
     "gzip-size": "5.1.1",
     "html-validator": "5.1.18",
     "husky": "8.0.0",
+    "http-proxy": "1.18.1",
     "image-size": "0.9.3",
     "is-animated": "2.0.2",
     "isomorphic-unfetch": "3.0.0",
     "jest": "27.0.6",
     "jest-extended": "1.2.1",
+    "json5": "2.2.1",
     "ky": "0.19.1",
     "ky-universal": "0.6.0",
     "lerna": "4.0.0",
     "lint-staged": "10.1.7",
+    "lodash": "4.17.20",
     "lost": "8.3.1",
     "minimatch": "3.0.4",
     "moment": "^2.24.0",
@@ -197,7 +204,9 @@
     "selenium-webdriver": "4.0.0-beta.4",
     "semver": "7.3.7",
     "shell-quote": "1.7.3",
+    "strip-ansi": "6.0.0",
     "styled-components": "6.0.0-beta.5",
+    "styled-jsx": "5.1.0",
     "styled-jsx-plugin-postcss": "3.0.2",
     "swr": "2.0.0-rc.0",
     "tailwindcss": "1.1.3",
@@ -206,9 +215,12 @@
     "tsec": "0.2.1",
     "turbo": "1.6.3",
     "typescript": "4.8.2",
+    "unfetch": "4.2.0",
     "wait-port": "0.2.2",
+    "whatwg-fetch": "3.0.0",
     "webpack": "5.74.0",
-    "webpack-bundle-analyzer": "4.7.0"
+    "webpack-bundle-analyzer": "4.7.0",
+    "ws": "8.2.3"
   },
   "resolutions": {
     "browserslist": "4.20.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b8f36171424e7fe..a116c08f070ab9a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,6 +22,7 @@ importers:
       '@edge-runtime/jest-environment': 2.0.0
       '@fullhuman/postcss-purgecss': 1.3.0
       '@mdx-js/loader': ^1.5.1
+      '@mdx-js/react': ^1.6.18
       '@next/bundle-analyzer': workspace:*
       '@next/env': workspace:*
       '@next/eslint-plugin-next': workspace:*
@@ -79,7 +80,9 @@ importers:
       alex: 9.1.0
       amphtml-validator: 1.0.35
       async-sema: 3.0.1
+      body-parser: 1.20.1
       browserslist: 4.20.2
+      buffer: 5.6.0
       chalk: 5.0.1
       cheerio: 0.22.0
       cookie: 0.4.1
@@ -105,6 +108,7 @@ importers:
       express: 4.17.0
       faker: 5.5.3
       faunadb: 2.6.1
+      find-up: 4.1.0
       firebase: 7.14.5
       flat: 5.0.2
       form-data: 4.0.0
@@ -113,16 +117,19 @@ importers:
       glob: 7.1.6
       gzip-size: 5.1.1
       html-validator: 5.1.18
+      http-proxy: 1.18.1
       husky: 8.0.0
       image-size: 0.9.3
       is-animated: 2.0.2
       isomorphic-unfetch: 3.0.0
       jest: 27.0.6
       jest-extended: 1.2.1
+      json5: 2.2.1
       ky: 0.19.1
       ky-universal: 0.6.0
       lerna: 4.0.0
       lint-staged: 10.1.7
+      lodash: 4.17.20
       lost: 8.3.1
       minimatch: 3.0.4
       moment: ^2.24.0
@@ -162,7 +169,9 @@ importers:
       selenium-webdriver: 4.0.0-beta.4
       semver: 7.3.7
       shell-quote: 1.7.3
+      strip-ansi: 6.0.0
       styled-components: 6.0.0-beta.5
+      styled-jsx: 5.1.0
       styled-jsx-plugin-postcss: 3.0.2
       swr: 2.0.0-rc.0
       tailwindcss: 1.1.3
@@ -171,9 +180,12 @@ importers:
       tsec: 0.2.1
       turbo: 1.6.3
       typescript: 4.8.2
+      unfetch: 4.2.0
       wait-port: 0.2.2
       webpack: 5.74.0
       webpack-bundle-analyzer: 4.7.0
+      whatwg-fetch: 3.0.0
+      ws: 8.2.3
     devDependencies:
       '@babel/core': 7.18.0
       '@babel/eslint-parser': 7.18.2_uxoojzahptggrua2tvdiqlh7xm
@@ -185,6 +197,7 @@ importers:
       '@edge-runtime/jest-environment': 2.0.0
       '@fullhuman/postcss-purgecss': 1.3.0
       '@mdx-js/loader': 1.6.22_react@18.2.0
+      '@mdx-js/react': 1.6.22_react@18.2.0
       '@next/bundle-analyzer': link:packages/next-bundle-analyzer
       '@next/env': link:packages/next-env
       '@next/eslint-plugin-next': link:packages/eslint-plugin-next
@@ -242,7 +255,9 @@ importers:
       alex: 9.1.0
       amphtml-validator: 1.0.35
       async-sema: 3.0.1
+      body-parser: 1.20.1
       browserslist: 4.20.2
+      buffer: 5.6.0
       chalk: 5.0.1
       cheerio: 0.22.0
       cookie: 0.4.1
@@ -268,6 +283,7 @@ importers:
       express: 4.17.0
       faker: 5.5.3
       faunadb: 2.6.1
+      find-up: 4.1.0
       firebase: 7.14.5
       flat: 5.0.2
       form-data: 4.0.0
@@ -276,16 +292,19 @@ importers:
       glob: 7.1.6
       gzip-size: 5.1.1
       html-validator: 5.1.18
+      http-proxy: 1.18.1
       husky: 8.0.0
       image-size: 0.9.3
       is-animated: 2.0.2
       isomorphic-unfetch: 3.0.0
       jest: 27.0.6_node-notifier@8.0.1
       jest-extended: 1.2.1
+      json5: 2.2.1
       ky: 0.19.1
       ky-universal: 0.6.0_ky@0.19.1
       lerna: 4.0.0
       lint-staged: 10.1.7
+      lodash: 4.17.20
       lost: 8.3.1
       minimatch: 3.0.4
       moment: 2.24.0
@@ -325,7 +344,9 @@ importers:
       selenium-webdriver: 4.0.0-beta.4
       semver: 7.3.7
       shell-quote: 1.7.3
+      strip-ansi: 6.0.0
       styled-components: 6.0.0-beta.5_biqbaboplfbrettd7655fr4n2y
+      styled-jsx: 5.1.0_uuaxwgga6hqycsez5ok7v2wg4i
       styled-jsx-plugin-postcss: 3.0.2
       swr: 2.0.0-rc.0_react@18.2.0
       tailwindcss: 1.1.3
@@ -334,9 +355,12 @@ importers:
       tsec: 0.2.1_sbe2uaqno6akssxfwbhgeg7v2q
       turbo: 1.6.3
       typescript: 4.8.2
+      unfetch: 4.2.0
       wait-port: 0.2.2
       webpack: 5.74.0_@swc+core@1.2.203
       webpack-bundle-analyzer: 4.7.0
+      whatwg-fetch: 3.0.0
+      ws: 8.2.3
 
   bench/vercel:
     specifiers:
@@ -8823,6 +8847,26 @@ packages:
       - supports-color
     dev: true
 
+  /body-parser/1.20.1:
+    resolution: {integrity: sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    dependencies:
+      bytes: 3.1.2
+      content-type: 1.0.4
+      debug: 2.6.9
+      depd: 2.0.0
+      destroy: 1.2.0
+      http-errors: 2.0.0
+      iconv-lite: 0.4.24
+      on-finished: 2.4.1
+      qs: 6.11.0
+      raw-body: 2.5.1
+      type-is: 1.6.18
+      unpipe: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /boolbase/1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -9083,6 +9127,11 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /bytes/3.1.2:
+    resolution: {integrity: sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
   /cacache/15.3.0:
     resolution: {integrity: sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==}
     engines: {node: '>= 10'}
@@ -9594,7 +9643,6 @@ packages:
 
   /client-only/0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
-    dev: false
 
   /cliui/5.0.0:
     resolution: {integrity: sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==}
@@ -10915,6 +10963,11 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /depd/2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
   /deprecation/2.3.1:
     resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
     dev: true
@@ -10930,6 +10983,11 @@ packages:
     resolution: {integrity: sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg==}
     dev: true
 
+  /destroy/1.2.0:
+    resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
+    engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
+    dev: true
+
   /detab/2.0.4:
     resolution: {integrity: sha512-8zdsQA5bIkoRECvCrNKPla84lyoR7DSAyf7p0YgXzBO9PDJx8KntPUay7NS6yp+KdxdVtiE5SpHKtbp2ZQyA9g==}
     dependencies:
@@ -11253,7 +11311,7 @@ packages:
     dev: true
 
   /ee-first/1.1.1:
-    resolution: {integrity: sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=}
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
     dev: true
 
   /ejs/3.1.8:
@@ -12532,7 +12590,7 @@ packages:
     dev: true
 
   /find-up/2.1.0:
-    resolution: {integrity: sha1-RdG35QbHF93UgndaK3eSCjwMV6c=}
+    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
     engines: {node: '>=4'}
     dependencies:
       locate-path: 2.0.0
@@ -13815,6 +13873,17 @@ packages:
       toidentifier: 1.0.0
     dev: true
 
+  /http-errors/2.0.0:
+    resolution: {integrity: sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.1
+      toidentifier: 1.0.1
+    dev: true
+
   /http-parser-js/0.4.10:
     resolution: {integrity: sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=}
     dev: true
@@ -14814,7 +14883,7 @@ packages:
     resolution: {integrity: sha512-V0tmJSYfkKokZ5mgl0cmfQMTb7MLHsBMngTkbLY0eXvKqiVRRoZP04Ly+KhKrJfKtzC9E6Pp15Jo+bwh7Vi2XQ==}
     dependencies:
       node-fetch: 2.6.7
-      unfetch: 4.1.0
+      unfetch: 4.2.0
     transitivePeerDependencies:
       - encoding
     dev: true
@@ -16455,6 +16524,10 @@ packages:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
     dev: true
 
+  /lodash/4.17.20:
+    resolution: {integrity: sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==}
+    dev: true
+
   /lodash/4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -16796,7 +16869,7 @@ packages:
     dev: true
 
   /media-typer/0.3.0:
-    resolution: {integrity: sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=}
+    resolution: {integrity: sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==}
     engines: {node: '>= 0.6'}
     dev: true
 
@@ -19951,6 +20024,13 @@ packages:
     engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
     dev: true
 
+  /qs/6.11.0:
+    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.4
+    dev: true
+
   /qs/6.5.2:
     resolution: {integrity: sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==}
     engines: {node: '>=0.6'}
@@ -19961,11 +20041,6 @@ packages:
     engines: {node: '>=0.6'}
     dev: true
 
-  /qs/6.9.1:
-    resolution: {integrity: sha512-Cxm7/SS/y/Z3MHWSxXb8lIFqgqBowP5JMlTUFyJN88y0SGQhVmZnqFK/PeuMX9LzUyWsqqhNxIyg0jlzq946yA==}
-    engines: {node: '>=0.6'}
-    dev: true
-
   /querystring-es3/0.2.1:
     resolution: {integrity: sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=}
     engines: {node: '>=0.4.x'}
@@ -20056,6 +20131,16 @@ packages:
       unpipe: 1.0.0
     dev: true
 
+  /raw-body/2.5.1:
+    resolution: {integrity: sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      bytes: 3.1.2
+      http-errors: 2.0.0
+      iconv-lite: 0.4.24
+      unpipe: 1.0.0
+    dev: true
+
   /rc/1.2.8:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
@@ -20817,7 +20902,7 @@ packages:
     dev: true
 
   /requires-port/1.0.0:
-    resolution: {integrity: sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=}
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
     dev: true
 
   /reselect/4.1.6:
@@ -21278,7 +21363,7 @@ packages:
       jszip: 3.7.1
       rimraf: 3.0.2
       tmp: 0.2.1
-      ws: 8.2.3
+      ws: 8.4.2
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -21406,6 +21491,10 @@ packages:
     resolution: {integrity: sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==}
     dev: true
 
+  /setprototypeof/1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+    dev: true
+
   /sha.js/2.4.11:
     resolution: {integrity: sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==}
     hasBin: true
@@ -21820,6 +21909,11 @@ packages:
     engines: {node: '>= 0.6'}
     dev: true
 
+  /statuses/2.0.1:
+    resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
   /stream-browserify/3.0.0:
     resolution: {integrity: sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==}
     dependencies:
@@ -21928,8 +22022,8 @@ packages:
       call-bind: 1.0.2
       define-properties: 1.1.3
       es-abstract: 1.19.1
-      get-intrinsic: 1.1.1
-      has-symbols: 1.0.2
+      get-intrinsic: 1.1.2
+      has-symbols: 1.0.3
       internal-slot: 1.0.3
       regexp.prototype.flags: 1.3.1
       side-channel: 1.0.4
@@ -22165,7 +22259,6 @@ packages:
       '@babel/core': 7.18.0
       client-only: 0.0.1
       react: 18.2.0
-    dev: false
 
   /stylehacks/4.0.3:
     resolution: {integrity: sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==}
@@ -22193,7 +22286,7 @@ packages:
       formidable: 1.2.1
       methods: 1.1.2
       mime: 1.6.0
-      qs: 6.9.1
+      qs: 6.11.0
       readable-stream: 2.3.7
     transitivePeerDependencies:
       - supports-color
@@ -22707,6 +22800,11 @@ packages:
     engines: {node: '>=0.6'}
     dev: true
 
+  /toidentifier/1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+    dev: true
+
   /totalist/1.1.0:
     resolution: {integrity: sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==}
     engines: {node: '>=6'}
@@ -23032,8 +23130,8 @@ packages:
       busboy: 1.6.0
     dev: true
 
-  /unfetch/4.1.0:
-    resolution: {integrity: sha512-crP/n3eAPUJxZXM9T80/yv0YhkTEx2K1D3h7D1AJM6fzsWZrxdyRuLN0JH/dkZh1LNH8LxCnBzoPFCPbb2iGpg==}
+  /unfetch/4.2.0:
+    resolution: {integrity: sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==}
     dev: true
 
   /unherit/1.1.2:
@@ -23312,7 +23410,7 @@ packages:
     dev: true
 
   /unpipe/1.0.0:
-    resolution: {integrity: sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=}
+    resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
     dev: true
 
diff --git a/test/development/typescript-auto-install/index.test.ts b/test/development/typescript-auto-install/index.test.ts
index ec794f3a4aeb2a0..acfed68a05f336d 100644
--- a/test/development/typescript-auto-install/index.test.ts
+++ b/test/development/typescript-auto-install/index.test.ts
@@ -2,7 +2,6 @@ import { createNext } from 'e2e-utils'
 import { NextInstance } from 'test/lib/next-modes/base'
 import { check, renderViaHTTP } from 'next-test-utils'
 import webdriver from 'next-webdriver'
-// @ts-expect-error missing types
 import stripAnsi from 'strip-ansi'
 
 describe('typescript-auto-install', () => {
diff --git a/test/integration/create-next-app/index.test.ts b/test/integration/create-next-app/index.test.ts
index 9fa555dc0f9c604..464b8e7a58e31b3 100644
--- a/test/integration/create-next-app/index.test.ts
+++ b/test/integration/create-next-app/index.test.ts
@@ -301,22 +301,29 @@ describe('create next app', () => {
   it('should exit if the folder is not writable', async () => {
     await useTempDir(async (cwd) => {
       const projectName = 'not-writable'
+
+      // if the folder isn't able to be write restricted we can't test
+      // this so skip
+      if (
+        await fs
+          .writeFile(path.join(cwd, 'test'), 'hello')
+          .then(() => true)
+          .catch(() => false)
+      ) {
+        console.warn(
+          `Test folder is not write restricted skipping write permission test`
+        )
+        return
+      }
       const res = await run([projectName, '--js', '--eslint'], {
         cwd,
         reject: false,
       })
 
-      if (process.platform === 'win32') {
-        expect(res.exitCode).toBe(0)
-        const files = ['package.json']
-        projectFilesShouldExist({ cwd, projectName, files })
-        return
-      }
-
-      expect(res.exitCode).toBe(1)
       expect(res.stderr).toMatch(
         /you do not have write permissions for this folder/
       )
+      expect(res.exitCode).toBe(1)
     }, 0o500)
   })
 
diff --git a/test/integration/initial-ref/pages/index.js b/test/integration/initial-ref/pages/index.js
index a0b6dab37292aba..69b41de2d2b17e3 100644
--- a/test/integration/initial-ref/pages/index.js
+++ b/test/integration/initial-ref/pages/index.js
@@ -20,7 +20,7 @@ class App extends React.Component {
     const { refHeight } = this.state
 
     return (
-      <div ref={this.divRef}>
+      <div ref={this.divRef} style={{ height: 76, overflow: 'hidden' }}>
         <h1>DOM Ref test using 9.2.0</h1>
         <code id="ref-val">{`this component is ${refHeight}px tall`}</code>
       </div>
diff --git a/test/integration/prerender-preview/test/index.test.js b/test/integration/prerender-preview/test/index.test.js
index 32cc96ae23f6fc9..7ae614c826f63cd 100644
--- a/test/integration/prerender-preview/test/index.test.js
+++ b/test/integration/prerender-preview/test/index.test.js
@@ -290,6 +290,7 @@ describe('Prerender Preview Mode', () => {
 
     it('should return cookies to be expired after dev server reboot', async () => {
       await killApp(app)
+      appPort = await findPort()
       app = await launchApp(appDir, appPort)
 
       const res = await fetchViaHTTP(
diff --git a/test/integration/typescript/test/index.test.js b/test/integration/typescript/test/index.test.js
index 3268404f6c7d578..5f59da2fc2ba768 100644
--- a/test/integration/typescript/test/index.test.js
+++ b/test/integration/typescript/test/index.test.js
@@ -92,6 +92,7 @@ export default function EvilPage(): JSX.Element {
 }
 `
         )
+        appPort = await findPort()
         app = await launchApp(appDir, appPort)
 
         const $ = await get$('/hello')
diff --git a/test/lib/use-temp-dir.ts b/test/lib/use-temp-dir.ts
index f53fcc6aebfc23d..32db47b6c42a115 100644
--- a/test/lib/use-temp-dir.ts
+++ b/test/lib/use-temp-dir.ts
@@ -17,7 +17,7 @@ export async function useTempDir(
   await fs.mkdirp(folder)
 
   if (mode) {
-    fs.chmod(folder, mode)
+    await fs.chmod(folder, mode)
   }
 
   try {