From dcbd30caf5b7c811f85275620c2622ce4e59aa67 Mon Sep 17 00:00:00 2001
From: eps1lon <sebastian.silbermann@vercel.com>
Date: Tue, 16 Jul 2024 19:53:59 +0200
Subject: [PATCH] Update React from dfd30974ab to 01172397

---
 .github/.react-version                        |    2 +-
 examples/reproduction-template/package.json   |    4 +-
 package.json                                  |   34 +-
 packages/create-next-app/templates/index.ts   |    4 +-
 packages/next/package.json                    |    4 +-
 .../cjs/react-dom-client.development.js       | 6033 ++++++++--------
 .../cjs/react-dom-client.production.js        |  472 +-
 .../cjs/react-dom-profiling.development.js    | 6067 +++++++++--------
 .../cjs/react-dom-profiling.profiling.js      |  458 +-
 ...t-dom-server-legacy.browser.development.js | 1872 ++---
 ...ct-dom-server-legacy.browser.production.js | 1076 +--
 ...eact-dom-server-legacy.node.development.js | 1872 ++---
 ...react-dom-server-legacy.node.production.js | 1074 +--
 .../react-dom-server.browser.development.js   | 1911 +++---
 .../react-dom-server.browser.production.js    | 1062 +--
 .../cjs/react-dom-server.bun.production.js    | 1060 +--
 .../cjs/react-dom-server.edge.development.js  | 1911 +++---
 .../cjs/react-dom-server.edge.production.js   | 1060 +--
 .../cjs/react-dom-server.node.development.js  | 1915 +++---
 .../cjs/react-dom-server.node.production.js   | 1060 +--
 .../react-dom-unstable_testing.development.js | 6033 ++++++++--------
 .../react-dom-unstable_testing.production.js  |  472 +-
 .../cjs/react-dom.development.js              |   62 +-
 .../cjs/react-dom.production.js               |    7 +-
 .../cjs/react-dom.react-server.development.js |   60 +-
 .../cjs/react-dom.react-server.production.js  |   14 +-
 .../react-dom-experimental/package.json       |    4 +-
 .../cjs/react-dom-client.development.js       | 5887 ++++++++--------
 .../cjs/react-dom-client.production.js        |  472 +-
 .../cjs/react-dom-profiling.development.js    | 5921 ++++++++--------
 .../cjs/react-dom-profiling.profiling.js      |  458 +-
 ...t-dom-server-legacy.browser.development.js | 1414 ++--
 ...ct-dom-server-legacy.browser.production.js |  973 +--
 ...eact-dom-server-legacy.node.development.js | 1414 ++--
 ...react-dom-server-legacy.node.production.js |  971 +--
 .../react-dom-server.browser.development.js   | 1442 ++--
 .../react-dom-server.browser.production.js    |  961 +--
 .../cjs/react-dom-server.bun.production.js    |  957 +--
 .../cjs/react-dom-server.edge.development.js  | 1442 ++--
 .../cjs/react-dom-server.edge.production.js   |  959 +--
 .../cjs/react-dom-server.node.development.js  | 1445 ++--
 .../cjs/react-dom-server.node.production.js   |  959 +--
 .../react-dom/cjs/react-dom.development.js    |   60 +-
 .../react-dom/cjs/react-dom.production.js     |    7 +-
 .../cjs/react-dom.react-server.development.js |   90 +-
 .../cjs/react-dom.react-server.production.js  |   14 +-
 .../next/src/compiled/react-dom/package.json  |    4 +-
 .../cjs/react-compiler-runtime.development.js |   23 +-
 .../cjs/react-jsx-dev-runtime.development.js  |  174 +-
 ...sx-dev-runtime.react-server.development.js |  176 +-
 .../cjs/react-jsx-runtime.development.js      |  174 +-
 ...ct-jsx-runtime.react-server.development.js |  176 +-
 .../cjs/react.development.js                  |  205 +-
 .../cjs/react.production.js                   |    5 +-
 .../cjs/react.react-server.development.js     |  155 +-
 .../cjs/react.react-server.production.js      |    5 +-
 .../next/src/compiled/react-is/package.json   |    2 +-
 ...om-turbopack-client.browser.development.js |  228 +-
 ...dom-turbopack-client.browser.production.js |   82 +-
 ...r-dom-turbopack-client.edge.development.js |  230 +-
 ...er-dom-turbopack-client.edge.production.js |   82 +-
 ...r-dom-turbopack-client.node.development.js |  230 +-
 ...er-dom-turbopack-client.node.production.js |   82 +-
 ...opack-client.node.unbundled.development.js |  230 +-
 ...bopack-client.node.unbundled.production.js |   82 +-
 ...om-turbopack-server.browser.development.js |  879 +--
 ...dom-turbopack-server.browser.production.js |  166 +-
 ...r-dom-turbopack-server.edge.development.js |  909 +--
 ...er-dom-turbopack-server.edge.production.js |  166 +-
 ...r-dom-turbopack-server.node.development.js |  919 +--
 ...er-dom-turbopack-server.node.production.js |  184 +-
 ...opack-server.node.unbundled.development.js |  919 +--
 ...bopack-server.node.unbundled.production.js |  184 +-
 .../package.json                              |    4 +-
 ...om-turbopack-client.browser.development.js |  215 +-
 ...dom-turbopack-client.browser.production.js |   70 +-
 ...r-dom-turbopack-client.edge.development.js |  217 +-
 ...er-dom-turbopack-client.edge.production.js |   70 +-
 ...r-dom-turbopack-client.node.development.js |  217 +-
 ...er-dom-turbopack-client.node.production.js |   70 +-
 ...opack-client.node.unbundled.development.js |  217 +-
 ...bopack-client.node.unbundled.production.js |   70 +-
 ...om-turbopack-server.browser.development.js |  668 +-
 ...dom-turbopack-server.browser.production.js |  136 +-
 ...r-dom-turbopack-server.edge.development.js |  680 +-
 ...er-dom-turbopack-server.edge.production.js |  136 +-
 ...r-dom-turbopack-server.node.development.js |  688 +-
 ...er-dom-turbopack-server.node.production.js |  154 +-
 ...opack-server.node.unbundled.development.js |  688 +-
 ...bopack-server.node.unbundled.production.js |  154 +-
 .../react-server-dom-turbopack/package.json   |    4 +-
 ...-dom-webpack-client.browser.development.js |  228 +-
 ...r-dom-webpack-client.browser.production.js |   82 +-
 ...ver-dom-webpack-client.edge.development.js |  230 +-
 ...rver-dom-webpack-client.edge.production.js |   82 +-
 ...ver-dom-webpack-client.node.development.js |  399 +-
 ...rver-dom-webpack-client.node.production.js |  259 +-
 ...bpack-client.node.unbundled.development.js |  399 +-
 ...ebpack-client.node.unbundled.production.js |  259 +-
 ...-dom-webpack-server.browser.development.js |  881 +--
 ...r-dom-webpack-server.browser.production.js |  166 +-
 ...ver-dom-webpack-server.edge.development.js |  911 +--
 ...rver-dom-webpack-server.edge.production.js |  166 +-
 ...ver-dom-webpack-server.node.development.js |  921 +--
 ...rver-dom-webpack-server.node.production.js |  184 +-
 ...bpack-server.node.unbundled.development.js |  921 +--
 ...ebpack-server.node.unbundled.production.js |  184 +-
 .../package.json                              |    4 +-
 ...-dom-webpack-client.browser.development.js |  215 +-
 ...r-dom-webpack-client.browser.production.js |   70 +-
 ...ver-dom-webpack-client.edge.development.js |  217 +-
 ...rver-dom-webpack-client.edge.production.js |   70 +-
 ...ver-dom-webpack-client.node.development.js |  400 +-
 ...rver-dom-webpack-client.node.production.js |  255 +-
 ...bpack-client.node.unbundled.development.js |  400 +-
 ...ebpack-client.node.unbundled.production.js |  255 +-
 ...-dom-webpack-server.browser.development.js |  670 +-
 ...r-dom-webpack-server.browser.production.js |  136 +-
 ...ver-dom-webpack-server.edge.development.js |  682 +-
 ...rver-dom-webpack-server.edge.production.js |  136 +-
 ...ver-dom-webpack-server.node.development.js |  690 +-
 ...rver-dom-webpack-server.node.production.js |  154 +-
 ...bpack-server.node.unbundled.development.js |  690 +-
 ...ebpack-server.node.unbundled.production.js |  154 +-
 .../react-server-dom-webpack/package.json     |    4 +-
 .../cjs/react-compiler-runtime.development.js |   19 +-
 .../cjs/react-jsx-dev-runtime.development.js  |   72 +-
 ...sx-dev-runtime.react-server.development.js |   74 +-
 .../cjs/react-jsx-runtime.development.js      |   72 +-
 ...ct-jsx-runtime.react-server.development.js |   74 +-
 .../compiled/react/cjs/react.development.js   |  162 +-
 .../compiled/react/cjs/react.production.js    |    2 +-
 .../cjs/react.react-server.development.js     |  108 +-
 .../cjs/react.react-server.production.js      |    2 +-
 .../next/src/compiled/unistore/unistore.js    |    2 +-
 pnpm-lock.yaml                                |  347 +-
 run-tests.js                                  |    2 +-
 test/.stats-app/package.json                  |    4 +-
 .../first-time-setup-js/package.json          |    4 +-
 .../first-time-setup-ts/package.json          |    4 +-
 test/lib/next-modes/base.ts                   |    2 +-
 141 files changed, 44691 insertions(+), 40311 deletions(-)

diff --git a/.github/.react-version b/.github/.react-version
index 2818c978d4b77..2aef871443327 100644
--- a/.github/.react-version
+++ b/.github/.react-version
@@ -1 +1 @@
-19.0.0-rc-dfd30974ab-20240613
\ No newline at end of file
+19.0.0-rc-01172397-20240716
\ No newline at end of file
diff --git a/examples/reproduction-template/package.json b/examples/reproduction-template/package.json
index 42c43bfdaf725..47823f48b4fca 100644
--- a/examples/reproduction-template/package.json
+++ b/examples/reproduction-template/package.json
@@ -7,8 +7,8 @@
   },
   "dependencies": {
     "next": "canary",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716"
   },
   "devDependencies": {
     "@types/node": "20.12.12",
diff --git a/package.json b/package.json
index 6546d17d7f829..d32678116ecc1 100644
--- a/package.json
+++ b/package.json
@@ -200,19 +200,19 @@
     "pretty-bytes": "5.3.0",
     "pretty-ms": "7.0.0",
     "random-seed": "0.3.0",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
+    "react": "19.0.0-rc-01172397-20240716",
     "react-17": "npm:react@17.0.2",
-    "react-builtin": "npm:react@19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613",
+    "react-builtin": "npm:react@19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716",
     "react-dom-17": "npm:react-dom@17.0.2",
-    "react-dom-builtin": "npm:react-dom@19.0.0-rc-dfd30974ab-20240613",
-    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-dfd30974ab-20240613",
-    "react-experimental-builtin": "npm:react@0.0.0-experimental-dfd30974ab-20240613",
-    "react-is-builtin": "npm:react-is@19.0.0-rc-dfd30974ab-20240613",
-    "react-server-dom-turbopack": "19.0.0-rc-dfd30974ab-20240613",
-    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-dfd30974ab-20240613",
-    "react-server-dom-webpack": "19.0.0-rc-dfd30974ab-20240613",
-    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-dfd30974ab-20240613",
+    "react-dom-builtin": "npm:react-dom@19.0.0-rc-01172397-20240716",
+    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-01172397-20240716",
+    "react-experimental-builtin": "npm:react@0.0.0-experimental-01172397-20240716",
+    "react-is-builtin": "npm:react-is@19.0.0-rc-01172397-20240716",
+    "react-server-dom-turbopack": "19.0.0-rc-01172397-20240716",
+    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-01172397-20240716",
+    "react-server-dom-webpack": "19.0.0-rc-01172397-20240716",
+    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-01172397-20240716",
     "react-ssr-prepass": "1.0.8",
     "react-virtualized": "9.22.3",
     "relay-compiler": "13.0.2",
@@ -222,8 +222,8 @@
     "resolve-from": "5.0.0",
     "sass": "1.54.0",
     "satori": "0.10.9",
-    "scheduler-builtin": "npm:scheduler@0.25.0-rc-dfd30974ab-20240613",
-    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-dfd30974ab-20240613",
+    "scheduler-builtin": "npm:scheduler@0.25.0-rc-01172397-20240716",
+    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-01172397-20240716",
     "seedrandom": "3.0.5",
     "semver": "7.3.7",
     "shell-quote": "1.7.3",
@@ -257,10 +257,10 @@
     "@babel/traverse": "7.22.5",
     "@types/react": "npm:types-react@19.0.0-rc.0",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613",
-    "react-is": "19.0.0-rc-dfd30974ab-20240613",
-    "scheduler": "0.25.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716",
+    "react-is": "19.0.0-rc-01172397-20240716",
+    "scheduler": "0.25.0-rc-01172397-20240716"
   },
   "engines": {
     "node": ">=18.18.0",
diff --git a/packages/create-next-app/templates/index.ts b/packages/create-next-app/templates/index.ts
index 7523e1050f903..51590dfcc9ebd 100644
--- a/packages/create-next-app/templates/index.ts
+++ b/packages/create-next-app/templates/index.ts
@@ -184,8 +184,8 @@ export const installTemplate = async ({
      * Default dependencies.
      */
     dependencies: {
-      react: "19.0.0-rc-dfd30974ab-20240613",
-      "react-dom": "19.0.0-rc-dfd30974ab-20240613",
+      react: "19.0.0-rc-01172397-20240716",
+      "react-dom": "19.0.0-rc-01172397-20240716",
       next: version,
     },
     devDependencies: {},
diff --git a/packages/next/package.json b/packages/next/package.json
index 87c7fbab8c5c8..d5952331e0ed0 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -106,8 +106,8 @@
     "@opentelemetry/api": "^1.1.0",
     "@playwright/test": "^1.41.2",
     "babel-plugin-react-compiler": "*",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613",
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716",
     "sass": "^1.3.0"
   },
   "peerDependenciesMeta": {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js
index 84110e87630bd..f6341de6a4639 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js
@@ -28,11 +28,11 @@
     }
     function copyWithRename(obj, oldPath, newPath) {
       if (oldPath.length !== newPath.length)
-        warn("copyWithRename() expects paths of the same length");
+        console.warn("copyWithRename() expects paths of the same length");
       else {
         for (var i = 0; i < newPath.length - 1; i++)
           if (oldPath[i] !== newPath[i]) {
-            warn(
+            console.warn(
               "copyWithRename() expects paths to be the same except for the deepest key"
             );
             return;
@@ -73,13 +73,16 @@
     function shouldErrorImpl() {
       return null;
     }
+    function createFiber(tag, pendingProps, key, mode) {
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
     function warnInvalidHookAccess() {
-      error$jscomp$0(
+      console.error(
         "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
       );
     }
     function warnInvalidContextAccess() {
-      error$jscomp$0(
+      console.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()."
       );
     }
@@ -126,41 +129,6 @@
     function setRefreshHandler(handler) {
       resolveFamily = handler;
     }
-    function warn(format) {
-      if (!suppressWarning) {
-        for (
-          var _len = arguments.length,
-            args = Array(1 < _len ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        )
-          args[_key - 1] = arguments[_key];
-        printWarning("warn", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function error$jscomp$0(format) {
-      if (!suppressWarning) {
-        for (
-          var _len2 = arguments.length,
-            args = Array(1 < _len2 ? _len2 - 1 : 0),
-            _key2 = 1;
-          _key2 < _len2;
-          _key2++
-        )
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function isValidContainer(node) {
       return !(
         !node ||
@@ -199,7 +167,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -345,7 +313,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -356,8 +324,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -536,64 +510,6 @@
     function isNotExternal(stackFrame) {
       return !externalRegExp.test(stackFrame);
     }
-    function filterDebugStack(error) {
-      error = error.stack;
-      error.startsWith("Error: react-stack-top-frame\n") &&
-        (error = error.slice(29));
-      error = error.split("\n").slice(1);
-      if (null === callComponentFrame) {
-        var stack = callComponentInDEV(
-            Error,
-            "react-stack-top-frame",
-            {}
-          ).stack,
-          startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0,
-          endIdx = stack.indexOf("\n", startIdx);
-        callComponentFrame =
-          -1 === endIdx ? stack.slice(startIdx) : stack.slice(startIdx, endIdx);
-      }
-      stack = error.indexOf(callComponentFrame);
-      if (
-        -1 === stack &&
-        (null === callLazyInitFrame &&
-          ((stack = callLazyInitInDEV({
-            $$typeof: REACT_LAZY_TYPE,
-            _init: Error,
-            _payload: "react-stack-top-frame"
-          }).stack),
-          (startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0),
-          (endIdx = stack.indexOf("\n", startIdx)),
-          (callLazyInitFrame =
-            -1 === endIdx
-              ? stack.slice(startIdx)
-              : stack.slice(startIdx, endIdx))),
-        (stack = error.indexOf(callLazyInitFrame)),
-        -1 === stack)
-      ) {
-        if (null === callIteratorFrame)
-          try {
-            callRenderInDEV({ render: null }), (callIteratorFrame = "");
-          } catch (error$2) {
-            (stack = error$2.stack),
-              (startIdx = stack.startsWith("TypeError: ")
-                ? stack.indexOf("\n") + 1
-                : 0),
-              (endIdx = stack.indexOf("\n", startIdx)),
-              (callIteratorFrame =
-                -1 === endIdx
-                  ? stack.slice(startIdx)
-                  : stack.slice(startIdx, endIdx));
-          }
-        stack = error.indexOf(callIteratorFrame);
-      }
-      if (-1 !== stack) error.length = stack;
-      else return "";
-      return error.filter(isNotExternal).join("\n");
-    }
     function describeFiber(fiber) {
       switch (fiber.tag) {
         case 26:
@@ -632,7 +548,7 @@
                 var JSCompiler_temp_const = info,
                   env = entry.env;
                 var JSCompiler_inline_result = describeBuiltInComponentFrame(
-                  entry.name + (env ? " (" + env + ")" : "")
+                  entry.name + (env ? " [" + env + "]" : "")
                 );
                 info = JSCompiler_temp_const + JSCompiler_inline_result;
               }
@@ -654,18 +570,11 @@
       var owner = current._debugOwner;
       return null != owner ? getComponentNameFromOwner(owner) : null;
     }
-    function getCurrentParentStackInDev() {
-      return null === current ? "" : getStackByFiberInDevAndProd(current);
-    }
-    function getCurrentFiberStackInDev(stack) {
+    function getCurrentFiberStackInDev() {
       if (null === current) return "";
       var workInProgress = current;
       try {
         var info = "";
-        if (stack) {
-          var formattedTopStack = filterDebugStack(stack);
-          "" !== formattedTopStack && (info += "\n" + formattedTopStack);
-        }
         6 === workInProgress.tag && (workInProgress = workInProgress.return);
         switch (workInProgress.tag) {
           case 26:
@@ -695,27 +604,109 @@
                 workInProgress.type.render
               ));
         }
-        for (stack = workInProgress; stack; )
-          if ("number" === typeof stack.tag) {
-            workInProgress = stack;
-            stack = workInProgress._debugOwner;
-            var debugStack = workInProgress._debugStack;
-            stack &&
-              debugStack &&
-              ("string" !== typeof debugStack &&
-                (workInProgress._debugStack = debugStack =
-                  filterDebugStack(debugStack)),
-              "" !== debugStack && (info += "\n" + debugStack));
-          } else if ("string" === typeof stack.stack)
-            "" !== stack.stack && (info += "\n" + stack.stack),
-              (stack = stack.owner);
-          else break;
-        var JSCompiler_inline_result = info;
+        for (; workInProgress; )
+          if ("number" === typeof workInProgress.tag) {
+            var fiber = workInProgress;
+            workInProgress = fiber._debugOwner;
+            var debugStack = fiber._debugStack;
+            if (workInProgress && debugStack) {
+              if ("string" !== typeof debugStack) {
+                var stack = debugStack.stack;
+                stack.startsWith("Error: react-stack-top-frame\n") &&
+                  (stack = stack.slice(29));
+                var frames = stack.split("\n").slice(1);
+                if (null === callComponentFrame) {
+                  var stack$jscomp$0 = callComponentInDEV(
+                      Error,
+                      "react-stack-top-frame",
+                      {}
+                    ).stack,
+                    startIdx = stack$jscomp$0.startsWith(
+                      "Error: react-stack-top-frame\n"
+                    )
+                      ? 29
+                      : 0,
+                    endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+                  callComponentFrame =
+                    -1 === endIdx
+                      ? stack$jscomp$0.slice(startIdx)
+                      : stack$jscomp$0.slice(startIdx, endIdx);
+                }
+                var lastFrameIdx = frames.indexOf(callComponentFrame);
+                if (-1 === lastFrameIdx) {
+                  if (null === callLazyInitFrame) {
+                    var stack$jscomp$1 = callLazyInitInDEV({
+                        $$typeof: REACT_LAZY_TYPE,
+                        _init: Error,
+                        _payload: "react-stack-top-frame"
+                      }).stack,
+                      startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                        "Error: react-stack-top-frame\n"
+                      )
+                        ? 29
+                        : 0,
+                      endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                        "\n",
+                        startIdx$jscomp$0
+                      );
+                    callLazyInitFrame =
+                      -1 === endIdx$jscomp$0
+                        ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                        : stack$jscomp$1.slice(
+                            startIdx$jscomp$0,
+                            endIdx$jscomp$0
+                          );
+                  }
+                  lastFrameIdx = frames.indexOf(callLazyInitFrame);
+                  if (-1 === lastFrameIdx) {
+                    if (null === callIteratorFrame)
+                      try {
+                        callRenderInDEV({ render: null }),
+                          (callIteratorFrame = "");
+                      } catch (error) {
+                        var stack$jscomp$2 = error.stack,
+                          startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                            "TypeError: "
+                          )
+                            ? stack$jscomp$2.indexOf("\n") + 1
+                            : 0,
+                          endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                            "\n",
+                            startIdx$jscomp$1
+                          );
+                        callIteratorFrame =
+                          -1 === endIdx$jscomp$1
+                            ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                            : stack$jscomp$2.slice(
+                                startIdx$jscomp$1,
+                                endIdx$jscomp$1
+                              );
+                      }
+                    lastFrameIdx = frames.indexOf(callIteratorFrame);
+                  }
+                }
+                if (-1 !== lastFrameIdx) {
+                  frames.length = lastFrameIdx;
+                  var JSCompiler_inline_result = frames
+                    .filter(isNotExternal)
+                    .join("\n");
+                } else JSCompiler_inline_result = "";
+                fiber._debugStack = debugStack = JSCompiler_inline_result;
+              }
+              "" !== debugStack && (info += "\n" + debugStack);
+            }
+          } else if ("string" === typeof workInProgress.stack) {
+            var ownerStack = workInProgress.stack;
+            (workInProgress = workInProgress.owner) &&
+              "" !== ownerStack &&
+              (info += "\n" + ownerStack);
+          } else break;
+        var JSCompiler_inline_result$jscomp$0 = info;
       } catch (x) {
-        JSCompiler_inline_result =
+        JSCompiler_inline_result$jscomp$0 =
           "\nError generating stack: " + x.message + "\n" + x.stack;
       }
-      return JSCompiler_inline_result;
+      return JSCompiler_inline_result$jscomp$0;
     }
     function runWithFiberInDEV(fiber, callback, arg0, arg1, arg2, arg3, arg4) {
       var previousFiber = current;
@@ -859,9 +850,9 @@
     }
     function pop(cursor, fiber) {
       0 > index$jscomp$0
-        ? error$jscomp$0("Unexpected pop.")
+        ? console.error("Unexpected pop.")
         : (fiber !== fiberStack[index$jscomp$0] &&
-            error$jscomp$0("Unexpected Fiber popped."),
+            console.error("Unexpected Fiber popped."),
           (cursor.current = valueStack[index$jscomp$0]),
           (valueStack[index$jscomp$0] = null),
           (fiberStack[index$jscomp$0] = null),
@@ -875,7 +866,7 @@
     }
     function requiredContext(c) {
       null === c &&
-        error$jscomp$0(
+        console.error(
           "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
         );
       return c;
@@ -980,7 +971,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -991,7 +982,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -1002,7 +993,7 @@
     function checkFormFieldValueStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -1015,7 +1006,7 @@
       if (hook.isDisabled) return !0;
       if (!hook.supportsFiber)
         return (
-          error$jscomp$0(
+          console.error(
             "The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"
           ),
           !0
@@ -1028,7 +1019,7 @@
           (rendererID = hook.inject(internals)),
           (injectedHook = hook);
       } catch (err) {
-        error$jscomp$0("React instrumentation encountered an error: %s.", err);
+        console.error("React instrumentation encountered an error: %s.", err);
       }
       return hook.checkDCE ? !0 : !1;
     }
@@ -1061,7 +1052,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1069,15 +1060,14 @@
     }
     function setIsStrictModeForDevtools(newIsStrictMode) {
       "function" === typeof log$1 &&
-        (unstable_setDisableYieldValue(newIsStrictMode),
-        (suppressWarning = newIsStrictMode));
+        unstable_setDisableYieldValue(newIsStrictMode);
       if (injectedHook && "function" === typeof injectedHook.setStrictMode)
         try {
           injectedHook.setStrictMode(rendererID, newIsStrictMode);
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1214,7 +1204,7 @@
           return 0;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             lanes
@@ -1289,7 +1279,7 @@
           return -1;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             -1
@@ -1507,7 +1497,7 @@
     }
     function registerDirectEvent(registrationName, dependencies) {
       registrationNameDependencies[registrationName] &&
-        error$jscomp$0(
+        console.error(
           "EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
           registrationName
         );
@@ -1531,17 +1521,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$0(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$0(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$0(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -1553,7 +1543,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$0("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function getValueForAttributeOnCustomComponent(node, name, expected) {
@@ -1733,7 +1723,7 @@
       void 0 === props.checked ||
         void 0 === props.defaultChecked ||
         didWarnCheckedDefaultChecked ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1742,7 +1732,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue$1 ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1854,19 +1844,19 @@
                 "bigint" === typeof child ||
                 didWarnInvalidChild ||
                 ((didWarnInvalidChild = !0),
-                error$jscomp$0(
+                console.error(
                   "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
                 ));
             })
           : null == props.dangerouslySetInnerHTML ||
             didWarnInvalidInnerHTML ||
             ((didWarnInvalidInnerHTML = !0),
-            error$jscomp$0(
+            console.error(
               "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
             )));
       null == props.selected ||
         didWarnSelectedSetOnOption ||
-        (error$jscomp$0(
+        (console.error(
           "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
         ),
         (didWarnSelectedSetOnOption = !0));
@@ -1907,14 +1897,14 @@
         if (null != props[propName]) {
           var propNameIsArray = isArrayImpl(props[propName]);
           props.multiple && !propNameIsArray
-            ? error$jscomp$0(
+            ? console.error(
                 "The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
                 propName,
                 getDeclarationErrorAddendum()
               )
             : !props.multiple &&
               propNameIsArray &&
-              error$jscomp$0(
+              console.error(
                 "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
                 propName,
                 getDeclarationErrorAddendum()
@@ -1924,7 +1914,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue ||
-        (error$jscomp$0(
+        (console.error(
           "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
         ),
         (didWarnValueDefaultValue = !0));
@@ -1933,14 +1923,14 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValDefaultVal ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component"
         ),
         (didWarnValDefaultVal = !0));
       null != props.children &&
         null == props.value &&
-        error$jscomp$0(
+        console.error(
           "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
         );
     }
@@ -1982,2240 +1972,2302 @@
         null !== children &&
         (element.value = children);
     }
-    function updatedAncestorInfoDev(oldInfo, tag) {
-      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
-      var info = { tag: tag };
-      -1 !== inScopeTags.indexOf(tag) &&
-        ((oldInfo.aTagInScope = null),
-        (oldInfo.buttonTagInScope = null),
-        (oldInfo.nobrTagInScope = null));
-      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
-      -1 !== specialTags.indexOf(tag) &&
-        "address" !== tag &&
-        "div" !== tag &&
-        "p" !== tag &&
-        ((oldInfo.listItemTagAutoclosing = null),
-        (oldInfo.dlItemTagAutoclosing = null));
-      oldInfo.current = info;
-      "form" === tag && (oldInfo.formTag = info);
-      "a" === tag && (oldInfo.aTagInScope = info);
-      "button" === tag && (oldInfo.buttonTagInScope = info);
-      "nobr" === tag && (oldInfo.nobrTagInScope = info);
-      "p" === tag && (oldInfo.pTagInButtonScope = info);
-      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
-      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
-      "#document" === tag || "html" === tag
-        ? (oldInfo.containerTagInScope = null)
-        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
-      return oldInfo;
+    function findNotableNode(node, indent) {
+      return void 0 === node.serverProps &&
+        0 === node.serverTail.length &&
+        1 === node.children.length &&
+        3 < node.distanceFromLeaf &&
+        node.distanceFromLeaf > 15 - indent
+        ? findNotableNode(node.children[0], indent)
+        : node;
     }
-    function isTagValidWithParent(tag, parentTag) {
-      switch (parentTag) {
-        case "select":
-          return (
-            "hr" === tag ||
-            "option" === tag ||
-            "optgroup" === tag ||
-            "#text" === tag
-          );
-        case "optgroup":
-          return "option" === tag || "#text" === tag;
-        case "option":
-          return "#text" === tag;
-        case "tr":
-          return (
-            "th" === tag ||
-            "td" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "tbody":
-        case "thead":
-        case "tfoot":
-          return (
-            "tr" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "colgroup":
-          return "col" === tag || "template" === tag;
-        case "table":
-          return (
-            "caption" === tag ||
-            "colgroup" === tag ||
-            "tbody" === tag ||
-            "tfoot" === tag ||
-            "thead" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "head":
+    function indentation(indent) {
+      return "  " + "  ".repeat(indent);
+    }
+    function added(indent) {
+      return "+ " + "  ".repeat(indent);
+    }
+    function removed(indent) {
+      return "- " + "  ".repeat(indent);
+    }
+    function describeFiberType(fiber) {
+      switch (fiber.tag) {
+        case 26:
+        case 27:
+        case 5:
+          return fiber.type;
+        case 16:
+          return "Lazy";
+        case 13:
+          return "Suspense";
+        case 19:
+          return "SuspenseList";
+        case 0:
+        case 15:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        case 11:
           return (
-            "base" === tag ||
-            "basefont" === tag ||
-            "bgsound" === tag ||
-            "link" === tag ||
-            "meta" === tag ||
-            "title" === tag ||
-            "noscript" === tag ||
-            "noframes" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
+            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
           );
-        case "html":
-          return "head" === tag || "body" === tag || "frameset" === tag;
-        case "frameset":
-          return "frame" === tag;
-        case "#document":
-          return "html" === tag;
+        case 1:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        default:
+          return null;
       }
-      switch (tag) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return (
-            "h1" !== parentTag &&
-            "h2" !== parentTag &&
-            "h3" !== parentTag &&
-            "h4" !== parentTag &&
-            "h5" !== parentTag &&
-            "h6" !== parentTag
-          );
-        case "rp":
-        case "rt":
-          return -1 === impliedEndTags.indexOf(parentTag);
-        case "body":
-        case "caption":
-        case "col":
-        case "colgroup":
-        case "frameset":
-        case "frame":
-        case "head":
-        case "html":
-        case "tbody":
-        case "td":
-        case "tfoot":
-        case "th":
-        case "thead":
-        case "tr":
-          return null == parentTag;
+    }
+    function describeTextNode(content, maxLength) {
+      return needsEscaping.test(content)
+        ? ((content = JSON.stringify(content)),
+          content.length > maxLength - 2
+            ? 8 > maxLength
+              ? '{"..."}'
+              : "{" + content.slice(0, maxLength - 7) + '..."}'
+            : "{" + content + "}")
+        : content.length > maxLength
+        ? 5 > maxLength
+          ? '{"..."}'
+          : content.slice(0, maxLength - 3) + "..."
+        : content;
+    }
+    function describeTextDiff(clientText, serverProps, indent) {
+      var maxLength = 120 - 2 * indent;
+      if (null === serverProps)
+        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
+      if ("string" === typeof serverProps) {
+        for (
+          var firstDiff = 0;
+          firstDiff < serverProps.length &&
+          firstDiff < clientText.length &&
+          serverProps.charCodeAt(firstDiff) ===
+            clientText.charCodeAt(firstDiff);
+          firstDiff++
+        );
+        firstDiff > maxLength - 8 &&
+          10 < firstDiff &&
+          ((clientText = "..." + clientText.slice(firstDiff - 8)),
+          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
+        return (
+          added(indent) +
+          describeTextNode(clientText, maxLength) +
+          "\n" +
+          removed(indent) +
+          describeTextNode(serverProps, maxLength) +
+          "\n"
+        );
       }
-      return !0;
+      return (
+        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+      );
     }
-    function findInvalidAncestorForTag(tag, ancestorInfo) {
-      switch (tag) {
-        case "address":
-        case "article":
-        case "aside":
-        case "blockquote":
-        case "center":
-        case "details":
-        case "dialog":
-        case "dir":
-        case "div":
-        case "dl":
-        case "fieldset":
-        case "figcaption":
-        case "figure":
-        case "footer":
-        case "header":
-        case "hgroup":
-        case "main":
-        case "menu":
-        case "nav":
-        case "ol":
-        case "p":
-        case "section":
-        case "summary":
-        case "ul":
-        case "pre":
-        case "listing":
-        case "table":
-        case "hr":
-        case "xmp":
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return ancestorInfo.pTagInButtonScope;
-        case "form":
-          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-        case "li":
-          return ancestorInfo.listItemTagAutoclosing;
-        case "dd":
-        case "dt":
-          return ancestorInfo.dlItemTagAutoclosing;
-        case "button":
-          return ancestorInfo.buttonTagInScope;
-        case "a":
-          return ancestorInfo.aTagInScope;
-        case "nobr":
-          return ancestorInfo.nobrTagInScope;
-      }
-      return null;
+    function objectName(object) {
+      return Object.prototype.toString
+        .call(object)
+        .replace(/^\[object (.*)\]$/, function (m, p0) {
+          return p0;
+        });
     }
-    function validateDOMNesting(childTag, ancestorInfo) {
-      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
-      var parentInfo = ancestorInfo.current;
-      ancestorInfo = (parentInfo = isTagValidWithParent(
-        childTag,
-        parentInfo && parentInfo.tag
-      )
-        ? null
-        : parentInfo)
-        ? null
-        : findInvalidAncestorForTag(childTag, ancestorInfo);
-      ancestorInfo = parentInfo || ancestorInfo;
-      if (!ancestorInfo) return !0;
-      ancestorInfo = ancestorInfo.tag;
-      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      warnKey = "<" + childTag + ">";
-      parentInfo
-        ? ((parentInfo = ""),
-          "table" === ancestorInfo &&
-            "tr" === childTag &&
-            (parentInfo +=
-              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
-          console.error(
-            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            parentInfo,
-            getCurrentParentStackInDev()
-          ))
-        : console.error(
-            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            getCurrentParentStackInDev()
+    function describeValue(value, maxLength) {
+      switch (typeof value) {
+        case "string":
+          return (
+            (value = JSON.stringify(value)),
+            value.length > maxLength
+              ? 5 > maxLength
+                ? '"..."'
+                : value.slice(0, maxLength - 4) + '..."'
+              : value
           );
-      return !1;
+        case "object":
+          if (null === value) return "null";
+          if (isArrayImpl(value)) return "[...]";
+          if (value.$$typeof === REACT_ELEMENT_TYPE)
+            return (maxLength = getComponentNameFromType(value.type))
+              ? "<" + maxLength + ">"
+              : "<...>";
+          var name = objectName(value);
+          if ("Object" === name) {
+            name = "";
+            maxLength -= 2;
+            for (var propName in value)
+              if (value.hasOwnProperty(propName)) {
+                var jsonPropName = JSON.stringify(propName);
+                jsonPropName !== '"' + propName + '"' &&
+                  (propName = jsonPropName);
+                maxLength -= propName.length - 2;
+                jsonPropName = describeValue(
+                  value[propName],
+                  15 > maxLength ? maxLength : 15
+                );
+                maxLength -= jsonPropName.length;
+                if (0 > maxLength) {
+                  name += "" === name ? "..." : ", ...";
+                  break;
+                }
+                name +=
+                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
+              }
+            return "{" + name + "}";
+          }
+          return name;
+        case "function":
+          return (maxLength = value.displayName || value.name)
+            ? "function " + maxLength
+            : "function";
+        default:
+          return String(value);
+      }
     }
-    function validateTextNesting(childText, parentTag) {
-      if (isTagValidWithParent("#text", parentTag)) return !0;
-      var warnKey = "#text|" + parentTag;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      /\S/.test(childText)
-        ? console.error(
-            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          )
-        : console.error(
-            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          );
-      return !1;
+    function describePropValue(value, maxLength) {
+      return "string" !== typeof value || needsEscaping.test(value)
+        ? "{" + describeValue(value, maxLength - 2) + "}"
+        : value.length > maxLength - 2
+        ? 5 > maxLength
+          ? '"..."'
+          : '"' + value.slice(0, maxLength - 5) + '..."'
+        : '"' + value + '"';
     }
-    function setTextContent(node, text) {
-      if (text) {
-        var firstChild = node.firstChild;
-        if (
-          firstChild &&
-          firstChild === node.lastChild &&
-          3 === firstChild.nodeType
-        ) {
-          firstChild.nodeValue = text;
-          return;
+    function describeExpandedElement(type, props, rowPrefix) {
+      var remainingRowLength = 120 - rowPrefix.length - type.length,
+        properties = [],
+        propName;
+      for (propName in props)
+        if (props.hasOwnProperty(propName) && "children" !== propName) {
+          var propValue = describePropValue(
+            props[propName],
+            120 - rowPrefix.length - propName.length - 1
+          );
+          remainingRowLength -= propName.length + propValue.length + 2;
+          properties.push(propName + "=" + propValue);
         }
-      }
-      node.textContent = text;
+      return 0 === properties.length
+        ? rowPrefix + "<" + type + ">\n"
+        : 0 < remainingRowLength
+        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
+        : rowPrefix +
+          "<" +
+          type +
+          "\n" +
+          rowPrefix +
+          "  " +
+          properties.join("\n" + rowPrefix + "  ") +
+          "\n" +
+          rowPrefix +
+          ">\n";
     }
-    function camelize(string) {
-      return string.replace(hyphenPattern, function (_, character) {
-        return character.toUpperCase();
-      });
+    function describePropertiesDiff(clientObject, serverObject, indent) {
+      var properties = "",
+        remainingServerProperties = assign({}, serverObject),
+        propName;
+      for (propName in clientObject)
+        if (clientObject.hasOwnProperty(propName)) {
+          delete remainingServerProperties[propName];
+          var maxLength = 120 - 2 * indent - propName.length - 2,
+            clientPropValue = describeValue(clientObject[propName], maxLength);
+          serverObject.hasOwnProperty(propName)
+            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
+              (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n"),
+              (properties +=
+                removed(indent) + propName + ": " + maxLength + "\n"))
+            : (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n");
+        }
+      for (var _propName in remainingServerProperties)
+        remainingServerProperties.hasOwnProperty(_propName) &&
+          ((clientObject = describeValue(
+            remainingServerProperties[_propName],
+            120 - 2 * indent - _propName.length - 2
+          )),
+          (properties +=
+            removed(indent) + _propName + ": " + clientObject + "\n"));
+      return properties;
     }
-    function setValueForStyle(style, styleName, value) {
-      var isCustomProperty = 0 === styleName.indexOf("--");
-      isCustomProperty ||
-        (-1 < styleName.indexOf("-")
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported style property %s. Did you mean %s?",
-              styleName,
-              camelize(styleName.replace(msPattern, "ms-"))
-            ))
-          : badVendoredStyleNamePattern.test(styleName)
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
-              styleName,
-              styleName.charAt(0).toUpperCase() + styleName.slice(1)
-            ))
-          : !badStyleValueWithSemicolonPattern.test(value) ||
-            (warnedStyleValues.hasOwnProperty(value) &&
-              warnedStyleValues[value]) ||
-            ((warnedStyleValues[value] = !0),
-            error$jscomp$0(
-              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
-              styleName,
-              value.replace(badStyleValueWithSemicolonPattern, "")
-            )),
-        "number" === typeof value &&
-          (isNaN(value)
-            ? warnedForNaNValue ||
-              ((warnedForNaNValue = !0),
-              error$jscomp$0(
-                "`NaN` is an invalid value for the `%s` css style property.",
-                styleName
-              ))
-            : isFinite(value) ||
-              warnedForInfinityValue ||
-              ((warnedForInfinityValue = !0),
-              error$jscomp$0(
-                "`Infinity` is an invalid value for the `%s` css style property.",
-                styleName
-              ))));
-      null == value || "boolean" === typeof value || "" === value
-        ? isCustomProperty
-          ? style.setProperty(styleName, "")
-          : "float" === styleName
-          ? (style.cssFloat = "")
-          : (style[styleName] = "")
-        : isCustomProperty
-        ? style.setProperty(styleName, value)
-        : "number" !== typeof value ||
-          0 === value ||
-          unitlessNumbers.has(styleName)
-        ? "float" === styleName
-          ? (style.cssFloat = value)
-          : (checkCSSPropertyStringCoercion(value, styleName),
-            (style[styleName] = ("" + value).trim()))
-        : (style[styleName] = value + "px");
-    }
-    function setValueForStyles(node, styles, prevStyles) {
-      if (null != styles && "object" !== typeof styles)
-        throw Error(
-          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+    function describeElementDiff(type, clientProps, serverProps, indent) {
+      var content = "",
+        serverPropNames = new Map();
+      for (propName$jscomp$0 in serverProps)
+        serverProps.hasOwnProperty(propName$jscomp$0) &&
+          serverPropNames.set(
+            propName$jscomp$0.toLowerCase(),
+            propName$jscomp$0
+          );
+      if (1 === serverPropNames.size && serverPropNames.has("children"))
+        content += describeExpandedElement(
+          type,
+          clientProps,
+          indentation(indent)
         );
-      styles && Object.freeze(styles);
-      node = node.style;
-      if (null != prevStyles) {
-        if (styles) {
-          var expandedUpdates = {};
-          if (prevStyles)
-            for (var key in prevStyles)
-              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
-                for (
-                  var longhands = shorthandToLonghand[key] || [key], i = 0;
-                  i < longhands.length;
-                  i++
-                )
-                  expandedUpdates[longhands[i]] = key;
-          for (var _key in styles)
-            if (
-              styles.hasOwnProperty(_key) &&
-              (!prevStyles || prevStyles[_key] !== styles[_key])
-            )
-              for (
-                key = shorthandToLonghand[_key] || [_key], longhands = 0;
-                longhands < key.length;
-                longhands++
-              )
-                expandedUpdates[key[longhands]] = _key;
-          _key = {};
-          for (var key$jscomp$0 in styles)
-            for (
-              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
-                longhands = 0;
-              longhands < key.length;
-              longhands++
-            )
-              _key[key[longhands]] = key$jscomp$0;
-          key$jscomp$0 = {};
-          for (var _key2 in expandedUpdates)
-            (key = expandedUpdates[_key2]),
-              (longhands = _key[_key2]) &&
-                key !== longhands &&
-                ((i = key + "," + longhands),
-                key$jscomp$0[i] ||
-                  ((key$jscomp$0[i] = !0),
-                  (i = styles[key]),
-                  error$jscomp$0(
-                    "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
-                    null == i || "boolean" === typeof i || "" === i
-                      ? "Removing"
-                      : "Updating",
-                    key,
-                    longhands
-                  )));
-        }
-        for (var styleName in prevStyles)
-          !prevStyles.hasOwnProperty(styleName) ||
-            (null != styles && styles.hasOwnProperty(styleName)) ||
-            (0 === styleName.indexOf("--")
-              ? node.setProperty(styleName, "")
-              : "float" === styleName
-              ? (node.cssFloat = "")
-              : (node[styleName] = ""));
-        for (var _styleName in styles)
-          (_key2 = styles[_styleName]),
-            styles.hasOwnProperty(_styleName) &&
-              prevStyles[_styleName] !== _key2 &&
-              setValueForStyle(node, _styleName, _key2);
-      } else
-        for (expandedUpdates in styles)
-          styles.hasOwnProperty(expandedUpdates) &&
-            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
-    }
-    function isCustomElement(tagName) {
-      if (-1 === tagName.indexOf("-")) return !1;
-      switch (tagName) {
-        case "annotation-xml":
-        case "color-profile":
-        case "font-face":
-        case "font-face-src":
-        case "font-face-uri":
-        case "font-face-format":
-        case "font-face-name":
-        case "missing-glyph":
-          return !1;
-        default:
-          return !0;
+      else {
+        for (var _propName2 in clientProps)
+          if (
+            clientProps.hasOwnProperty(_propName2) &&
+            "children" !== _propName2
+          ) {
+            var maxLength$jscomp$0 =
+                120 - 2 * (indent + 1) - _propName2.length - 1,
+              serverPropName = serverPropNames.get(_propName2.toLowerCase());
+            if (void 0 !== serverPropName) {
+              serverPropNames.delete(_propName2.toLowerCase());
+              var propName$jscomp$0 = clientProps[_propName2];
+              serverPropName = serverProps[serverPropName];
+              var clientPropValue = describePropValue(
+                propName$jscomp$0,
+                maxLength$jscomp$0
+              );
+              maxLength$jscomp$0 = describePropValue(
+                serverPropName,
+                maxLength$jscomp$0
+              );
+              "object" === typeof propName$jscomp$0 &&
+              null !== propName$jscomp$0 &&
+              "object" === typeof serverPropName &&
+              null !== serverPropName &&
+              "Object" === objectName(propName$jscomp$0) &&
+              "Object" === objectName(serverPropName) &&
+              (2 < Object.keys(propName$jscomp$0).length ||
+                2 < Object.keys(serverPropName).length ||
+                -1 < clientPropValue.indexOf("...") ||
+                -1 < maxLength$jscomp$0.indexOf("..."))
+                ? (content +=
+                    indentation(indent + 1) +
+                    _propName2 +
+                    "={{\n" +
+                    describePropertiesDiff(
+                      propName$jscomp$0,
+                      serverPropName,
+                      indent + 2
+                    ) +
+                    indentation(indent + 1) +
+                    "}}\n")
+                : ((content +=
+                    added(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    clientPropValue +
+                    "\n"),
+                  (content +=
+                    removed(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    maxLength$jscomp$0 +
+                    "\n"));
+            } else
+              content +=
+                indentation(indent + 1) +
+                _propName2 +
+                "=" +
+                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
+                "\n";
+          }
+        serverPropNames.forEach(function (propName) {
+          if ("children" !== propName) {
+            var maxLength = 120 - 2 * (indent + 1) - propName.length - 1;
+            content +=
+              removed(indent + 1) +
+              propName +
+              "=" +
+              describePropValue(serverProps[propName], maxLength) +
+              "\n";
+          }
+        });
+        content =
+          "" === content
+            ? indentation(indent) + "<" + type + ">\n"
+            : indentation(indent) +
+              "<" +
+              type +
+              "\n" +
+              content +
+              indentation(indent) +
+              ">\n";
       }
-    }
-    function getAttributeAlias(name) {
-      return aliases.get(name) || name;
-    }
-    function validateProperty$1(tagName, name) {
+      type = serverProps.children;
+      clientProps = clientProps.children;
       if (
-        hasOwnProperty.call(warnedProperties$1, name) &&
-        warnedProperties$1[name]
+        "string" === typeof type ||
+        "number" === typeof type ||
+        "bigint" === typeof type
+      ) {
+        serverPropNames = "";
+        if (
+          "string" === typeof clientProps ||
+          "number" === typeof clientProps ||
+          "bigint" === typeof clientProps
+        )
+          serverPropNames = "" + clientProps;
+        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
+      } else if (
+        "string" === typeof clientProps ||
+        "number" === typeof clientProps ||
+        "bigint" === typeof clientProps
       )
-        return !0;
-      if (rARIACamel$1.test(name)) {
-        tagName = "aria-" + name.slice(4).toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
-              name
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-        if (name !== tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
-              name,
-              tagName
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-      }
-      if (rARIA$1.test(name)) {
-        tagName = name.toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
-        name !== tagName &&
-          (error$jscomp$0(
-            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
-            name,
-            tagName
-          ),
-          (warnedProperties$1[name] = !0));
+        content =
+          null == type
+            ? content + describeTextDiff("" + clientProps, null, indent + 1)
+            : content + describeTextDiff("" + clientProps, void 0, indent + 1);
+      return content;
+    }
+    function describeSiblingFiber(fiber, indent) {
+      var type = describeFiberType(fiber);
+      if (null === type) {
+        type = "";
+        for (fiber = fiber.child; fiber; )
+          (type += describeSiblingFiber(fiber, indent)),
+            (fiber = fiber.sibling);
+        return type;
       }
-      return !0;
+      return indentation(indent) + "<" + type + ">\n";
     }
-    function validateProperties$2(type, props) {
-      var invalidProps = [],
-        key;
-      for (key in props)
-        validateProperty$1(type, key) || invalidProps.push(key);
-      props = invalidProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === invalidProps.length
-        ? error$jscomp$0(
-            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          )
-        : 1 < invalidProps.length &&
-          error$jscomp$0(
-            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          );
-    }
-    function validateProperty(tagName, name, value, eventRegistry) {
-      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
-        return !0;
-      var lowerCasedName = name.toLowerCase();
-      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+    function describeNode(node, indent) {
+      var skipToNode = findNotableNode(node, indent);
+      if (
+        skipToNode !== node &&
+        (1 !== node.children.length || node.children[0] !== skipToNode)
+      )
         return (
-          error$jscomp$0(
-            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
-          ),
-          (warnedProperties[name] = !0)
+          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
         );
-      if (
-        "function" === typeof value &&
-        (("form" === tagName && "action" === name) ||
-          ("input" === tagName && "formAction" === name) ||
-          ("button" === tagName && "formAction" === name))
+      skipToNode = "";
+      var debugInfo = node.fiber._debugInfo;
+      if (debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var serverComponentName = debugInfo[i].name;
+          "string" === typeof serverComponentName &&
+            ((skipToNode +=
+              indentation(indent) + "<" + serverComponentName + ">\n"),
+            indent++);
+        }
+      debugInfo = "";
+      i = node.fiber.pendingProps;
+      if (6 === node.fiber.tag)
+        (debugInfo = describeTextDiff(i, node.serverProps, indent)), indent++;
+      else if (
+        ((serverComponentName = describeFiberType(node.fiber)),
+        null !== serverComponentName)
       )
-        return !0;
-      if (null != eventRegistry) {
-        tagName = eventRegistry.possibleRegistrationNames;
-        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
-          return !0;
-        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
-          ? tagName[lowerCasedName]
-          : null;
-        if (null != eventRegistry)
+        if (void 0 === node.serverProps) {
+          debugInfo = indent;
+          var maxLength = 120 - 2 * debugInfo - serverComponentName.length - 2,
+            content = "";
+          for (propName in i)
+            if (i.hasOwnProperty(propName) && "children" !== propName) {
+              var propValue = describePropValue(i[propName], 15);
+              maxLength -= propName.length + propValue.length + 2;
+              if (0 > maxLength) {
+                content += " ...";
+                break;
+              }
+              content += " " + propName + "=" + propValue;
+            }
+          debugInfo =
+            indentation(debugInfo) +
+            "<" +
+            serverComponentName +
+            content +
+            ">\n";
+          indent++;
+        } else
+          null === node.serverProps
+            ? ((debugInfo = describeExpandedElement(
+                serverComponentName,
+                i,
+                added(indent)
+              )),
+              indent++)
+            : "string" === typeof node.serverProps
+            ? console.error(
+                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
+              )
+            : ((debugInfo = describeElementDiff(
+                serverComponentName,
+                i,
+                node.serverProps,
+                indent
+              )),
+              indent++);
+      var propName = "";
+      i = node.fiber.child;
+      for (
+        serverComponentName = 0;
+        i && serverComponentName < node.children.length;
+
+      )
+        (maxLength = node.children[serverComponentName]),
+          maxLength.fiber === i
+            ? ((propName += describeNode(maxLength, indent)),
+              serverComponentName++)
+            : (propName += describeSiblingFiber(i, indent)),
+          (i = i.sibling);
+      i &&
+        0 < node.children.length &&
+        (propName += indentation(indent) + "...\n");
+      i = node.serverTail;
+      null === node.serverProps && indent--;
+      for (node = 0; node < i.length; node++)
+        (serverComponentName = i[node]),
+          (propName =
+            "string" === typeof serverComponentName
+              ? propName +
+                (removed(indent) +
+                  describeTextNode(serverComponentName, 120 - 2 * indent) +
+                  "\n")
+              : propName +
+                describeExpandedElement(
+                  serverComponentName.type,
+                  serverComponentName.props,
+                  removed(indent)
+                ));
+      return skipToNode + debugInfo + propName;
+    }
+    function describeDiff(rootNode) {
+      try {
+        return "\n\n" + describeNode(rootNode, 0);
+      } catch (x) {
+        return "";
+      }
+    }
+    function describeAncestors(ancestor, child, props) {
+      for (var fiber = child, node = null, distanceFromLeaf = 0; fiber; )
+        fiber === ancestor && (distanceFromLeaf = 0),
+          (node = {
+            fiber: fiber,
+            children: null !== node ? [node] : [],
+            serverProps:
+              fiber === child ? props : fiber === ancestor ? null : void 0,
+            serverTail: [],
+            distanceFromLeaf: distanceFromLeaf
+          }),
+          distanceFromLeaf++,
+          (fiber = fiber.return);
+      return null !== node ? describeDiff(node).replaceAll(/^[+-]/gm, ">") : "";
+    }
+    function updatedAncestorInfoDev(oldInfo, tag) {
+      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
+      var info = { tag: tag };
+      -1 !== inScopeTags.indexOf(tag) &&
+        ((oldInfo.aTagInScope = null),
+        (oldInfo.buttonTagInScope = null),
+        (oldInfo.nobrTagInScope = null));
+      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
+      -1 !== specialTags.indexOf(tag) &&
+        "address" !== tag &&
+        "div" !== tag &&
+        "p" !== tag &&
+        ((oldInfo.listItemTagAutoclosing = null),
+        (oldInfo.dlItemTagAutoclosing = null));
+      oldInfo.current = info;
+      "form" === tag && (oldInfo.formTag = info);
+      "a" === tag && (oldInfo.aTagInScope = info);
+      "button" === tag && (oldInfo.buttonTagInScope = info);
+      "nobr" === tag && (oldInfo.nobrTagInScope = info);
+      "p" === tag && (oldInfo.pTagInButtonScope = info);
+      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
+      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
+      "#document" === tag || "html" === tag
+        ? (oldInfo.containerTagInScope = null)
+        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
+      return oldInfo;
+    }
+    function isTagValidWithParent(tag, parentTag) {
+      switch (parentTag) {
+        case "select":
           return (
-            error$jscomp$0(
-              "Invalid event handler property `%s`. Did you mean `%s`?",
-              name,
-              eventRegistry
-            ),
-            (warnedProperties[name] = !0)
+            "hr" === tag ||
+            "option" === tag ||
+            "optgroup" === tag ||
+            "#text" === tag
           );
-        if (EVENT_NAME_REGEX.test(name))
+        case "optgroup":
+          return "option" === tag || "#text" === tag;
+        case "option":
+          return "#text" === tag;
+        case "tr":
           return (
-            error$jscomp$0(
-              "Unknown event handler property `%s`. It will be ignored.",
-              name
-            ),
-            (warnedProperties[name] = !0)
+            "th" === tag ||
+            "td" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (EVENT_NAME_REGEX.test(name))
-        return (
-          INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$0(
-              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
-              name
-            ),
-          (warnedProperties[name] = !0)
-        );
-      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
-      if ("innerhtml" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("aria" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (
-        "is" === lowerCasedName &&
-        null !== value &&
-        void 0 !== value &&
-        "string" !== typeof value
-      )
-        return (
-          error$jscomp$0(
-            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
-            typeof value
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("number" === typeof value && isNaN(value))
-        return (
-          error$jscomp$0(
-            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
-            name
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-        if (
-          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
-          lowerCasedName !== name)
-        )
+        case "tbody":
+        case "thead":
+        case "tfoot":
           return (
-            error$jscomp$0(
-              "Invalid DOM property `%s`. Did you mean `%s`?",
-              name,
-              lowerCasedName
-            ),
-            (warnedProperties[name] = !0)
+            "tr" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (name !== lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
-            name,
-            lowerCasedName
-          ),
-          (warnedProperties[name] = !0)
-        );
-      switch (name) {
-        case "dangerouslySetInnerHTML":
-        case "children":
-        case "style":
-        case "suppressContentEditableWarning":
-        case "suppressHydrationWarning":
-        case "defaultValue":
-        case "defaultChecked":
-        case "innerHTML":
-        case "ref":
-          return !0;
-        case "innerText":
-        case "textContent":
-          return !0;
-      }
-      switch (typeof value) {
-        case "boolean":
-          switch (name) {
-            case "autoFocus":
-            case "checked":
-            case "multiple":
-            case "muted":
-            case "selected":
-            case "contentEditable":
-            case "spellCheck":
-            case "draggable":
-            case "value":
-            case "autoReverse":
-            case "externalResourcesRequired":
-            case "focusable":
-            case "preserveAlpha":
-            case "allowFullScreen":
-            case "async":
-            case "autoPlay":
-            case "controls":
-            case "default":
-            case "defer":
-            case "disabled":
-            case "disablePictureInPicture":
-            case "disableRemotePlayback":
-            case "formNoValidate":
-            case "hidden":
-            case "loop":
-            case "noModule":
-            case "noValidate":
-            case "open":
-            case "playsInline":
-            case "readOnly":
-            case "required":
-            case "reversed":
-            case "scoped":
-            case "seamless":
-            case "itemScope":
-            case "capture":
-            case "download":
-            case "inert":
-              return !0;
-            default:
-              lowerCasedName = name.toLowerCase().slice(0, 5);
-              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
-                return !0;
-              value
-                ? error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name
-                  )
-                : error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name,
-                    name,
-                    name
-                  );
-              return (warnedProperties[name] = !0);
-          }
-        case "function":
-        case "symbol":
-          return (warnedProperties[name] = !0), !1;
-        case "string":
-          if ("false" === value || "true" === value) {
-            switch (name) {
-              case "checked":
-              case "selected":
-              case "multiple":
-              case "muted":
-              case "allowFullScreen":
-              case "async":
-              case "autoPlay":
-              case "controls":
-              case "default":
-              case "defer":
-              case "disabled":
-              case "disablePictureInPicture":
-              case "disableRemotePlayback":
-              case "formNoValidate":
-              case "hidden":
-              case "loop":
-              case "noModule":
-              case "noValidate":
-              case "open":
-              case "playsInline":
-              case "readOnly":
-              case "required":
-              case "reversed":
-              case "scoped":
-              case "seamless":
-              case "itemScope":
-              case "inert":
-                break;
-              default:
-                return !0;
-            }
-            error$jscomp$0(
-              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
-              value,
-              name,
-              "false" === value
-                ? "The browser will interpret it as a truthy value."
-                : 'Although this works, it will not work as expected if you pass the string "false".',
-              name,
-              value
-            );
-            warnedProperties[name] = !0;
-          }
-      }
-      return !0;
-    }
-    function warnUnknownProperties(type, props, eventRegistry) {
-      var unknownProps = [],
-        key;
-      for (key in props)
-        validateProperty(type, key, props[key], eventRegistry) ||
-          unknownProps.push(key);
-      props = unknownProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === unknownProps.length
-        ? error$jscomp$0(
-            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          )
-        : 1 < unknownProps.length &&
-          error$jscomp$0(
-            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
+        case "colgroup":
+          return "col" === tag || "template" === tag;
+        case "table":
+          return (
+            "caption" === tag ||
+            "colgroup" === tag ||
+            "tbody" === tag ||
+            "tfoot" === tag ||
+            "thead" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-    }
-    function sanitizeURL(url) {
-      return isJavaScriptProtocol.test("" + url)
-        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
-        : url;
-    }
-    function getEventTarget(nativeEvent) {
-      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-      nativeEvent.correspondingUseElement &&
-        (nativeEvent = nativeEvent.correspondingUseElement);
-      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-    }
-    function restoreStateOfTarget(target) {
-      var internalInstance = getInstanceFromNode(target);
-      if (internalInstance && (target = internalInstance.stateNode)) {
-        var props = target[internalPropsKey] || null;
-        a: switch (
-          ((target = internalInstance.stateNode), internalInstance.type)
-        ) {
-          case "input":
-            updateInput(
-              target,
-              props.value,
-              props.defaultValue,
-              props.defaultValue,
-              props.checked,
-              props.defaultChecked,
-              props.type,
-              props.name
-            );
-            internalInstance = props.name;
-            if ("radio" === props.type && null != internalInstance) {
-              for (props = target; props.parentNode; ) props = props.parentNode;
-              checkAttributeStringCoercion(internalInstance, "name");
-              props = props.querySelectorAll(
-                'input[name="' +
-                  escapeSelectorAttributeValueInsideDoubleQuotes(
-                    "" + internalInstance
-                  ) +
-                  '"][type="radio"]'
-              );
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              ) {
-                var otherNode = props[internalInstance];
-                if (otherNode !== target && otherNode.form === target.form) {
-                  var otherProps = otherNode[internalPropsKey] || null;
-                  if (!otherProps)
-                    throw Error(
-                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
-                    );
-                  updateInput(
-                    otherNode,
-                    otherProps.value,
-                    otherProps.defaultValue,
-                    otherProps.defaultValue,
-                    otherProps.checked,
-                    otherProps.defaultChecked,
-                    otherProps.type,
-                    otherProps.name
-                  );
-                }
-              }
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              )
-                (otherNode = props[internalInstance]),
-                  otherNode.form === target.form &&
-                    updateValueIfChanged(otherNode);
-            }
-            break a;
-          case "textarea":
-            updateTextarea(target, props.value, props.defaultValue);
-            break a;
-          case "select":
-            (internalInstance = props.value),
-              null != internalInstance &&
-                updateOptions(target, !!props.multiple, internalInstance, !1);
-        }
-      }
-    }
-    function batchedUpdates$1(fn, a, b) {
-      if (isInsideEventHandler) return fn(a, b);
-      isInsideEventHandler = !0;
-      try {
-        var JSCompiler_inline_result = fn(a);
-        return JSCompiler_inline_result;
-      } finally {
-        if (
-          ((isInsideEventHandler = !1),
-          null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (flushSyncWork$1(),
-            restoreTarget &&
-              ((a = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(a),
-              fn))
-          )
-            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+        case "head":
+          return (
+            "base" === tag ||
+            "basefont" === tag ||
+            "bgsound" === tag ||
+            "link" === tag ||
+            "meta" === tag ||
+            "title" === tag ||
+            "noscript" === tag ||
+            "noframes" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "html":
+          return "head" === tag || "body" === tag || "frameset" === tag;
+        case "frameset":
+          return "frame" === tag;
+        case "#document":
+          return "html" === tag;
       }
-    }
-    function getListener(inst, registrationName) {
-      var stateNode = inst.stateNode;
-      if (null === stateNode) return null;
-      var props = stateNode[internalPropsKey] || null;
-      if (null === props) return null;
-      stateNode = props[registrationName];
-      a: switch (registrationName) {
-        case "onClick":
-        case "onClickCapture":
-        case "onDoubleClick":
-        case "onDoubleClickCapture":
-        case "onMouseDown":
-        case "onMouseDownCapture":
-        case "onMouseMove":
-        case "onMouseMoveCapture":
-        case "onMouseUp":
-        case "onMouseUpCapture":
-        case "onMouseEnter":
-          (props = !props.disabled) ||
-            ((inst = inst.type),
-            (props = !(
-              "button" === inst ||
-              "input" === inst ||
-              "select" === inst ||
-              "textarea" === inst
-            )));
-          inst = !props;
-          break a;
-        default:
-          inst = !1;
+      switch (tag) {
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return (
+            "h1" !== parentTag &&
+            "h2" !== parentTag &&
+            "h3" !== parentTag &&
+            "h4" !== parentTag &&
+            "h5" !== parentTag &&
+            "h6" !== parentTag
+          );
+        case "rp":
+        case "rt":
+          return -1 === impliedEndTags.indexOf(parentTag);
+        case "body":
+        case "caption":
+        case "col":
+        case "colgroup":
+        case "frameset":
+        case "frame":
+        case "head":
+        case "html":
+        case "tbody":
+        case "td":
+        case "tfoot":
+        case "th":
+        case "thead":
+        case "tr":
+          return null == parentTag;
       }
-      if (inst) return null;
-      if (stateNode && "function" !== typeof stateNode)
-        throw Error(
-          "Expected `" +
-            registrationName +
-            "` listener to be a function, instead got a value of `" +
-            typeof stateNode +
-            "` type."
-        );
-      return stateNode;
-    }
-    function getData() {
-      if (fallbackText) return fallbackText;
-      var start,
-        startValue = startText,
-        startLength = startValue.length,
-        end,
-        endValue = "value" in root ? root.value : root.textContent,
-        endLength = endValue.length;
-      for (
-        start = 0;
-        start < startLength && startValue[start] === endValue[start];
-        start++
-      );
-      var minEnd = startLength - start;
-      for (
-        end = 1;
-        end <= minEnd &&
-        startValue[startLength - end] === endValue[endLength - end];
-        end++
-      );
-      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-    }
-    function getEventCharCode(nativeEvent) {
-      var keyCode = nativeEvent.keyCode;
-      "charCode" in nativeEvent
-        ? ((nativeEvent = nativeEvent.charCode),
-          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
-        : (nativeEvent = keyCode);
-      10 === nativeEvent && (nativeEvent = 13);
-      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
-    }
-    function functionThatReturnsTrue() {
       return !0;
     }
-    function functionThatReturnsFalse() {
-      return !1;
-    }
-    function createSyntheticEvent(Interface) {
-      function SyntheticBaseEvent(
-        reactName,
-        reactEventType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      ) {
-        this._reactName = reactName;
-        this._targetInst = targetInst;
-        this.type = reactEventType;
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEventTarget;
-        this.currentTarget = null;
-        for (var propName in Interface)
-          Interface.hasOwnProperty(propName) &&
-            ((reactName = Interface[propName]),
-            (this[propName] = reactName
-              ? reactName(nativeEvent)
-              : nativeEvent[propName]));
-        this.isDefaultPrevented = (
-          null != nativeEvent.defaultPrevented
-            ? nativeEvent.defaultPrevented
-            : !1 === nativeEvent.returnValue
-        )
-          ? functionThatReturnsTrue
-          : functionThatReturnsFalse;
-        this.isPropagationStopped = functionThatReturnsFalse;
-        return this;
-      }
-      assign(SyntheticBaseEvent.prototype, {
-        preventDefault: function () {
-          this.defaultPrevented = !0;
-          var event = this.nativeEvent;
-          event &&
-            (event.preventDefault
-              ? event.preventDefault()
-              : "unknown" !== typeof event.returnValue &&
-                (event.returnValue = !1),
-            (this.isDefaultPrevented = functionThatReturnsTrue));
-        },
-        stopPropagation: function () {
-          var event = this.nativeEvent;
-          event &&
-            (event.stopPropagation
-              ? event.stopPropagation()
-              : "unknown" !== typeof event.cancelBubble &&
-                (event.cancelBubble = !0),
-            (this.isPropagationStopped = functionThatReturnsTrue));
-        },
-        persist: function () {},
-        isPersistent: functionThatReturnsTrue
-      });
-      return SyntheticBaseEvent;
-    }
-    function modifierStateGetter(keyArg) {
-      var nativeEvent = this.nativeEvent;
-      return nativeEvent.getModifierState
-        ? nativeEvent.getModifierState(keyArg)
-        : (keyArg = modifierKeyToProp[keyArg])
-        ? !!nativeEvent[keyArg]
-        : !1;
-    }
-    function getEventModifierState() {
-      return modifierStateGetter;
+    function findInvalidAncestorForTag(tag, ancestorInfo) {
+      switch (tag) {
+        case "address":
+        case "article":
+        case "aside":
+        case "blockquote":
+        case "center":
+        case "details":
+        case "dialog":
+        case "dir":
+        case "div":
+        case "dl":
+        case "fieldset":
+        case "figcaption":
+        case "figure":
+        case "footer":
+        case "header":
+        case "hgroup":
+        case "main":
+        case "menu":
+        case "nav":
+        case "ol":
+        case "p":
+        case "section":
+        case "summary":
+        case "ul":
+        case "pre":
+        case "listing":
+        case "table":
+        case "hr":
+        case "xmp":
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return ancestorInfo.pTagInButtonScope;
+        case "form":
+          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
+        case "li":
+          return ancestorInfo.listItemTagAutoclosing;
+        case "dd":
+        case "dt":
+          return ancestorInfo.dlItemTagAutoclosing;
+        case "button":
+          return ancestorInfo.buttonTagInScope;
+        case "a":
+          return ancestorInfo.aTagInScope;
+        case "nobr":
+          return ancestorInfo.nobrTagInScope;
+      }
+      return null;
     }
-    function isFallbackCompositionEnd(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "keyup":
-          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
-        case "keydown":
-          return nativeEvent.keyCode !== START_KEYCODE;
-        case "keypress":
-        case "mousedown":
-        case "focusout":
-          return !0;
-        default:
-          return !1;
+    function findAncestor(parent, tagName) {
+      for (; parent; ) {
+        switch (parent.tag) {
+          case 5:
+          case 26:
+          case 27:
+            if (parent.type === tagName) return parent;
+        }
+        parent = parent.return;
       }
+      return null;
     }
-    function getDataFromCustomEvent(nativeEvent) {
-      nativeEvent = nativeEvent.detail;
-      return "object" === typeof nativeEvent && "data" in nativeEvent
-        ? nativeEvent.data
-        : null;
+    function validateDOMNesting(childTag, ancestorInfo) {
+      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
+      var parentInfo = ancestorInfo.current;
+      ancestorInfo = (parentInfo = isTagValidWithParent(
+        childTag,
+        parentInfo && parentInfo.tag
+      )
+        ? null
+        : parentInfo)
+        ? null
+        : findInvalidAncestorForTag(childTag, ancestorInfo);
+      ancestorInfo = parentInfo || ancestorInfo;
+      if (!ancestorInfo) return !0;
+      var ancestorTag = ancestorInfo.tag;
+      ancestorInfo = String(!!parentInfo) + "|" + childTag + "|" + ancestorTag;
+      if (didWarn[ancestorInfo]) return !1;
+      didWarn[ancestorInfo] = !0;
+      var ancestor = (ancestorInfo = current)
+          ? findAncestor(ancestorInfo.return, ancestorTag)
+          : null,
+        ancestorDescription =
+          null !== ancestorInfo && null !== ancestor
+            ? describeAncestors(ancestor, ancestorInfo, null)
+            : "",
+        tagDisplayName = "<" + childTag + ">";
+      parentInfo
+        ? ((parentInfo = ""),
+          "table" === ancestorTag &&
+            "tr" === childTag &&
+            (parentInfo +=
+              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
+          console.error(
+            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            parentInfo,
+            ancestorDescription
+          ))
+        : console.error(
+            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            ancestorDescription
+          );
+      ancestorInfo &&
+        ((childTag = ancestorInfo.return),
+        null === ancestor ||
+          null === childTag ||
+          (ancestor === childTag &&
+            childTag._debugOwner === ancestorInfo._debugOwner) ||
+          runWithFiberInDEV(ancestor, function () {
+            console.error(
+              "<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.",
+              ancestorTag,
+              tagDisplayName
+            );
+          }));
+      return !1;
     }
-    function getNativeBeforeInputChars(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "compositionend":
-          return getDataFromCustomEvent(nativeEvent);
-        case "keypress":
-          if (nativeEvent.which !== SPACEBAR_CODE) return null;
-          hasSpaceKeypress = !0;
-          return SPACEBAR_CHAR;
-        case "textInput":
-          return (
-            (domEventName = nativeEvent.data),
-            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
-              ? null
-              : domEventName
+    function validateTextNesting(childText, parentTag) {
+      if (isTagValidWithParent("#text", parentTag)) return !0;
+      var warnKey = "#text|" + parentTag;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey, parentTag)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(
+              ancestor,
+              warnKey,
+              6 !== warnKey.tag ? { children: null } : null
+            )
+          : "";
+      /\S/.test(childText)
+        ? console.error(
+            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          )
+        : console.error(
+            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
           );
-        default:
-          return null;
+      return !1;
+    }
+    function setTextContent(node, text) {
+      if (text) {
+        var firstChild = node.firstChild;
+        if (
+          firstChild &&
+          firstChild === node.lastChild &&
+          3 === firstChild.nodeType
+        ) {
+          firstChild.nodeValue = text;
+          return;
+        }
       }
+      node.textContent = text;
     }
-    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-      if (isComposing)
-        return "compositionend" === domEventName ||
-          (!canUseCompositionEvent &&
-            isFallbackCompositionEnd(domEventName, nativeEvent))
-          ? ((domEventName = getData()),
-            (fallbackText = startText = root = null),
-            (isComposing = !1),
-            domEventName)
-          : null;
-      switch (domEventName) {
-        case "paste":
-          return null;
-        case "keypress":
-          if (
-            !(
-              nativeEvent.ctrlKey ||
-              nativeEvent.altKey ||
-              nativeEvent.metaKey
-            ) ||
-            (nativeEvent.ctrlKey && nativeEvent.altKey)
-          ) {
-            if (nativeEvent.char && 1 < nativeEvent.char.length)
-              return nativeEvent.char;
-            if (nativeEvent.which)
-              return String.fromCharCode(nativeEvent.which);
-          }
-          return null;
-        case "compositionend":
-          return useFallbackCompositionData && "ko" !== nativeEvent.locale
-            ? null
-            : nativeEvent.data;
+    function camelize(string) {
+      return string.replace(hyphenPattern, function (_, character) {
+        return character.toUpperCase();
+      });
+    }
+    function setValueForStyle(style, styleName, value) {
+      var isCustomProperty = 0 === styleName.indexOf("--");
+      isCustomProperty ||
+        (-1 < styleName.indexOf("-")
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported style property %s. Did you mean %s?",
+              styleName,
+              camelize(styleName.replace(msPattern, "ms-"))
+            ))
+          : badVendoredStyleNamePattern.test(styleName)
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
+              styleName,
+              styleName.charAt(0).toUpperCase() + styleName.slice(1)
+            ))
+          : !badStyleValueWithSemicolonPattern.test(value) ||
+            (warnedStyleValues.hasOwnProperty(value) &&
+              warnedStyleValues[value]) ||
+            ((warnedStyleValues[value] = !0),
+            console.error(
+              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
+              styleName,
+              value.replace(badStyleValueWithSemicolonPattern, "")
+            )),
+        "number" === typeof value &&
+          (isNaN(value)
+            ? warnedForNaNValue ||
+              ((warnedForNaNValue = !0),
+              console.error(
+                "`NaN` is an invalid value for the `%s` css style property.",
+                styleName
+              ))
+            : isFinite(value) ||
+              warnedForInfinityValue ||
+              ((warnedForInfinityValue = !0),
+              console.error(
+                "`Infinity` is an invalid value for the `%s` css style property.",
+                styleName
+              ))));
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? style.setProperty(styleName, "")
+          : "float" === styleName
+          ? (style.cssFloat = "")
+          : (style[styleName] = "")
+        : isCustomProperty
+        ? style.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          unitlessNumbers.has(styleName)
+        ? "float" === styleName
+          ? (style.cssFloat = value)
+          : (checkCSSPropertyStringCoercion(value, styleName),
+            (style[styleName] = ("" + value).trim()))
+        : (style[styleName] = value + "px");
+    }
+    function setValueForStyles(node, styles, prevStyles) {
+      if (null != styles && "object" !== typeof styles)
+        throw Error(
+          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+        );
+      styles && Object.freeze(styles);
+      node = node.style;
+      if (null != prevStyles) {
+        if (styles) {
+          var expandedUpdates = {};
+          if (prevStyles)
+            for (var key in prevStyles)
+              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
+                for (
+                  var longhands = shorthandToLonghand[key] || [key], i = 0;
+                  i < longhands.length;
+                  i++
+                )
+                  expandedUpdates[longhands[i]] = key;
+          for (var _key in styles)
+            if (
+              styles.hasOwnProperty(_key) &&
+              (!prevStyles || prevStyles[_key] !== styles[_key])
+            )
+              for (
+                key = shorthandToLonghand[_key] || [_key], longhands = 0;
+                longhands < key.length;
+                longhands++
+              )
+                expandedUpdates[key[longhands]] = _key;
+          _key = {};
+          for (var key$jscomp$0 in styles)
+            for (
+              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
+                longhands = 0;
+              longhands < key.length;
+              longhands++
+            )
+              _key[key[longhands]] = key$jscomp$0;
+          key$jscomp$0 = {};
+          for (var _key2 in expandedUpdates)
+            if (
+              ((key = expandedUpdates[_key2]),
+              (longhands = _key[_key2]) &&
+                key !== longhands &&
+                ((i = key + "," + longhands), !key$jscomp$0[i]))
+            ) {
+              key$jscomp$0[i] = !0;
+              i = console;
+              var value = styles[key];
+              i.error.call(
+                i,
+                "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
+                null == value || "boolean" === typeof value || "" === value
+                  ? "Removing"
+                  : "Updating",
+                key,
+                longhands
+              );
+            }
+        }
+        for (var styleName in prevStyles)
+          !prevStyles.hasOwnProperty(styleName) ||
+            (null != styles && styles.hasOwnProperty(styleName)) ||
+            (0 === styleName.indexOf("--")
+              ? node.setProperty(styleName, "")
+              : "float" === styleName
+              ? (node.cssFloat = "")
+              : (node[styleName] = ""));
+        for (var _styleName in styles)
+          (_key2 = styles[_styleName]),
+            styles.hasOwnProperty(_styleName) &&
+              prevStyles[_styleName] !== _key2 &&
+              setValueForStyle(node, _styleName, _key2);
+      } else
+        for (expandedUpdates in styles)
+          styles.hasOwnProperty(expandedUpdates) &&
+            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
+    }
+    function isCustomElement(tagName) {
+      if (-1 === tagName.indexOf("-")) return !1;
+      switch (tagName) {
+        case "annotation-xml":
+        case "color-profile":
+        case "font-face":
+        case "font-face-src":
+        case "font-face-uri":
+        case "font-face-format":
+        case "font-face-name":
+        case "missing-glyph":
+          return !1;
         default:
-          return null;
+          return !0;
       }
     }
-    function isTextInputElement(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return "input" === nodeName
-        ? !!supportedInputTypes[elem.type]
-        : "textarea" === nodeName
-        ? !0
-        : !1;
-    }
-    function isEventSupported(eventNameSuffix) {
-      if (!canUseDOM) return !1;
-      eventNameSuffix = "on" + eventNameSuffix;
-      var isSupported = eventNameSuffix in document;
-      isSupported ||
-        ((isSupported = document.createElement("div")),
-        isSupported.setAttribute(eventNameSuffix, "return;"),
-        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
-      return isSupported;
-    }
-    function createAndAccumulateChangeEvent(
-      dispatchQueue,
-      inst,
-      nativeEvent,
-      target
-    ) {
-      restoreTarget
-        ? restoreQueue
-          ? restoreQueue.push(target)
-          : (restoreQueue = [target])
-        : (restoreTarget = target);
-      inst = accumulateTwoPhaseListeners(inst, "onChange");
-      0 < inst.length &&
-        ((nativeEvent = new SyntheticEvent(
-          "onChange",
-          "change",
-          null,
-          nativeEvent,
-          target
-        )),
-        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
-    }
-    function runEventInBatch(dispatchQueue) {
-      processDispatchQueue(dispatchQueue, 0);
-    }
-    function getInstIfValueChanged(targetInst) {
-      var targetNode = getNodeFromInstance(targetInst);
-      if (updateValueIfChanged(targetNode)) return targetInst;
-    }
-    function getTargetInstForChangeEvent(domEventName, targetInst) {
-      if ("change" === domEventName) return targetInst;
-    }
-    function stopWatchingForValueChange() {
-      activeElement$1 &&
-        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
-        (activeElementInst$1 = activeElement$1 = null));
+    function getAttributeAlias(name) {
+      return aliases.get(name) || name;
     }
-    function handlePropertyChange(nativeEvent) {
+    function validateProperty$1(tagName, name) {
       if (
-        "value" === nativeEvent.propertyName &&
-        getInstIfValueChanged(activeElementInst$1)
-      ) {
-        var dispatchQueue = [];
-        createAndAccumulateChangeEvent(
-          dispatchQueue,
-          activeElementInst$1,
-          nativeEvent,
-          getEventTarget(nativeEvent)
-        );
-        batchedUpdates$1(runEventInBatch, dispatchQueue);
+        hasOwnProperty.call(warnedProperties$1, name) &&
+        warnedProperties$1[name]
+      )
+        return !0;
+      if (rARIACamel$1.test(name)) {
+        tagName = "aria-" + name.slice(4).toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
+              name
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+        if (name !== tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
+              name,
+              tagName
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+      }
+      if (rARIA$1.test(name)) {
+        tagName = name.toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
+        name !== tagName &&
+          (console.error(
+            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
+            name,
+            tagName
+          ),
+          (warnedProperties$1[name] = !0));
       }
+      return !0;
     }
-    function handleEventsForInputEventPolyfill(
-      domEventName,
-      target,
-      targetInst
-    ) {
-      "focusin" === domEventName
-        ? (stopWatchingForValueChange(),
-          (activeElement$1 = target),
-          (activeElementInst$1 = targetInst),
-          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
-        : "focusout" === domEventName && stopWatchingForValueChange();
+    function validateProperties$2(type, props) {
+      var invalidProps = [],
+        key;
+      for (key in props)
+        validateProperty$1(type, key) || invalidProps.push(key);
+      props = invalidProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === invalidProps.length
+        ? console.error(
+            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          )
+        : 1 < invalidProps.length &&
+          console.error(
+            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          );
     }
-    function getTargetInstForInputEventPolyfill(domEventName) {
+    function validateProperty(tagName, name, value, eventRegistry) {
+      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
+        return !0;
+      var lowerCasedName = name.toLowerCase();
+      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+        return (
+          console.error(
+            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
+          ),
+          (warnedProperties[name] = !0)
+        );
       if (
-        "selectionchange" === domEventName ||
-        "keyup" === domEventName ||
-        "keydown" === domEventName
+        "function" === typeof value &&
+        (("form" === tagName && "action" === name) ||
+          ("input" === tagName && "formAction" === name) ||
+          ("button" === tagName && "formAction" === name))
       )
-        return getInstIfValueChanged(activeElementInst$1);
-    }
-    function getTargetInstForClickEvent(domEventName, targetInst) {
-      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
-    }
-    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
-      if ("input" === domEventName || "change" === domEventName)
-        return getInstIfValueChanged(targetInst);
-    }
-    function is(x, y) {
-      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-    }
-    function shallowEqual(objA, objB) {
-      if (objectIs(objA, objB)) return !0;
+        return !0;
+      if (null != eventRegistry) {
+        tagName = eventRegistry.possibleRegistrationNames;
+        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
+          return !0;
+        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
+          ? tagName[lowerCasedName]
+          : null;
+        if (null != eventRegistry)
+          return (
+            console.error(
+              "Invalid event handler property `%s`. Did you mean `%s`?",
+              name,
+              eventRegistry
+            ),
+            (warnedProperties[name] = !0)
+          );
+        if (EVENT_NAME_REGEX.test(name))
+          return (
+            console.error(
+              "Unknown event handler property `%s`. It will be ignored.",
+              name
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (EVENT_NAME_REGEX.test(name))
+        return (
+          INVALID_EVENT_NAME_REGEX.test(name) &&
+            console.error(
+              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
+              name
+            ),
+          (warnedProperties[name] = !0)
+        );
+      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
+      if ("innerhtml" === lowerCasedName)
+        return (
+          console.error(
+            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("aria" === lowerCasedName)
+        return (
+          console.error(
+            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
+          ),
+          (warnedProperties[name] = !0)
+        );
       if (
-        "object" !== typeof objA ||
-        null === objA ||
-        "object" !== typeof objB ||
-        null === objB
+        "is" === lowerCasedName &&
+        null !== value &&
+        void 0 !== value &&
+        "string" !== typeof value
       )
-        return !1;
-      var keysA = Object.keys(objA),
-        keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) return !1;
-      for (keysB = 0; keysB < keysA.length; keysB++) {
-        var currentKey = keysA[keysB];
+        return (
+          console.error(
+            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
+            typeof value
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("number" === typeof value && isNaN(value))
+        return (
+          console.error(
+            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
+            name
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
         if (
-          !hasOwnProperty.call(objB, currentKey) ||
-          !objectIs(objA[currentKey], objB[currentKey])
+          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
+          lowerCasedName !== name)
         )
-          return !1;
+          return (
+            console.error(
+              "Invalid DOM property `%s`. Did you mean `%s`?",
+              name,
+              lowerCasedName
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (name !== lowerCasedName)
+        return (
+          console.error(
+            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
+            name,
+            lowerCasedName
+          ),
+          (warnedProperties[name] = !0)
+        );
+      switch (name) {
+        case "dangerouslySetInnerHTML":
+        case "children":
+        case "style":
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+        case "ref":
+          return !0;
+        case "innerText":
+        case "textContent":
+          return !0;
       }
-      return !0;
-    }
-    function getLeafNode(node) {
-      for (; node && node.firstChild; ) node = node.firstChild;
-      return node;
-    }
-    function getNodeForCharacterOffset(root, offset) {
-      var node = getLeafNode(root);
-      root = 0;
-      for (var nodeEnd; node; ) {
-        if (3 === node.nodeType) {
-          nodeEnd = root + node.textContent.length;
-          if (root <= offset && nodeEnd >= offset)
-            return { node: node, offset: offset - root };
-          root = nodeEnd;
-        }
-        a: {
-          for (; node; ) {
-            if (node.nextSibling) {
-              node = node.nextSibling;
-              break a;
-            }
-            node = node.parentNode;
+      switch (typeof value) {
+        case "boolean":
+          switch (name) {
+            case "autoFocus":
+            case "checked":
+            case "multiple":
+            case "muted":
+            case "selected":
+            case "contentEditable":
+            case "spellCheck":
+            case "draggable":
+            case "value":
+            case "autoReverse":
+            case "externalResourcesRequired":
+            case "focusable":
+            case "preserveAlpha":
+            case "allowFullScreen":
+            case "async":
+            case "autoPlay":
+            case "controls":
+            case "default":
+            case "defer":
+            case "disabled":
+            case "disablePictureInPicture":
+            case "disableRemotePlayback":
+            case "formNoValidate":
+            case "hidden":
+            case "loop":
+            case "noModule":
+            case "noValidate":
+            case "open":
+            case "playsInline":
+            case "readOnly":
+            case "required":
+            case "reversed":
+            case "scoped":
+            case "seamless":
+            case "itemScope":
+            case "capture":
+            case "download":
+            case "inert":
+              return !0;
+            default:
+              lowerCasedName = name.toLowerCase().slice(0, 5);
+              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
+                return !0;
+              value
+                ? console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name
+                  )
+                : console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name,
+                    name,
+                    name
+                  );
+              return (warnedProperties[name] = !0);
           }
-          node = void 0;
-        }
-        node = getLeafNode(node);
-      }
-    }
-    function containsNode(outerNode, innerNode) {
-      return outerNode && innerNode
-        ? outerNode === innerNode
-          ? !0
-          : outerNode && 3 === outerNode.nodeType
-          ? !1
-          : innerNode && 3 === innerNode.nodeType
-          ? containsNode(outerNode, innerNode.parentNode)
-          : "contains" in outerNode
-          ? outerNode.contains(innerNode)
-          : outerNode.compareDocumentPosition
-          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
-          : !1
-        : !1;
-    }
-    function getActiveElementDeep() {
-      for (
-        var win = window, element = getActiveElement();
-        element instanceof win.HTMLIFrameElement;
-
-      ) {
-        try {
-          var JSCompiler_inline_result =
-            "string" === typeof element.contentWindow.location.href;
-        } catch (err) {
-          JSCompiler_inline_result = !1;
-        }
-        if (JSCompiler_inline_result) win = element.contentWindow;
-        else break;
-        element = getActiveElement(win.document);
-      }
-      return element;
-    }
-    function hasSelectionCapabilities(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return (
-        nodeName &&
-        (("input" === nodeName &&
-          ("text" === elem.type ||
-            "search" === elem.type ||
-            "tel" === elem.type ||
-            "url" === elem.type ||
-            "password" === elem.type)) ||
-          "textarea" === nodeName ||
-          "true" === elem.contentEditable)
-      );
-    }
-    function restoreSelection(priorSelectionInformation) {
-      var curFocusedElem = getActiveElementDeep(),
-        priorFocusedElem = priorSelectionInformation.focusedElem,
-        priorSelectionRange = priorSelectionInformation.selectionRange;
-      if (
-        curFocusedElem !== priorFocusedElem &&
-        priorFocusedElem &&
-        priorFocusedElem.ownerDocument &&
-        containsNode(
-          priorFocusedElem.ownerDocument.documentElement,
-          priorFocusedElem
-        )
-      ) {
-        if (
-          null !== priorSelectionRange &&
-          hasSelectionCapabilities(priorFocusedElem)
-        )
-          if (
-            ((curFocusedElem = priorSelectionRange.start),
-            (priorSelectionInformation = priorSelectionRange.end),
-            void 0 === priorSelectionInformation &&
-              (priorSelectionInformation = curFocusedElem),
-            "selectionStart" in priorFocusedElem)
-          )
-            (priorFocusedElem.selectionStart = curFocusedElem),
-              (priorFocusedElem.selectionEnd = Math.min(
-                priorSelectionInformation,
-                priorFocusedElem.value.length
-              ));
-          else if (
-            ((priorSelectionInformation =
-              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
-                curFocusedElem.defaultView) ||
-              window),
-            priorSelectionInformation.getSelection)
-          ) {
-            priorSelectionInformation =
-              priorSelectionInformation.getSelection();
-            var length = priorFocusedElem.textContent.length,
-              start = Math.min(priorSelectionRange.start, length);
-            priorSelectionRange =
-              void 0 === priorSelectionRange.end
-                ? start
-                : Math.min(priorSelectionRange.end, length);
-            !priorSelectionInformation.extend &&
-              start > priorSelectionRange &&
-              ((length = priorSelectionRange),
-              (priorSelectionRange = start),
-              (start = length));
-            length = getNodeForCharacterOffset(priorFocusedElem, start);
-            var endMarker = getNodeForCharacterOffset(
-              priorFocusedElem,
-              priorSelectionRange
+        case "function":
+        case "symbol":
+          return (warnedProperties[name] = !0), !1;
+        case "string":
+          if ("false" === value || "true" === value) {
+            switch (name) {
+              case "checked":
+              case "selected":
+              case "multiple":
+              case "muted":
+              case "allowFullScreen":
+              case "async":
+              case "autoPlay":
+              case "controls":
+              case "default":
+              case "defer":
+              case "disabled":
+              case "disablePictureInPicture":
+              case "disableRemotePlayback":
+              case "formNoValidate":
+              case "hidden":
+              case "loop":
+              case "noModule":
+              case "noValidate":
+              case "open":
+              case "playsInline":
+              case "readOnly":
+              case "required":
+              case "reversed":
+              case "scoped":
+              case "seamless":
+              case "itemScope":
+              case "inert":
+                break;
+              default:
+                return !0;
+            }
+            console.error(
+              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
+              value,
+              name,
+              "false" === value
+                ? "The browser will interpret it as a truthy value."
+                : 'Although this works, it will not work as expected if you pass the string "false".',
+              name,
+              value
             );
-            length &&
-              endMarker &&
-              (1 !== priorSelectionInformation.rangeCount ||
-                priorSelectionInformation.anchorNode !== length.node ||
-                priorSelectionInformation.anchorOffset !== length.offset ||
-                priorSelectionInformation.focusNode !== endMarker.node ||
-                priorSelectionInformation.focusOffset !== endMarker.offset) &&
-              ((curFocusedElem = curFocusedElem.createRange()),
-              curFocusedElem.setStart(length.node, length.offset),
-              priorSelectionInformation.removeAllRanges(),
-              start > priorSelectionRange
-                ? (priorSelectionInformation.addRange(curFocusedElem),
-                  priorSelectionInformation.extend(
-                    endMarker.node,
-                    endMarker.offset
-                  ))
-                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
-                  priorSelectionInformation.addRange(curFocusedElem)));
+            warnedProperties[name] = !0;
           }
-        curFocusedElem = [];
-        for (
-          priorSelectionInformation = priorFocusedElem;
-          (priorSelectionInformation = priorSelectionInformation.parentNode);
-
-        )
-          1 === priorSelectionInformation.nodeType &&
-            curFocusedElem.push({
-              element: priorSelectionInformation,
-              left: priorSelectionInformation.scrollLeft,
-              top: priorSelectionInformation.scrollTop
-            });
-        "function" === typeof priorFocusedElem.focus &&
-          priorFocusedElem.focus();
-        for (
-          priorFocusedElem = 0;
-          priorFocusedElem < curFocusedElem.length;
-          priorFocusedElem++
-        )
-          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
-            (priorSelectionInformation.element.scrollLeft =
-              priorSelectionInformation.left),
-            (priorSelectionInformation.element.scrollTop =
-              priorSelectionInformation.top);
       }
+      return !0;
     }
-    function constructSelectEvent(
-      dispatchQueue,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      var doc =
-        nativeEventTarget.window === nativeEventTarget
-          ? nativeEventTarget.document
-          : 9 === nativeEventTarget.nodeType
-          ? nativeEventTarget
-          : nativeEventTarget.ownerDocument;
-      mouseDown ||
-        null == activeElement ||
-        activeElement !== getActiveElement(doc) ||
-        ((doc = activeElement),
-        "selectionStart" in doc && hasSelectionCapabilities(doc)
-          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
-          : ((doc = (
-              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
-              window
-            ).getSelection()),
-            (doc = {
-              anchorNode: doc.anchorNode,
-              anchorOffset: doc.anchorOffset,
-              focusNode: doc.focusNode,
-              focusOffset: doc.focusOffset
-            })),
-        (lastSelection && shallowEqual(lastSelection, doc)) ||
-          ((lastSelection = doc),
-          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
-          0 < doc.length &&
-            ((nativeEvent = new SyntheticEvent(
-              "onSelect",
-              "select",
-              null,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
-            (nativeEvent.target = activeElement))));
-    }
-    function makePrefixMap(styleProp, eventName) {
-      var prefixes = {};
-      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-      prefixes["Webkit" + styleProp] = "webkit" + eventName;
-      prefixes["Moz" + styleProp] = "moz" + eventName;
-      return prefixes;
+    function warnUnknownProperties(type, props, eventRegistry) {
+      var unknownProps = [],
+        key;
+      for (key in props)
+        validateProperty(type, key, props[key], eventRegistry) ||
+          unknownProps.push(key);
+      props = unknownProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === unknownProps.length
+        ? console.error(
+            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          )
+        : 1 < unknownProps.length &&
+          console.error(
+            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          );
     }
-    function getVendorPrefixedEventName(eventName) {
-      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-      if (!vendorPrefixes[eventName]) return eventName;
-      var prefixMap = vendorPrefixes[eventName],
-        styleProp;
-      for (styleProp in prefixMap)
-        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
-      return eventName;
+    function sanitizeURL(url) {
+      return isJavaScriptProtocol.test("" + url)
+        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
+        : url;
     }
-    function registerSimpleEvent(domEventName, reactName) {
-      topLevelEventsToReactNames.set(domEventName, reactName);
-      registerTwoPhaseEvent(reactName, [domEventName]);
+    function getEventTarget(nativeEvent) {
+      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+      nativeEvent.correspondingUseElement &&
+        (nativeEvent = nativeEvent.correspondingUseElement);
+      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
     }
-    function finishQueueingConcurrentUpdates() {
-      for (
-        var endIndex = concurrentQueuesIndex,
-          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-        i < endIndex;
-
-      ) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        if (null !== queue && null !== update) {
-          var pending = queue.pending;
-          null === pending
-            ? (update.next = update)
-            : ((update.next = pending.next), (pending.next = update));
-          queue.pending = update;
+    function restoreStateOfTarget(target) {
+      var internalInstance = getInstanceFromNode(target);
+      if (internalInstance && (target = internalInstance.stateNode)) {
+        var props = target[internalPropsKey] || null;
+        a: switch (
+          ((target = internalInstance.stateNode), internalInstance.type)
+        ) {
+          case "input":
+            updateInput(
+              target,
+              props.value,
+              props.defaultValue,
+              props.defaultValue,
+              props.checked,
+              props.defaultChecked,
+              props.type,
+              props.name
+            );
+            internalInstance = props.name;
+            if ("radio" === props.type && null != internalInstance) {
+              for (props = target; props.parentNode; ) props = props.parentNode;
+              checkAttributeStringCoercion(internalInstance, "name");
+              props = props.querySelectorAll(
+                'input[name="' +
+                  escapeSelectorAttributeValueInsideDoubleQuotes(
+                    "" + internalInstance
+                  ) +
+                  '"][type="radio"]'
+              );
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              ) {
+                var otherNode = props[internalInstance];
+                if (otherNode !== target && otherNode.form === target.form) {
+                  var otherProps = otherNode[internalPropsKey] || null;
+                  if (!otherProps)
+                    throw Error(
+                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
+                    );
+                  updateInput(
+                    otherNode,
+                    otherProps.value,
+                    otherProps.defaultValue,
+                    otherProps.defaultValue,
+                    otherProps.checked,
+                    otherProps.defaultChecked,
+                    otherProps.type,
+                    otherProps.name
+                  );
+                }
+              }
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              )
+                (otherNode = props[internalInstance]),
+                  otherNode.form === target.form &&
+                    updateValueIfChanged(otherNode);
+            }
+            break a;
+          case "textarea":
+            updateTextarea(target, props.value, props.defaultValue);
+            break a;
+          case "select":
+            (internalInstance = props.value),
+              null != internalInstance &&
+                updateOptions(target, !!props.multiple, internalInstance, !1);
         }
-        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes |= lane;
-      fiber.lanes |= lane;
-      fiber = fiber.alternate;
-      null !== fiber && (fiber.lanes |= lane);
-    }
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      enqueueUpdate$1(fiber, queue, update, lane);
-      return getRootForUpdatedFiber(fiber);
+    function batchedUpdates$1(fn, a, b) {
+      if (isInsideEventHandler) return fn(a, b);
+      isInsideEventHandler = !0;
+      try {
+        var JSCompiler_inline_result = fn(a);
+        return JSCompiler_inline_result;
+      } finally {
+        if (
+          ((isInsideEventHandler = !1),
+          null !== restoreTarget || null !== restoreQueue)
+        )
+          if (
+            (flushSyncWork$1(),
+            restoreTarget &&
+              ((a = restoreTarget),
+              (fn = restoreQueue),
+              (restoreQueue = restoreTarget = null),
+              restoreStateOfTarget(a),
+              fn))
+          )
+            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+      }
     }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
+      if (null === stateNode) return null;
+      var props = stateNode[internalPropsKey] || null;
+      if (null === props) return null;
+      stateNode = props[registrationName];
+      a: switch (registrationName) {
+        case "onClick":
+        case "onClickCapture":
+        case "onDoubleClick":
+        case "onDoubleClickCapture":
+        case "onMouseDown":
+        case "onMouseDownCapture":
+        case "onMouseMove":
+        case "onMouseMoveCapture":
+        case "onMouseUp":
+        case "onMouseUpCapture":
+        case "onMouseEnter":
+          (props = !props.disabled) ||
+            ((inst = inst.type),
+            (props = !(
+              "button" === inst ||
+              "input" === inst ||
+              "select" === inst ||
+              "textarea" === inst
+            )));
+          inst = !props;
+          break a;
+        default:
+          inst = !1;
+      }
+      if (inst) return null;
+      if (stateNode && "function" !== typeof stateNode)
+        throw Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof stateNode +
+            "` type."
+        );
+      return stateNode;
     }
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      sourceFiber.lanes |= lane;
-      var alternate = sourceFiber.alternate;
-      null !== alternate && (alternate.lanes |= lane);
-      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-        (parent.childLanes |= lane),
-          (alternate = parent.alternate),
-          null !== alternate && (alternate.childLanes |= lane),
-          22 === parent.tag &&
-            ((sourceFiber = parent.stateNode),
-            null === sourceFiber ||
-              sourceFiber._visibility & OffscreenVisible ||
-              (isHidden = !0)),
-          (sourceFiber = parent),
-          (parent = parent.return);
-      isHidden &&
-        null !== update &&
-        3 === sourceFiber.tag &&
-        ((parent = sourceFiber.stateNode),
-        (isHidden = 31 - clz32(lane)),
-        (parent = parent.hiddenUpdates),
-        (sourceFiber = parent[isHidden]),
-        null === sourceFiber
-          ? (parent[isHidden] = [update])
-          : sourceFiber.push(update),
-        (update.lane = lane | OffscreenLane));
+    function getData() {
+      if (fallbackText) return fallbackText;
+      var start,
+        startValue = startText,
+        startLength = startValue.length,
+        end,
+        endValue = "value" in root ? root.value : root.textContent,
+        endLength = endValue.length;
+      for (
+        start = 0;
+        start < startLength && startValue[start] === endValue[start];
+        start++
+      );
+      var minEnd = startLength - start;
+      for (
+        end = 1;
+        end <= minEnd &&
+        startValue[startLength - end] === endValue[endLength - end];
+        end++
+      );
+      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function getRootForUpdatedFiber(sourceFiber) {
-      throwIfInfiniteUpdateLoopDetected();
-      null === sourceFiber.alternate &&
-        0 !== (sourceFiber.flags & 4098) &&
-        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-      for (var node = sourceFiber, parent = node.return; null !== parent; )
-        null === node.alternate &&
-          0 !== (node.flags & 4098) &&
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
-          (node = parent),
-          (parent = node.return);
-      return 3 === node.tag ? node.stateNode : null;
+    function getEventCharCode(nativeEvent) {
+      var keyCode = nativeEvent.keyCode;
+      "charCode" in nativeEvent
+        ? ((nativeEvent = nativeEvent.charCode),
+          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
+        : (nativeEvent = keyCode);
+      10 === nativeEvent && (nativeEvent = 13);
+      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
     }
-    function resolveFunctionForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family ? type : family.current;
+    function functionThatReturnsTrue() {
+      return !0;
     }
-    function resolveForwardRefForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family
-        ? null !== type &&
-          void 0 !== type &&
-          "function" === typeof type.render &&
-          ((family = resolveFunctionForHotReloading(type.render)),
-          type.render !== family)
-          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
-            void 0 !== type.displayName &&
-              (family.displayName = type.displayName),
-            family)
-          : type
-        : family.current;
+    function functionThatReturnsFalse() {
+      return !1;
     }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      if (null === resolveFamily) return !1;
-      var prevType = fiber.elementType;
-      element = element.type;
-      var needsCompareFamilies = !1,
-        $$typeofNextType =
-          "object" === typeof element && null !== element
-            ? element.$$typeof
-            : null;
-      switch (fiber.tag) {
-        case 1:
-          "function" === typeof element && (needsCompareFamilies = !0);
-          break;
-        case 0:
-          "function" === typeof element
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 11:
-          $$typeofNextType === REACT_FORWARD_REF_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 14:
-        case 15:
-          $$typeofNextType === REACT_MEMO_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
+    function createSyntheticEvent(Interface) {
+      function SyntheticBaseEvent(
+        reactName,
+        reactEventType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        this._reactName = reactName;
+        this._targetInst = targetInst;
+        this.type = reactEventType;
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEventTarget;
+        this.currentTarget = null;
+        for (var propName in Interface)
+          Interface.hasOwnProperty(propName) &&
+            ((reactName = Interface[propName]),
+            (this[propName] = reactName
+              ? reactName(nativeEvent)
+              : nativeEvent[propName]));
+        this.isDefaultPrevented = (
+          null != nativeEvent.defaultPrevented
+            ? nativeEvent.defaultPrevented
+            : !1 === nativeEvent.returnValue
+        )
+          ? functionThatReturnsTrue
+          : functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        return this;
+      }
+      assign(SyntheticBaseEvent.prototype, {
+        preventDefault: function () {
+          this.defaultPrevented = !0;
+          var event = this.nativeEvent;
+          event &&
+            (event.preventDefault
+              ? event.preventDefault()
+              : "unknown" !== typeof event.returnValue &&
+                (event.returnValue = !1),
+            (this.isDefaultPrevented = functionThatReturnsTrue));
+        },
+        stopPropagation: function () {
+          var event = this.nativeEvent;
+          event &&
+            (event.stopPropagation
+              ? event.stopPropagation()
+              : "unknown" !== typeof event.cancelBubble &&
+                (event.cancelBubble = !0),
+            (this.isPropagationStopped = functionThatReturnsTrue));
+        },
+        persist: function () {},
+        isPersistent: functionThatReturnsTrue
+      });
+      return SyntheticBaseEvent;
+    }
+    function modifierStateGetter(keyArg) {
+      var nativeEvent = this.nativeEvent;
+      return nativeEvent.getModifierState
+        ? nativeEvent.getModifierState(keyArg)
+        : (keyArg = modifierKeyToProp[keyArg])
+        ? !!nativeEvent[keyArg]
+        : !1;
+    }
+    function getEventModifierState() {
+      return modifierStateGetter;
+    }
+    function isFallbackCompositionEnd(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "keyup":
+          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
+        case "keydown":
+          return nativeEvent.keyCode !== START_KEYCODE;
+        case "keypress":
+        case "mousedown":
+        case "focusout":
+          return !0;
         default:
           return !1;
       }
-      return needsCompareFamilies &&
-        ((fiber = resolveFamily(prevType)),
-        void 0 !== fiber && fiber === resolveFamily(element))
-        ? !0
-        : !1;
     }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      null !== resolveFamily &&
-        "function" === typeof WeakSet &&
-        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
-        failedBoundaries.add(fiber));
+    function getDataFromCustomEvent(nativeEvent) {
+      nativeEvent = nativeEvent.detail;
+      return "object" === typeof nativeEvent && "data" in nativeEvent
+        ? nativeEvent.data
+        : null;
     }
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
-    ) {
-      var alternate = fiber.alternate,
-        child = fiber.child,
-        sibling = fiber.sibling,
-        tag = fiber.tag,
-        type = fiber.type,
-        candidateType = null;
-      switch (tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
+    function getNativeBeforeInputChars(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "compositionend":
+          return getDataFromCustomEvent(nativeEvent);
+        case "keypress":
+          if (nativeEvent.which !== SPACEBAR_CODE) return null;
+          hasSpaceKeypress = !0;
+          return SPACEBAR_CHAR;
+        case "textInput":
+          return (
+            (domEventName = nativeEvent.data),
+            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
+              ? null
+              : domEventName
+          );
+        default:
+          return null;
       }
-      if (null === resolveFamily)
-        throw Error("Expected resolveFamily to be set during hot reload.");
-      var needsRender = !1;
-      type = !1;
-      null !== candidateType &&
-        ((candidateType = resolveFamily(candidateType)),
-        void 0 !== candidateType &&
-          (staleFamilies.has(candidateType)
-            ? (type = !0)
-            : updatedFamilies.has(candidateType) &&
-              (1 === tag ? (type = !0) : (needsRender = !0))));
-      null !== failedBoundaries &&
-        (failedBoundaries.has(fiber) ||
-          (null !== alternate && failedBoundaries.has(alternate))) &&
-        (type = !0);
-      type && (fiber._debugNeedsRemount = !0);
-      if (type || needsRender)
-        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
-          null !== alternate &&
-            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
-      null === child ||
-        type ||
-        scheduleFibersWithFamiliesRecursively(
-          child,
-          updatedFamilies,
-          staleFamilies
-        );
-      null !== sibling &&
-        scheduleFibersWithFamiliesRecursively(
-          sibling,
-          updatedFamilies,
-          staleFamilies
-        );
     }
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      var child = fiber.child,
-        sibling = fiber.sibling,
-        type = fiber.type,
-        candidateType = null;
-      switch (fiber.tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      type = !1;
-      null !== candidateType && types.has(candidateType) && (type = !0);
-      if (type)
-        a: {
-          b: for (child = fiber, candidateType = !1; ; ) {
-            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
-              (candidateType = !0), hostInstances.add(child.stateNode);
-            else if (null !== child.child) {
-              child.child.return = child;
-              child = child.child;
-              continue;
-            }
-            if (child === fiber) {
-              child = candidateType;
-              break b;
-            }
-            for (; null === child.sibling; ) {
-              if (null === child.return || child.return === fiber) {
-                child = candidateType;
-                break b;
-              }
-              child = child.return;
-            }
-            child.sibling.return = child.return;
-            child = child.sibling;
+    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
+      if (isComposing)
+        return "compositionend" === domEventName ||
+          (!canUseCompositionEvent &&
+            isFallbackCompositionEnd(domEventName, nativeEvent))
+          ? ((domEventName = getData()),
+            (fallbackText = startText = root = null),
+            (isComposing = !1),
+            domEventName)
+          : null;
+      switch (domEventName) {
+        case "paste":
+          return null;
+        case "keypress":
+          if (
+            !(
+              nativeEvent.ctrlKey ||
+              nativeEvent.altKey ||
+              nativeEvent.metaKey
+            ) ||
+            (nativeEvent.ctrlKey && nativeEvent.altKey)
+          ) {
+            if (nativeEvent.char && 1 < nativeEvent.char.length)
+              return nativeEvent.char;
+            if (nativeEvent.which)
+              return String.fromCharCode(nativeEvent.which);
           }
-          if (!child)
-            for (;;) {
-              switch (fiber.tag) {
-                case 27:
-                case 5:
-                  hostInstances.add(fiber.stateNode);
-                  break a;
-                case 4:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-                case 3:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-              }
-              if (null === fiber.return)
-                throw Error("Expected to reach root first.");
-              fiber = fiber.return;
-            }
-        }
-      else
-        null !== child &&
-          findHostInstancesForMatchingFibersRecursively(
-            child,
-            types,
-            hostInstances
-          );
-      null !== sibling &&
-        findHostInstancesForMatchingFibersRecursively(
-          sibling,
-          types,
-          hostInstances
-        );
+          return null;
+        case "compositionend":
+          return useFallbackCompositionData && "ko" !== nativeEvent.locale
+            ? null
+            : nativeEvent.data;
+        default:
+          return null;
+      }
     }
-    function createCapturedValueAtFiber(value, source) {
-      if ("object" === typeof value && null !== value) {
-        var stack = CapturedStacks.get(value);
-        "string" !== typeof stack &&
-          ((stack = getStackByFiberInDevAndProd(source)),
-          CapturedStacks.set(value, stack));
-      } else stack = getStackByFiberInDevAndProd(source);
-      return { value: value, source: source, stack: stack };
+    function isTextInputElement(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return "input" === nodeName
+        ? !!supportedInputTypes[elem.type]
+        : "textarea" === nodeName
+        ? !0
+        : !1;
+    }
+    function isEventSupported(eventNameSuffix) {
+      if (!canUseDOM) return !1;
+      eventNameSuffix = "on" + eventNameSuffix;
+      var isSupported = eventNameSuffix in document;
+      isSupported ||
+        ((isSupported = document.createElement("div")),
+        isSupported.setAttribute(eventNameSuffix, "return;"),
+        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
+      return isSupported;
+    }
+    function createAndAccumulateChangeEvent(
+      dispatchQueue,
+      inst,
+      nativeEvent,
+      target
+    ) {
+      restoreTarget
+        ? restoreQueue
+          ? restoreQueue.push(target)
+          : (restoreQueue = [target])
+        : (restoreTarget = target);
+      inst = accumulateTwoPhaseListeners(inst, "onChange");
+      0 < inst.length &&
+        ((nativeEvent = new SyntheticEvent(
+          "onChange",
+          "change",
+          null,
+          nativeEvent,
+          target
+        )),
+        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
     }
-    function pushTreeFork(workInProgress, totalChildren) {
-      warnIfNotHydrating();
-      forkStack[forkStackIndex++] = treeForkCount;
-      forkStack[forkStackIndex++] = treeForkProvider;
-      treeForkProvider = workInProgress;
-      treeForkCount = totalChildren;
+    function runEventInBatch(dispatchQueue) {
+      processDispatchQueue(dispatchQueue, 0);
     }
-    function pushTreeId(workInProgress, totalChildren, index) {
-      warnIfNotHydrating();
-      idStack[idStackIndex++] = treeContextId;
-      idStack[idStackIndex++] = treeContextOverflow;
-      idStack[idStackIndex++] = treeContextProvider;
-      treeContextProvider = workInProgress;
-      var baseIdWithLeadingBit = treeContextId;
-      workInProgress = treeContextOverflow;
-      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
-      baseIdWithLeadingBit &= ~(1 << baseLength);
-      index += 1;
-      var length = 32 - clz32(totalChildren) + baseLength;
-      if (30 < length) {
-        var numberOfOverflowBits = baseLength - (baseLength % 5);
-        length = (
-          baseIdWithLeadingBit &
-          ((1 << numberOfOverflowBits) - 1)
-        ).toString(32);
-        baseIdWithLeadingBit >>= numberOfOverflowBits;
-        baseLength -= numberOfOverflowBits;
-        treeContextId =
-          (1 << (32 - clz32(totalChildren) + baseLength)) |
-          (index << baseLength) |
-          baseIdWithLeadingBit;
-        treeContextOverflow = length + workInProgress;
-      } else
-        (treeContextId =
-          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
-          (treeContextOverflow = workInProgress);
+    function getInstIfValueChanged(targetInst) {
+      var targetNode = getNodeFromInstance(targetInst);
+      if (updateValueIfChanged(targetNode)) return targetInst;
     }
-    function pushMaterializedTreeId(workInProgress) {
-      warnIfNotHydrating();
-      null !== workInProgress.return &&
-        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    function getTargetInstForChangeEvent(domEventName, targetInst) {
+      if ("change" === domEventName) return targetInst;
     }
-    function popTreeContext(workInProgress) {
-      for (; workInProgress === treeForkProvider; )
-        (treeForkProvider = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null),
-          (treeForkCount = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null);
-      for (; workInProgress === treeContextProvider; )
-        (treeContextProvider = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextOverflow = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextId = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null);
+    function stopWatchingForValueChange() {
+      activeElement$1 &&
+        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
+        (activeElementInst$1 = activeElement$1 = null));
     }
-    function warnIfNotHydrating() {
-      isHydrating ||
-        error$jscomp$0(
-          "Expected to be hydrating. This is a bug in React. Please file an issue."
+    function handlePropertyChange(nativeEvent) {
+      if (
+        "value" === nativeEvent.propertyName &&
+        getInstIfValueChanged(activeElementInst$1)
+      ) {
+        var dispatchQueue = [];
+        createAndAccumulateChangeEvent(
+          dispatchQueue,
+          activeElementInst$1,
+          nativeEvent,
+          getEventTarget(nativeEvent)
         );
+        batchedUpdates$1(runEventInBatch, dispatchQueue);
+      }
     }
-    function findNotableNode(node, indent) {
-      return void 0 === node.serverProps &&
-        0 === node.serverTail.length &&
-        1 === node.children.length &&
-        3 < node.distanceFromLeaf &&
-        node.distanceFromLeaf > idealDepth - indent
-        ? findNotableNode(node.children[0], indent)
-        : node;
+    function handleEventsForInputEventPolyfill(
+      domEventName,
+      target,
+      targetInst
+    ) {
+      "focusin" === domEventName
+        ? (stopWatchingForValueChange(),
+          (activeElement$1 = target),
+          (activeElementInst$1 = targetInst),
+          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
+        : "focusout" === domEventName && stopWatchingForValueChange();
     }
-    function indentation(indent) {
-      return "  " + "  ".repeat(indent);
+    function getTargetInstForInputEventPolyfill(domEventName) {
+      if (
+        "selectionchange" === domEventName ||
+        "keyup" === domEventName ||
+        "keydown" === domEventName
+      )
+        return getInstIfValueChanged(activeElementInst$1);
     }
-    function added(indent) {
-      return "+ " + "  ".repeat(indent);
+    function getTargetInstForClickEvent(domEventName, targetInst) {
+      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
     }
-    function removed(indent) {
-      return "- " + "  ".repeat(indent);
+    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
+      if ("input" === domEventName || "change" === domEventName)
+        return getInstIfValueChanged(targetInst);
     }
-    function describeFiberType(fiber) {
-      switch (fiber.tag) {
-        case 26:
-        case 27:
-        case 5:
-          return fiber.type;
-        case 16:
-          return "Lazy";
-        case 13:
-          return "Suspense";
-        case 19:
-          return "SuspenseList";
-        case 0:
-        case 15:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        case 11:
-          return (
-            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
-          );
-        case 1:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        default:
-          return null;
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    }
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) return !0;
+      if (
+        "object" !== typeof objA ||
+        null === objA ||
+        "object" !== typeof objB ||
+        null === objB
+      )
+        return !1;
+      var keysA = Object.keys(objA),
+        keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) return !1;
+      for (keysB = 0; keysB < keysA.length; keysB++) {
+        var currentKey = keysA[keysB];
+        if (
+          !hasOwnProperty.call(objB, currentKey) ||
+          !objectIs(objA[currentKey], objB[currentKey])
+        )
+          return !1;
       }
+      return !0;
     }
-    function describeTextNode(content, maxLength) {
-      return needsEscaping.test(content)
-        ? ((content = JSON.stringify(content)),
-          content.length > maxLength - 2
-            ? 8 > maxLength
-              ? '{"..."}'
-              : "{" + content.slice(0, maxLength - 7) + '..."}'
-            : "{" + content + "}")
-        : content.length > maxLength
-        ? 5 > maxLength
-          ? '{"..."}'
-          : content.slice(0, maxLength - 3) + "..."
-        : content;
+    function getLeafNode(node) {
+      for (; node && node.firstChild; ) node = node.firstChild;
+      return node;
     }
-    function describeTextDiff(clientText, serverProps, indent) {
-      var maxLength = maxRowLength - 2 * indent;
-      if (null === serverProps)
-        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
-      if ("string" === typeof serverProps) {
-        for (
-          var firstDiff = 0;
-          firstDiff < serverProps.length &&
-          firstDiff < clientText.length &&
-          serverProps.charCodeAt(firstDiff) ===
-            clientText.charCodeAt(firstDiff);
-          firstDiff++
-        );
-        firstDiff > maxLength - 8 &&
-          10 < firstDiff &&
-          ((clientText = "..." + clientText.slice(firstDiff - 8)),
-          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
-        return (
-          added(indent) +
-          describeTextNode(clientText, maxLength) +
-          "\n" +
-          removed(indent) +
-          describeTextNode(serverProps, maxLength) +
-          "\n"
-        );
+    function getNodeForCharacterOffset(root, offset) {
+      var node = getLeafNode(root);
+      root = 0;
+      for (var nodeEnd; node; ) {
+        if (3 === node.nodeType) {
+          nodeEnd = root + node.textContent.length;
+          if (root <= offset && nodeEnd >= offset)
+            return { node: node, offset: offset - root };
+          root = nodeEnd;
+        }
+        a: {
+          for (; node; ) {
+            if (node.nextSibling) {
+              node = node.nextSibling;
+              break a;
+            }
+            node = node.parentNode;
+          }
+          node = void 0;
+        }
+        node = getLeafNode(node);
+      }
+    }
+    function containsNode(outerNode, innerNode) {
+      return outerNode && innerNode
+        ? outerNode === innerNode
+          ? !0
+          : outerNode && 3 === outerNode.nodeType
+          ? !1
+          : innerNode && 3 === innerNode.nodeType
+          ? containsNode(outerNode, innerNode.parentNode)
+          : "contains" in outerNode
+          ? outerNode.contains(innerNode)
+          : outerNode.compareDocumentPosition
+          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
+          : !1
+        : !1;
+    }
+    function getActiveElementDeep() {
+      for (
+        var win = window, element = getActiveElement();
+        element instanceof win.HTMLIFrameElement;
+
+      ) {
+        try {
+          var JSCompiler_inline_result =
+            "string" === typeof element.contentWindow.location.href;
+        } catch (err) {
+          JSCompiler_inline_result = !1;
+        }
+        if (JSCompiler_inline_result) win = element.contentWindow;
+        else break;
+        element = getActiveElement(win.document);
       }
+      return element;
+    }
+    function hasSelectionCapabilities(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
       return (
-        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+        nodeName &&
+        (("input" === nodeName &&
+          ("text" === elem.type ||
+            "search" === elem.type ||
+            "tel" === elem.type ||
+            "url" === elem.type ||
+            "password" === elem.type)) ||
+          "textarea" === nodeName ||
+          "true" === elem.contentEditable)
       );
     }
-    function objectName(object) {
-      return Object.prototype.toString
-        .call(object)
-        .replace(/^\[object (.*)\]$/, function (m, p0) {
-          return p0;
-        });
-    }
-    function describeValue(value, maxLength) {
-      switch (typeof value) {
-        case "string":
-          return (
-            (value = JSON.stringify(value)),
-            value.length > maxLength
-              ? 5 > maxLength
-                ? '"..."'
-                : value.slice(0, maxLength - 4) + '..."'
-              : value
-          );
-        case "object":
-          if (null === value) return "null";
-          if (isArrayImpl(value)) return "[...]";
-          if (value.$$typeof === REACT_ELEMENT_TYPE)
-            return (maxLength = getComponentNameFromType(value.type))
-              ? "<" + maxLength + ">"
-              : "<...>";
-          var name = objectName(value);
-          if ("Object" === name) {
-            name = "";
-            maxLength -= 2;
-            for (var propName in value)
-              if (value.hasOwnProperty(propName)) {
-                var jsonPropName = JSON.stringify(propName);
-                jsonPropName !== '"' + propName + '"' &&
-                  (propName = jsonPropName);
-                maxLength -= propName.length - 2;
-                jsonPropName = describeValue(
-                  value[propName],
-                  15 > maxLength ? maxLength : 15
-                );
-                maxLength -= jsonPropName.length;
-                if (0 > maxLength) {
-                  name += "" === name ? "..." : ", ...";
-                  break;
-                }
-                name +=
-                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
-              }
-            return "{" + name + "}";
+    function restoreSelection(priorSelectionInformation) {
+      var curFocusedElem = getActiveElementDeep(),
+        priorFocusedElem = priorSelectionInformation.focusedElem,
+        priorSelectionRange = priorSelectionInformation.selectionRange;
+      if (
+        curFocusedElem !== priorFocusedElem &&
+        priorFocusedElem &&
+        priorFocusedElem.ownerDocument &&
+        containsNode(
+          priorFocusedElem.ownerDocument.documentElement,
+          priorFocusedElem
+        )
+      ) {
+        if (
+          null !== priorSelectionRange &&
+          hasSelectionCapabilities(priorFocusedElem)
+        )
+          if (
+            ((curFocusedElem = priorSelectionRange.start),
+            (priorSelectionInformation = priorSelectionRange.end),
+            void 0 === priorSelectionInformation &&
+              (priorSelectionInformation = curFocusedElem),
+            "selectionStart" in priorFocusedElem)
+          )
+            (priorFocusedElem.selectionStart = curFocusedElem),
+              (priorFocusedElem.selectionEnd = Math.min(
+                priorSelectionInformation,
+                priorFocusedElem.value.length
+              ));
+          else if (
+            ((priorSelectionInformation =
+              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
+                curFocusedElem.defaultView) ||
+              window),
+            priorSelectionInformation.getSelection)
+          ) {
+            priorSelectionInformation =
+              priorSelectionInformation.getSelection();
+            var length = priorFocusedElem.textContent.length,
+              start = Math.min(priorSelectionRange.start, length);
+            priorSelectionRange =
+              void 0 === priorSelectionRange.end
+                ? start
+                : Math.min(priorSelectionRange.end, length);
+            !priorSelectionInformation.extend &&
+              start > priorSelectionRange &&
+              ((length = priorSelectionRange),
+              (priorSelectionRange = start),
+              (start = length));
+            length = getNodeForCharacterOffset(priorFocusedElem, start);
+            var endMarker = getNodeForCharacterOffset(
+              priorFocusedElem,
+              priorSelectionRange
+            );
+            length &&
+              endMarker &&
+              (1 !== priorSelectionInformation.rangeCount ||
+                priorSelectionInformation.anchorNode !== length.node ||
+                priorSelectionInformation.anchorOffset !== length.offset ||
+                priorSelectionInformation.focusNode !== endMarker.node ||
+                priorSelectionInformation.focusOffset !== endMarker.offset) &&
+              ((curFocusedElem = curFocusedElem.createRange()),
+              curFocusedElem.setStart(length.node, length.offset),
+              priorSelectionInformation.removeAllRanges(),
+              start > priorSelectionRange
+                ? (priorSelectionInformation.addRange(curFocusedElem),
+                  priorSelectionInformation.extend(
+                    endMarker.node,
+                    endMarker.offset
+                  ))
+                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
+                  priorSelectionInformation.addRange(curFocusedElem)));
           }
-          return name;
-        case "function":
-          return (maxLength = value.displayName || value.name)
-            ? "function " + maxLength
-            : "function";
-        default:
-          return String(value);
+        curFocusedElem = [];
+        for (
+          priorSelectionInformation = priorFocusedElem;
+          (priorSelectionInformation = priorSelectionInformation.parentNode);
+
+        )
+          1 === priorSelectionInformation.nodeType &&
+            curFocusedElem.push({
+              element: priorSelectionInformation,
+              left: priorSelectionInformation.scrollLeft,
+              top: priorSelectionInformation.scrollTop
+            });
+        "function" === typeof priorFocusedElem.focus &&
+          priorFocusedElem.focus();
+        for (
+          priorFocusedElem = 0;
+          priorFocusedElem < curFocusedElem.length;
+          priorFocusedElem++
+        )
+          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
+            (priorSelectionInformation.element.scrollLeft =
+              priorSelectionInformation.left),
+            (priorSelectionInformation.element.scrollTop =
+              priorSelectionInformation.top);
+      }
+    }
+    function constructSelectEvent(
+      dispatchQueue,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var doc =
+        nativeEventTarget.window === nativeEventTarget
+          ? nativeEventTarget.document
+          : 9 === nativeEventTarget.nodeType
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
+      mouseDown ||
+        null == activeElement ||
+        activeElement !== getActiveElement(doc) ||
+        ((doc = activeElement),
+        "selectionStart" in doc && hasSelectionCapabilities(doc)
+          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
+          : ((doc = (
+              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
+              window
+            ).getSelection()),
+            (doc = {
+              anchorNode: doc.anchorNode,
+              anchorOffset: doc.anchorOffset,
+              focusNode: doc.focusNode,
+              focusOffset: doc.focusOffset
+            })),
+        (lastSelection && shallowEqual(lastSelection, doc)) ||
+          ((lastSelection = doc),
+          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
+          0 < doc.length &&
+            ((nativeEvent = new SyntheticEvent(
+              "onSelect",
+              "select",
+              null,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
+            (nativeEvent.target = activeElement))));
+    }
+    function makePrefixMap(styleProp, eventName) {
+      var prefixes = {};
+      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+      prefixes["Webkit" + styleProp] = "webkit" + eventName;
+      prefixes["Moz" + styleProp] = "moz" + eventName;
+      return prefixes;
+    }
+    function getVendorPrefixedEventName(eventName) {
+      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
+      if (!vendorPrefixes[eventName]) return eventName;
+      var prefixMap = vendorPrefixes[eventName],
+        styleProp;
+      for (styleProp in prefixMap)
+        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
+          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
+      return eventName;
+    }
+    function registerSimpleEvent(domEventName, reactName) {
+      topLevelEventsToReactNames.set(domEventName, reactName);
+      registerTwoPhaseEvent(reactName, [domEventName]);
+    }
+    function finishQueueingConcurrentUpdates() {
+      for (
+        var endIndex = concurrentQueuesIndex,
+          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+        i < endIndex;
+
+      ) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        if (null !== queue && null !== update) {
+          var pending = queue.pending;
+          null === pending
+            ? (update.next = update)
+            : ((update.next = pending.next), (pending.next = update));
+          queue.pending = update;
+        }
+        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function describePropValue(value, maxLength) {
-      return "string" !== typeof value || needsEscaping.test(value)
-        ? "{" + describeValue(value, maxLength - 2) + "}"
-        : value.length > maxLength - 2
-        ? 5 > maxLength
-          ? '"..."'
-          : '"' + value.slice(0, maxLength - 5) + '..."'
-        : '"' + value + '"';
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes |= lane;
+      fiber.lanes |= lane;
+      fiber = fiber.alternate;
+      null !== fiber && (fiber.lanes |= lane);
     }
-    function describeExpandedElement(type, props, rowPrefix) {
-      var remainingRowLength = maxRowLength - rowPrefix.length - type.length,
-        properties = [],
-        propName;
-      for (propName in props)
-        if (props.hasOwnProperty(propName) && "children" !== propName) {
-          var propValue = describePropValue(
-            props[propName],
-            maxRowLength - rowPrefix.length - propName.length - 1
-          );
-          remainingRowLength -= propName.length + propValue.length + 2;
-          properties.push(propName + "=" + propValue);
-        }
-      return 0 === properties.length
-        ? rowPrefix + "<" + type + ">\n"
-        : 0 < remainingRowLength
-        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
-        : rowPrefix +
-          "<" +
-          type +
-          "\n" +
-          rowPrefix +
-          "  " +
-          properties.join("\n" + rowPrefix + "  ") +
-          "\n" +
-          rowPrefix +
-          ">\n";
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      enqueueUpdate$1(fiber, queue, update, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describePropertiesDiff(clientObject, serverObject, indent) {
-      var properties = "",
-        remainingServerProperties = assign({}, serverObject),
-        propName;
-      for (propName in clientObject)
-        if (clientObject.hasOwnProperty(propName)) {
-          delete remainingServerProperties[propName];
-          var maxLength = maxRowLength - 2 * indent - propName.length - 2,
-            clientPropValue = describeValue(clientObject[propName], maxLength);
-          serverObject.hasOwnProperty(propName)
-            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
-              (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n"),
-              (properties +=
-                removed(indent) + propName + ": " + maxLength + "\n"))
-            : (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n");
-        }
-      for (var _propName in remainingServerProperties)
-        remainingServerProperties.hasOwnProperty(_propName) &&
-          ((clientObject = describeValue(
-            remainingServerProperties[_propName],
-            maxRowLength - 2 * indent - _propName.length - 2
-          )),
-          (properties +=
-            removed(indent) + _propName + ": " + clientObject + "\n"));
-      return properties;
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describeElementDiff(type, clientProps, serverProps, indent) {
-      var content = "",
-        serverPropNames = new Map();
-      for (propName$jscomp$0 in serverProps)
-        serverProps.hasOwnProperty(propName$jscomp$0) &&
-          serverPropNames.set(
-            propName$jscomp$0.toLowerCase(),
-            propName$jscomp$0
-          );
-      if (1 === serverPropNames.size && serverPropNames.has("children"))
-        content += describeExpandedElement(
-          type,
-          clientProps,
-          indentation(indent)
-        );
-      else {
-        for (var _propName2 in clientProps)
-          if (
-            clientProps.hasOwnProperty(_propName2) &&
-            "children" !== _propName2
-          ) {
-            var maxLength$jscomp$0 =
-                maxRowLength - 2 * (indent + 1) - _propName2.length - 1,
-              serverPropName = serverPropNames.get(_propName2.toLowerCase());
-            if (void 0 !== serverPropName) {
-              serverPropNames.delete(_propName2.toLowerCase());
-              var propName$jscomp$0 = clientProps[_propName2];
-              serverPropName = serverProps[serverPropName];
-              var clientPropValue = describePropValue(
-                propName$jscomp$0,
-                maxLength$jscomp$0
-              );
-              maxLength$jscomp$0 = describePropValue(
-                serverPropName,
-                maxLength$jscomp$0
-              );
-              "object" === typeof propName$jscomp$0 &&
-              null !== propName$jscomp$0 &&
-              "object" === typeof serverPropName &&
-              null !== serverPropName &&
-              "Object" === objectName(propName$jscomp$0) &&
-              "Object" === objectName(serverPropName) &&
-              (2 < Object.keys(propName$jscomp$0).length ||
-                2 < Object.keys(serverPropName).length ||
-                -1 < clientPropValue.indexOf("...") ||
-                -1 < maxLength$jscomp$0.indexOf("..."))
-                ? (content +=
-                    indentation(indent + 1) +
-                    _propName2 +
-                    "={{\n" +
-                    describePropertiesDiff(
-                      propName$jscomp$0,
-                      serverPropName,
-                      indent + 2
-                    ) +
-                    indentation(indent + 1) +
-                    "}}\n")
-                : ((content +=
-                    added(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    clientPropValue +
-                    "\n"),
-                  (content +=
-                    removed(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    maxLength$jscomp$0 +
-                    "\n"));
-            } else
-              content +=
-                indentation(indent + 1) +
-                _propName2 +
-                "=" +
-                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
-                "\n";
-          }
-        serverPropNames.forEach(function (propName) {
-          if ("children" !== propName) {
-            var maxLength =
-              maxRowLength - 2 * (indent + 1) - propName.length - 1;
-            content +=
-              removed(indent + 1) +
-              propName +
-              "=" +
-              describePropValue(serverProps[propName], maxLength) +
-              "\n";
-          }
-        });
-        content =
-          "" === content
-            ? indentation(indent) + "<" + type + ">\n"
-            : indentation(indent) +
-              "<" +
-              type +
-              "\n" +
-              content +
-              indentation(indent) +
-              ">\n";
-      }
-      type = serverProps.children;
-      clientProps = clientProps.children;
-      if (
-        "string" === typeof type ||
-        "number" === typeof type ||
-        "bigint" === typeof type
-      ) {
-        serverPropNames = "";
-        if (
-          "string" === typeof clientProps ||
-          "number" === typeof clientProps ||
-          "bigint" === typeof clientProps
-        )
-          serverPropNames = "" + clientProps;
-        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
-      } else if (
-        "string" === typeof clientProps ||
-        "number" === typeof clientProps ||
-        "bigint" === typeof clientProps
-      )
-        content += describeTextDiff("" + clientProps, void 0, indent + 1);
-      return content;
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      sourceFiber.lanes |= lane;
+      var alternate = sourceFiber.alternate;
+      null !== alternate && (alternate.lanes |= lane);
+      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+        (parent.childLanes |= lane),
+          (alternate = parent.alternate),
+          null !== alternate && (alternate.childLanes |= lane),
+          22 === parent.tag &&
+            ((sourceFiber = parent.stateNode),
+            null === sourceFiber ||
+              sourceFiber._visibility & OffscreenVisible ||
+              (isHidden = !0)),
+          (sourceFiber = parent),
+          (parent = parent.return);
+      isHidden &&
+        null !== update &&
+        3 === sourceFiber.tag &&
+        ((parent = sourceFiber.stateNode),
+        (isHidden = 31 - clz32(lane)),
+        (parent = parent.hiddenUpdates),
+        (sourceFiber = parent[isHidden]),
+        null === sourceFiber
+          ? (parent[isHidden] = [update])
+          : sourceFiber.push(update),
+        (update.lane = lane | OffscreenLane));
+    }
+    function getRootForUpdatedFiber(sourceFiber) {
+      throwIfInfiniteUpdateLoopDetected();
+      null === sourceFiber.alternate &&
+        0 !== (sourceFiber.flags & 4098) &&
+        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+      for (var node = sourceFiber, parent = node.return; null !== parent; )
+        null === node.alternate &&
+          0 !== (node.flags & 4098) &&
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
+          (node = parent),
+          (parent = node.return);
+      return 3 === node.tag ? node.stateNode : null;
+    }
+    function resolveFunctionForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family ? type : family.current;
+    }
+    function resolveForwardRefForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family
+        ? null !== type &&
+          void 0 !== type &&
+          "function" === typeof type.render &&
+          ((family = resolveFunctionForHotReloading(type.render)),
+          type.render !== family)
+          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
+            void 0 !== type.displayName &&
+              (family.displayName = type.displayName),
+            family)
+          : type
+        : family.current;
     }
-    function describeSiblingFiber(fiber, indent) {
-      var type = describeFiberType(fiber);
-      if (null === type) {
-        type = "";
-        for (fiber = fiber.child; fiber; )
-          (type += describeSiblingFiber(fiber, indent)),
-            (fiber = fiber.sibling);
-        return type;
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      if (null === resolveFamily) return !1;
+      var prevType = fiber.elementType;
+      element = element.type;
+      var needsCompareFamilies = !1,
+        $$typeofNextType =
+          "object" === typeof element && null !== element
+            ? element.$$typeof
+            : null;
+      switch (fiber.tag) {
+        case 1:
+          "function" === typeof element && (needsCompareFamilies = !0);
+          break;
+        case 0:
+          "function" === typeof element
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 11:
+          $$typeofNextType === REACT_FORWARD_REF_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 14:
+        case 15:
+          $$typeofNextType === REACT_MEMO_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        default:
+          return !1;
       }
-      return indentation(indent) + "<" + type + ">\n";
+      return needsCompareFamilies &&
+        ((fiber = resolveFamily(prevType)),
+        void 0 !== fiber && fiber === resolveFamily(element))
+        ? !0
+        : !1;
     }
-    function describeNode(node, indent) {
-      var skipToNode = findNotableNode(node, indent);
-      if (
-        skipToNode !== node &&
-        (1 !== node.children.length || node.children[0] !== skipToNode)
-      )
-        return (
-          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      null !== resolveFamily &&
+        "function" === typeof WeakSet &&
+        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
+        failedBoundaries.add(fiber));
+    }
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      var alternate = fiber.alternate,
+        child = fiber.child,
+        sibling = fiber.sibling,
+        tag = fiber.tag,
+        type = fiber.type,
+        candidateType = null;
+      switch (tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      if (null === resolveFamily)
+        throw Error("Expected resolveFamily to be set during hot reload.");
+      var needsRender = !1;
+      type = !1;
+      null !== candidateType &&
+        ((candidateType = resolveFamily(candidateType)),
+        void 0 !== candidateType &&
+          (staleFamilies.has(candidateType)
+            ? (type = !0)
+            : updatedFamilies.has(candidateType) &&
+              (1 === tag ? (type = !0) : (needsRender = !0))));
+      null !== failedBoundaries &&
+        (failedBoundaries.has(fiber) ||
+          (null !== alternate && failedBoundaries.has(alternate))) &&
+        (type = !0);
+      type && (fiber._debugNeedsRemount = !0);
+      if (type || needsRender)
+        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
+          null !== alternate &&
+            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
+      null === child ||
+        type ||
+        scheduleFibersWithFamiliesRecursively(
+          child,
+          updatedFamilies,
+          staleFamilies
         );
-      skipToNode = "";
-      var debugInfo = node.fiber._debugInfo;
-      if (debugInfo)
-        for (var i = 0; i < debugInfo.length; i++) {
-          var serverComponentName = debugInfo[i].name;
-          "string" === typeof serverComponentName &&
-            ((skipToNode +=
-              indentation(indent) + "<" + serverComponentName + ">\n"),
-            indent++);
-        }
-      debugInfo = "";
-      i = node.fiber.pendingProps;
-      if (6 === node.fiber.tag)
-        debugInfo = describeTextDiff(i, node.serverProps, indent);
-      else if (
-        ((serverComponentName = describeFiberType(node.fiber)),
-        null !== serverComponentName)
-      )
-        if (void 0 === node.serverProps) {
-          debugInfo = indent;
-          var maxLength =
-              maxRowLength - 2 * debugInfo - serverComponentName.length - 2,
-            content = "";
-          for (propName in i)
-            if (i.hasOwnProperty(propName) && "children" !== propName) {
-              var propValue = describePropValue(i[propName], 15);
-              maxLength -= propName.length + propValue.length + 2;
-              if (0 > maxLength) {
-                content += " ...";
-                break;
+      null !== sibling &&
+        scheduleFibersWithFamiliesRecursively(
+          sibling,
+          updatedFamilies,
+          staleFamilies
+        );
+    }
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      var child = fiber.child,
+        sibling = fiber.sibling,
+        type = fiber.type,
+        candidateType = null;
+      switch (fiber.tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      type = !1;
+      null !== candidateType && types.has(candidateType) && (type = !0);
+      if (type)
+        a: {
+          b: for (child = fiber, candidateType = !1; ; ) {
+            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
+              (candidateType = !0), hostInstances.add(child.stateNode);
+            else if (null !== child.child) {
+              child.child.return = child;
+              child = child.child;
+              continue;
+            }
+            if (child === fiber) {
+              child = candidateType;
+              break b;
+            }
+            for (; null === child.sibling; ) {
+              if (null === child.return || child.return === fiber) {
+                child = candidateType;
+                break b;
               }
-              content += " " + propName + "=" + propValue;
+              child = child.return;
             }
-          debugInfo =
-            indentation(debugInfo) +
-            "<" +
-            serverComponentName +
-            content +
-            ">\n";
-          indent++;
-        } else
-          null === node.serverProps
-            ? (debugInfo = describeExpandedElement(
-                serverComponentName,
-                i,
-                added(indent)
-              ))
-            : "string" === typeof node.serverProps
-            ? error$jscomp$0(
-                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
-              )
-            : ((debugInfo = describeElementDiff(
-                serverComponentName,
-                i,
-                node.serverProps,
-                indent
-              )),
-              indent++);
-      var propName = "";
-      i = node.fiber.child;
-      for (
-        serverComponentName = 0;
-        i && serverComponentName < node.children.length;
-
-      )
-        (maxLength = node.children[serverComponentName]),
-          maxLength.fiber === i
-            ? ((propName += describeNode(maxLength, indent)),
-              serverComponentName++)
-            : (propName += describeSiblingFiber(i, indent)),
-          (i = i.sibling);
-      i &&
-        0 < node.children.length &&
-        (propName += indentation(indent) + "...\n");
-      node = node.serverTail;
-      for (i = 0; i < node.length; i++)
-        (serverComponentName = node[i]),
-          (propName =
-            "string" === typeof serverComponentName
-              ? propName +
-                (removed(indent) +
-                  describeTextNode(
-                    serverComponentName,
-                    maxRowLength - 2 * indent
-                  ) +
-                  "\n")
-              : propName +
-                describeExpandedElement(
-                  serverComponentName.type,
-                  serverComponentName.props,
-                  removed(indent)
-                ));
-      return skipToNode + debugInfo + propName;
+            child.sibling.return = child.return;
+            child = child.sibling;
+          }
+          if (!child)
+            for (;;) {
+              switch (fiber.tag) {
+                case 27:
+                case 5:
+                  hostInstances.add(fiber.stateNode);
+                  break a;
+                case 4:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+                case 3:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+              }
+              if (null === fiber.return)
+                throw Error("Expected to reach root first.");
+              fiber = fiber.return;
+            }
+        }
+      else
+        null !== child &&
+          findHostInstancesForMatchingFibersRecursively(
+            child,
+            types,
+            hostInstances
+          );
+      null !== sibling &&
+        findHostInstancesForMatchingFibersRecursively(
+          sibling,
+          types,
+          hostInstances
+        );
     }
-    function describeDiff(rootNode) {
-      try {
-        return "\n\n" + describeNode(rootNode, 0);
-      } catch (x) {
-        return "";
-      }
+    function createCapturedValueAtFiber(value, source) {
+      if ("object" === typeof value && null !== value) {
+        var stack = CapturedStacks.get(value);
+        "string" !== typeof stack &&
+          ((stack = getStackByFiberInDevAndProd(source)),
+          CapturedStacks.set(value, stack));
+      } else stack = getStackByFiberInDevAndProd(source);
+      return { value: value, source: source, stack: stack };
+    }
+    function pushTreeFork(workInProgress, totalChildren) {
+      warnIfNotHydrating();
+      forkStack[forkStackIndex++] = treeForkCount;
+      forkStack[forkStackIndex++] = treeForkProvider;
+      treeForkProvider = workInProgress;
+      treeForkCount = totalChildren;
+    }
+    function pushTreeId(workInProgress, totalChildren, index) {
+      warnIfNotHydrating();
+      idStack[idStackIndex++] = treeContextId;
+      idStack[idStackIndex++] = treeContextOverflow;
+      idStack[idStackIndex++] = treeContextProvider;
+      treeContextProvider = workInProgress;
+      var baseIdWithLeadingBit = treeContextId;
+      workInProgress = treeContextOverflow;
+      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
+      baseIdWithLeadingBit &= ~(1 << baseLength);
+      index += 1;
+      var length = 32 - clz32(totalChildren) + baseLength;
+      if (30 < length) {
+        var numberOfOverflowBits = baseLength - (baseLength % 5);
+        length = (
+          baseIdWithLeadingBit &
+          ((1 << numberOfOverflowBits) - 1)
+        ).toString(32);
+        baseIdWithLeadingBit >>= numberOfOverflowBits;
+        baseLength -= numberOfOverflowBits;
+        treeContextId =
+          (1 << (32 - clz32(totalChildren) + baseLength)) |
+          (index << baseLength) |
+          baseIdWithLeadingBit;
+        treeContextOverflow = length + workInProgress;
+      } else
+        (treeContextId =
+          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
+          (treeContextOverflow = workInProgress);
+    }
+    function pushMaterializedTreeId(workInProgress) {
+      warnIfNotHydrating();
+      null !== workInProgress.return &&
+        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    }
+    function popTreeContext(workInProgress) {
+      for (; workInProgress === treeForkProvider; )
+        (treeForkProvider = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null),
+          (treeForkCount = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null);
+      for (; workInProgress === treeContextProvider; )
+        (treeContextProvider = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextOverflow = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextId = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null);
+    }
+    function warnIfNotHydrating() {
+      isHydrating ||
+        console.error(
+          "Expected to be hydrating. This is a bug in React. Please file an issue."
+        );
     }
     function buildHydrationDiffNode(fiber, distanceFromLeaf) {
       if (null === fiber.return) {
@@ -4445,7 +4497,7 @@
       null !== diffRoot &&
         ((hydrationDiffRootDEV = null),
         (diffRoot = describeDiff(diffRoot)),
-        error$jscomp$0(
+        console.error(
           "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s",
           "https://react.dev/link/hydration-mismatch",
           diffRoot
@@ -4469,7 +4521,7 @@
         : index !== thenable &&
           (thenableState.didWarnAboutUncachedPromise ||
             ((thenableState.didWarnAboutUncachedPromise = !0),
-            error$jscomp$0(
+            console.error(
               "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."
             )),
           thenable.then(noop$3, noop$3),
@@ -4560,11 +4612,12 @@
         if ("children" !== key && "key" !== key) {
           null === fiber &&
             ((fiber = createFiberFromElement(element, returnFiber.mode, 0)),
+            (fiber._debugInfo = currentDebugInfo),
             (fiber.return = returnFiber));
           runWithFiberInDEV(
             fiber,
             function (erroredKey) {
-              error$jscomp$0(
+              console.error(
                 "Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",
                 erroredKey
               );
@@ -4606,13 +4659,13 @@
         (invalidChild =
           invalidChild.displayName || invalidChild.name || "Component"),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  root.render(%s)",
               invalidChild,
               invalidChild,
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  <%s>{%s}</%s>",
               invalidChild,
               invalidChild,
@@ -4627,11 +4680,11 @@
         ((ownerHasSymbolTypeWarning[parentName] = !0),
         (invalidChild = String(invalidChild)),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Symbols are not valid as a React child.\n  root.render(%s)",
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Symbols are not valid as a React child.\n  <%s>%s</%s>",
               parentName,
               invalidChild,
@@ -4699,6 +4752,8 @@
               lanes
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4772,6 +4827,8 @@
               key
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4793,6 +4850,8 @@
               lanes
             )),
             (newChild.return = returnFiber),
+            (newChild._debugOwner = returnFiber),
+            (newChild._debugTask = returnFiber._debugTask),
             (newChild._debugInfo = currentDebugInfo),
             newChild
           );
@@ -4843,6 +4902,8 @@
                 null
               )),
               (lanes.return = returnFiber),
+              (lanes._debugOwner = returnFiber),
+              (lanes._debugTask = returnFiber._debugTask),
               (returnFiber = pushDebugInfo(newChild._debugInfo)),
               (lanes._debugInfo = currentDebugInfo),
               (currentDebugInfo = returnFiber),
@@ -5076,7 +5137,7 @@
               break;
             }
             runWithFiberInDEV(workInProgress, function () {
-              error$jscomp$0(
+              console.error(
                 "Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",
                 key
               );
@@ -5216,7 +5277,7 @@
             "[object AsyncGenerator]" ===
               Object.prototype.toString.call(newChildren)) ||
           (didWarnAboutGenerators ||
-            error$jscomp$0(
+            console.error(
               "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
             ),
           (didWarnAboutGenerators = !0));
@@ -5422,6 +5483,8 @@
                       newChild.key
                     )),
                     (currentFirstChild.return = returnFiber),
+                    (currentFirstChild._debugOwner = returnFiber),
+                    (currentFirstChild._debugTask = returnFiber._debugTask),
                     (currentFirstChild._debugInfo = currentDebugInfo),
                     validateFragmentProps(
                       newChild,
@@ -5527,14 +5590,14 @@
                 "[object Generator]" !== Object.prototype.toString.call(key)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$0(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
               newChild.entries !== child ||
                 didWarnAboutMaps ||
-                (error$jscomp$0(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
@@ -5605,6 +5668,9 @@
                   lanes
                 )),
                 (currentFirstChild.return = returnFiber),
+                (currentFirstChild._debugOwner = returnFiber),
+                (currentFirstChild._debugTask = returnFiber._debugTask),
+                (currentFirstChild._debugInfo = currentDebugInfo),
                 (returnFiber = currentFirstChild)),
             placeSingleChild(returnFiber)
           );
@@ -5747,7 +5813,7 @@
     }
     function retainCache(cache) {
       cache.controller.signal.aborted &&
-        warn(
+        console.warn(
           "A cache instance was retained after it was already freed. This likely indicates a bug in React."
         );
       cache.refCount++;
@@ -5755,7 +5821,7 @@
     function releaseCache(cache) {
       cache.refCount--;
       0 > cache.refCount &&
-        warn(
+        console.warn(
           "A cache instance was released after it was already freed. This likely indicates a bug in React."
         );
       0 === cache.refCount &&
@@ -5870,7 +5936,7 @@
             oldHookName += newHookName + "\n";
             table += oldHookName;
           }
-          error$jscomp$0(
+          console.error(
             "React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n   Previous render            Next render\n   ------------------------------------------------------\n%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
             componentName,
             table
@@ -5882,7 +5948,7 @@
       void 0 === deps ||
         null === deps ||
         isArrayImpl(deps) ||
-        error$jscomp$0(
+        console.error(
           "%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
           currentHookNameInDev,
           typeof deps
@@ -5892,7 +5958,7 @@
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
       didWarnAboutUseFormState.has(componentName) ||
         (didWarnAboutUseFormState.add(componentName),
-        error$jscomp$0(
+        console.error(
           "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
           componentName
         ));
@@ -5906,14 +5972,14 @@
       if (ignorePreviousDependencies) return !1;
       if (null === prevDeps)
         return (
-          error$jscomp$0(
+          console.error(
             "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
             currentHookNameInDev
           ),
           !1
         );
       nextDeps.length !== prevDeps.length &&
-        error$jscomp$0(
+        console.error(
           "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
           currentHookNameInDev,
           "[" + prevDeps.join(", ") + "]",
@@ -5948,7 +6014,7 @@
         )),
           didWarnAboutAsyncClientComponent.has(nextRenderLanes) ||
             (didWarnAboutAsyncClientComponent.add(nextRenderLanes),
-            error$jscomp$0(
+            console.error(
               "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
             ));
       workInProgress.memoizedState = null;
@@ -6002,7 +6068,7 @@
       hookTypesUpdateIndexDev = -1;
       null !== current &&
         (current.flags & 31457280) !== (workInProgress.flags & 31457280) &&
-        error$jscomp$0(
+        console.error(
           "Internal React error: Expected static flag was missing. Please notify the React team."
         );
       didScheduleRenderPhaseUpdate = !1;
@@ -6021,7 +6087,7 @@
         didWarnAboutUseWrappedInTryCatch.has(workInProgress) ||
           didWarnAboutAsyncClientComponent.has(workInProgress) ||
           (didWarnAboutUseWrappedInTryCatch.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "`use` was called from inside a try/catch block. This is not allowed and can lead to unexpected behavior. To handle errors triggered by `use`, wrap your component in a error boundary."
           )));
     }
@@ -6203,7 +6269,7 @@
           updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
       else
         updateQueue.length !== size &&
-          error$jscomp$0(
+          console.error(
             "Expected a constant size argument for each invocation of useMemoCache. The previous cache was allocated with size %s but size %s was requested.",
             updateQueue.length,
             size
@@ -6259,7 +6325,7 @@
           pendingQueue.next = baseFirst;
         }
         current.baseQueue !== baseQueue &&
-          error$jscomp$0(
+          console.error(
             "Internal error: Expected work-in-progress queue to be a clone. This is a bug in React."
           );
         current.baseQueue = baseQueue = pendingQueue;
@@ -6390,7 +6456,7 @@
         var nextSnapshot = getServerSnapshot();
         didWarnUncachedGetSnapshot ||
           nextSnapshot === getServerSnapshot() ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getServerSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6399,7 +6465,7 @@
         didWarnUncachedGetSnapshot ||
           ((getServerSnapshot = getSnapshot()),
           objectIs(nextSnapshot, getServerSnapshot) ||
-            (error$jscomp$0(
+            (console.error(
               "The result of getSnapshot should be cached to avoid an infinite loop"
             ),
             (didWarnUncachedGetSnapshot = !0)));
@@ -6456,7 +6522,7 @@
       ) {
         var cachedSnapshot = getSnapshot();
         objectIs(getServerSnapshot, cachedSnapshot) ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6534,7 +6600,7 @@
       try {
         var nextValue = latestGetSnapshot();
         return !objectIs(inst, nextValue);
-      } catch (error$4) {
+      } catch (error) {
         return !0;
       }
     }
@@ -6663,8 +6729,8 @@
           null !== onStartTransitionFinish &&
             onStartTransitionFinish(currentTransition, returnValue);
           handleActionReturnValue(actionQueue, node, returnValue);
-        } catch (error$5) {
-          onActionError(actionQueue, node, error$5);
+        } catch (error) {
+          onActionError(actionQueue, node, error);
         } finally {
           (ReactSharedInternals.T = prevTransition),
             null === prevTransition &&
@@ -6672,7 +6738,7 @@
               ((actionQueue = currentTransition._updatedFibers.size),
               currentTransition._updatedFibers.clear(),
               10 < actionQueue &&
-                warn(
+                console.warn(
                   "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
                 ));
         }
@@ -6680,8 +6746,8 @@
         try {
           (currentTransition = action(prevState, payload)),
             handleActionReturnValue(actionQueue, node, currentTransition);
-        } catch (error$6) {
-          onActionError(actionQueue, node, error$6);
+        } catch (error$3) {
+          onActionError(actionQueue, node, error$3);
         }
     }
     function handleActionReturnValue(actionQueue, node, returnValue) {
@@ -6697,7 +6763,7 @@
             }
           ),
           node.isTransition ||
-            error$jscomp$0(
+            console.error(
               "An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`"
             ))
         : onActionSuccess(actionQueue, node, returnValue);
@@ -6979,7 +7045,7 @@
       if (null !== ref && void 0 !== ref)
         return (
           ref.hasOwnProperty("current") ||
-            error$jscomp$0(
+            console.error(
               "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
               "an object with keys {" + Object.keys(ref).join(", ") + "}"
             ),
@@ -6992,7 +7058,7 @@
     }
     function mountImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7008,7 +7074,7 @@
     }
     function updateImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7142,11 +7208,11 @@
           );
           dispatchSetState(fiber, queue, thenableForFinishedState);
         } else dispatchSetState(fiber, queue, finishedState);
-      } catch (error$7) {
+      } catch (error) {
         dispatchSetState(fiber, queue, {
           then: function () {},
           status: "rejected",
-          reason: error$7
+          reason: error
         });
       } finally {
         (ReactDOMSharedInternals.p = previousPriority),
@@ -7156,7 +7222,7 @@
             ((fiber = currentTransition._updatedFibers.size),
             currentTransition._updatedFibers.clear(),
             10 < fiber &&
-              warn(
+              console.warn(
                 "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
               ));
       }
@@ -7217,7 +7283,7 @@
     }
     function requestFormReset$1(formFiber) {
       null === ReactSharedInternals.T &&
-        error$jscomp$0(
+        console.error(
           "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
         );
       var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
@@ -7314,7 +7380,7 @@
       JSCompiler_OptimizeArgumentsArray_p0
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p0 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p0 = requestUpdateLane(fiber);
@@ -7354,7 +7420,7 @@
       JSCompiler_OptimizeArgumentsArray_p1
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p1 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p1 = requestUpdateLane(fiber);
@@ -7386,7 +7452,7 @@
               null === workInProgressRoot && finishQueueingConcurrentUpdates();
               return;
             }
-          } catch (error$8) {
+          } catch (error) {
           } finally {
             ReactSharedInternals.H = prevDispatcher;
           }
@@ -7419,7 +7485,7 @@
     ) {
       null === ReactSharedInternals.T &&
         0 === currentEntangledLane &&
-        error$jscomp$0(
+        console.error(
           "An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition."
         );
       action = {
@@ -7433,7 +7499,7 @@
       if (isRenderPhaseUpdate(fiber)) {
         if (throwIfDuringRender)
           throw Error("Cannot update optimistic state while rendering.");
-        error$jscomp$0("Cannot call startTransition while rendering.");
+        console.error("Cannot call startTransition while rendering.");
       } else
         (throwIfDuringRender = enqueueConcurrentHookUpdate(
           fiber,
@@ -7527,7 +7593,7 @@
     }
     function defaultOnUncaughtError(error) {
       reportGlobalError(error);
-      warn(
+      console.warn(
         "%s\n\n%s\n",
         componentName
           ? "An error occurred in the <" + componentName + "> component."
@@ -7535,16 +7601,50 @@
         "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
       );
     }
-    function defaultOnCaughtError(error$1) {
-      error$jscomp$0(
-        "%o\n\n%s\n\n%s\n",
-        error$1,
-        componentName
+    function defaultOnCaughtError(error) {
+      var componentNameMessage = componentName
           ? "The above error occurred in the <" + componentName + "> component."
           : "The above error occurred in one of your React components.",
-        "React will try to recreate this component tree from scratch using the error boundary you provided, " +
-          ((errorBoundaryName || "Anonymous") + ".")
-      );
+        recreateMessage =
+          "React will try to recreate this component tree from scratch using the error boundary you provided, " +
+          ((errorBoundaryName || "Anonymous") + ".");
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        ].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              badgeFormat + error[0],
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            )
+          : error.splice(
+              0,
+              0,
+              badgeFormat,
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            );
+        console.error.apply(console, error);
+      } else
+        console.error(
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        );
     }
     function defaultOnRecoverableError(error) {
       reportGlobalError(error);
@@ -7562,9 +7662,9 @@
           var onUncaughtError = root.onUncaughtError;
           onUncaughtError(error, { componentStack: errorInfo.stack });
         }
-      } catch (e$9) {
+      } catch (e$4) {
         setTimeout(function () {
-          throw e$9;
+          throw e$4;
         });
       }
     }
@@ -7579,9 +7679,9 @@
           componentStack: errorInfo.stack,
           errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
         });
-      } catch (e$10) {
+      } catch (e$5) {
         setTimeout(function () {
-          throw e$10;
+          throw e$5;
         });
       }
     }
@@ -7602,9 +7702,9 @@
     function initializeClassErrorUpdate(update, root, fiber, errorInfo) {
       var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
       if ("function" === typeof getDerivedStateFromError) {
-        var error$1 = errorInfo.value;
+        var error = errorInfo.value;
         update.payload = function () {
-          return getDerivedStateFromError(error$1);
+          return getDerivedStateFromError(error);
         };
         update.callback = function () {
           markFailedErrorBoundaryForHotReloading(fiber);
@@ -7639,7 +7739,7 @@
           });
           "function" === typeof getDerivedStateFromError ||
             (0 === (fiber.lanes & SyncLane) &&
-              error$jscomp$0(
+              console.error(
                 "%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
                 getComponentNameFromFiber(fiber) || "Unknown"
               ));
@@ -8100,7 +8200,7 @@
       ) {
         var componentName = getComponentNameFromType(Component) || "Unknown";
         didWarnAboutBadClass[componentName] ||
-          (error$jscomp$0(
+          (console.error(
             "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
             componentName,
             componentName
@@ -8115,10 +8215,13 @@
       null === current &&
         (validateFunctionComponentInDev(workInProgress, workInProgress.type),
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-            getComponentNameFromType(Component) || "Unknown"
-          ));
+          ((componentName = getComponentNameFromType(Component) || "Unknown"),
+          didWarnAboutContextTypes$1[componentName] ||
+            ((didWarnAboutContextTypes$1[componentName] = !0),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+              componentName
+            ))));
       prepareToReadContext(workInProgress, renderLanes);
       markComponentRenderStarted(workInProgress);
       Component = renderWithHooks(
@@ -8228,7 +8331,7 @@
               : " However, it is set to an object with keys {" +
                 Object.keys(_instance).join(", ") +
                 "}."),
-          error$jscomp$0(
+          console.error(
             "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
             getComponentNameFromType(Component) || "Component",
             lane
@@ -8258,7 +8361,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutUninitializedState.has(state) ||
             (didWarnAboutUninitializedState.add(state),
-            error$jscomp$0(
+            console.error(
               "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
               state,
               null === _instance.state ? "null" : "undefined",
@@ -8294,7 +8397,7 @@
                 : "getSnapshotBeforeUpdate()";
             didWarnAboutLegacyLifecyclesAndDerivedState.has(_instance) ||
               (didWarnAboutLegacyLifecyclesAndDerivedState.add(_instance),
-              error$jscomp$0(
+              console.error(
                 "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                 _instance,
                 newApiName,
@@ -8309,88 +8412,87 @@
         _instance.render ||
           (Component.prototype &&
           "function" === typeof Component.prototype.render
-            ? error$jscomp$0(
+            ? console.error(
                 "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                 state
               )
-            : error$jscomp$0(
+            : console.error(
                 "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                 state
               ));
         !_instance.getInitialState ||
           _instance.getInitialState.isReactClassApproved ||
           _instance.state ||
-          error$jscomp$0(
+          console.error(
             "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
             state
           );
         _instance.getDefaultProps &&
           !_instance.getDefaultProps.isReactClassApproved &&
-          error$jscomp$0(
+          console.error(
             "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
             state
           );
-        _instance.propTypes &&
-          error$jscomp$0(
-            "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-            state
-          );
         _instance.contextType &&
-          error$jscomp$0(
+          console.error(
             "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
             state
           );
         Component.childContextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+          !didWarnAboutChildContextTypes.has(Component) &&
+          (didWarnAboutChildContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+          !didWarnAboutContextTypes.has(Component) &&
+          (didWarnAboutContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         "function" === typeof _instance.componentShouldUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
             state
           );
         Component.prototype &&
           Component.prototype.isPureReactComponent &&
           "undefined" !== typeof _instance.shouldComponentUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
             getComponentNameFromType(Component) || "A pure component"
           );
         "function" === typeof _instance.componentDidUnmount &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
             state
           );
         "function" === typeof _instance.componentDidReceiveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
             state
           );
         "function" === typeof _instance.componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
             state
           );
         "function" === typeof _instance.UNSAFE_componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
             state
           );
         lane = _instance.props !== nextProps;
         void 0 !== _instance.props &&
           lane &&
-          error$jscomp$0(
+          console.error(
             "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
             state
           );
         _instance.defaultProps &&
-          error$jscomp$0(
+          console.error(
             "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
             state,
             state
@@ -8399,31 +8501,31 @@
           "function" === typeof _instance.componentDidUpdate ||
           didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(Component) ||
           (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(Component),
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
             getComponentNameFromType(Component)
           ));
         "function" === typeof _instance.getDerivedStateFromProps &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof _instance.getDerivedStateFromError &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof Component.getSnapshotBeforeUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
             state
           );
         (lane = _instance.state) &&
           ("object" !== typeof lane || isArrayImpl(lane)) &&
-          error$jscomp$0("%s.state: must be set to an object or null", state);
+          console.error("%s.state: must be set to an object or null", state);
         "function" === typeof _instance.getChildContext &&
           "object" !== typeof Component.childContextTypes &&
-          error$jscomp$0(
+          console.error(
             "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
             state
           );
@@ -8441,7 +8543,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutDirectlyAssigningPropsToState.has(state) ||
             (didWarnAboutDirectlyAssigningPropsToState.add(state),
-            error$jscomp$0(
+            console.error(
               "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
               state
             )));
@@ -8474,7 +8576,7 @@
           "function" === typeof _instance.UNSAFE_componentWillMount &&
             _instance.UNSAFE_componentWillMount(),
           state !== _instance.state &&
-            (error$jscomp$0(
+            (console.error(
               "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
               getComponentNameFromFiber(workInProgress) || "Component"
             ),
@@ -8716,7 +8818,7 @@
       _instance &&
         renderLanes.props !== nextProps &&
         (didWarnAboutReassigningProps ||
-          error$jscomp$0(
+          console.error(
             "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
             getComponentNameFromFiber(workInProgress) || "a component"
           ),
@@ -8737,14 +8839,14 @@
     function validateFunctionComponentInDev(workInProgress, Component) {
       Component &&
         Component.childContextTypes &&
-        error$jscomp$0(
+        console.error(
           "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
           Component.displayName || Component.name || "Component"
         );
       "function" === typeof Component.getDerivedStateFromProps &&
         ((workInProgress = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutGetDerivedStateOnFunctionComponent[workInProgress] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
             workInProgress
           ),
@@ -8754,7 +8856,7 @@
         null !== Component.contextType &&
         ((Component = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutContextTypeOnFunctionComponent[Component] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support contextType.",
             Component
           ),
@@ -8773,33 +8875,33 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_componentStack_2336;
-      var JSCompiler_object_inline_stack_2335 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_componentStack_2322;
+      var JSCompiler_object_inline_stack_2321 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_message_2333 = !1;
+      var JSCompiler_object_inline_message_2319 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_componentStack_2336 = didSuspend) ||
-        (JSCompiler_object_inline_componentStack_2336 =
+      (JSCompiler_object_inline_componentStack_2322 = didSuspend) ||
+        (JSCompiler_object_inline_componentStack_2322 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_componentStack_2336 &&
-        ((JSCompiler_object_inline_message_2333 = !0),
+      JSCompiler_object_inline_componentStack_2322 &&
+        ((JSCompiler_object_inline_message_2319 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_componentStack_2336 =
+      JSCompiler_object_inline_componentStack_2322 =
         0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_message_2333
+          JSCompiler_object_inline_message_2319
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_digest_2334 = nextHydratableInstance;
+            var JSCompiler_object_inline_digest_2320 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2334)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2320)) {
               c: {
-                var instance = JSCompiler_object_inline_digest_2334;
+                var instance = JSCompiler_object_inline_digest_2320;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8840,19 +8942,19 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_digest_2334
+                JSCompiler_object_inline_digest_2320
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_digest_2334 = workInProgress.memoizedState;
+          JSCompiler_object_inline_digest_2320 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_digest_2334 &&
-            ((JSCompiler_object_inline_digest_2334 =
-              JSCompiler_object_inline_digest_2334.dehydrated),
-            null !== JSCompiler_object_inline_digest_2334)
+            null !== JSCompiler_object_inline_digest_2320 &&
+            ((JSCompiler_object_inline_digest_2320 =
+              JSCompiler_object_inline_digest_2320.dehydrated),
+            null !== JSCompiler_object_inline_digest_2320)
           )
             return (
-              JSCompiler_object_inline_digest_2334.data ===
+              JSCompiler_object_inline_digest_2320.data ===
               SUSPENSE_FALLBACK_START_DATA
                 ? (workInProgress.lanes = DefaultHydrationLane)
                 : (workInProgress.lanes = OffscreenLane),
@@ -8860,68 +8962,68 @@
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_digest_2334 =
-          JSCompiler_object_inline_stack_2335.children;
-        JSCompiler_temp = JSCompiler_object_inline_stack_2335.fallback;
-        if (JSCompiler_object_inline_message_2333)
+        JSCompiler_object_inline_digest_2320 =
+          JSCompiler_object_inline_stack_2321.children;
+        JSCompiler_temp = JSCompiler_object_inline_stack_2321.fallback;
+        if (JSCompiler_object_inline_message_2319)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2335 =
+            (JSCompiler_object_inline_stack_2321 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2334,
+                JSCompiler_object_inline_digest_2320,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2333 = workInProgress.child),
-            (JSCompiler_object_inline_message_2333.memoizedState =
+            (JSCompiler_object_inline_message_2319 = workInProgress.child),
+            (JSCompiler_object_inline_message_2319.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2333.childLanes =
+            (JSCompiler_object_inline_message_2319.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2336,
+                JSCompiler_object_inline_componentStack_2322,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2335
+            JSCompiler_object_inline_stack_2321
           );
         if (
           "number" ===
-          typeof JSCompiler_object_inline_stack_2335.unstable_expectedLoadTime
+          typeof JSCompiler_object_inline_stack_2321.unstable_expectedLoadTime
         )
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2335 =
+            (JSCompiler_object_inline_stack_2321 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2334,
+                JSCompiler_object_inline_digest_2320,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2333 = workInProgress.child),
-            (JSCompiler_object_inline_message_2333.memoizedState =
+            (JSCompiler_object_inline_message_2319 = workInProgress.child),
+            (JSCompiler_object_inline_message_2319.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2333.childLanes =
+            (JSCompiler_object_inline_message_2319.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2336,
+                JSCompiler_object_inline_componentStack_2322,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
             (workInProgress.lanes = 4194304),
-            JSCompiler_object_inline_stack_2335
+            JSCompiler_object_inline_stack_2321
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_digest_2334
+          JSCompiler_object_inline_digest_2320
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_digest_2334 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_digest_2334)
+        ((JSCompiler_object_inline_digest_2320 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_digest_2320)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8938,93 +9040,93 @@
               (workInProgress.flags |= 128),
               (workInProgress = null))
             : (reuseSuspenseHandlerOnStack(workInProgress),
-              (JSCompiler_object_inline_message_2333 =
-                JSCompiler_object_inline_stack_2335.fallback),
-              (JSCompiler_object_inline_digest_2334 = workInProgress.mode),
-              (JSCompiler_object_inline_stack_2335 =
+              (JSCompiler_object_inline_message_2319 =
+                JSCompiler_object_inline_stack_2321.fallback),
+              (JSCompiler_object_inline_digest_2320 = workInProgress.mode),
+              (JSCompiler_object_inline_stack_2321 =
                 mountWorkInProgressOffscreenFiber(
                   {
                     mode: "visible",
-                    children: JSCompiler_object_inline_stack_2335.children
+                    children: JSCompiler_object_inline_stack_2321.children
                   },
-                  JSCompiler_object_inline_digest_2334
+                  JSCompiler_object_inline_digest_2320
                 )),
-              (JSCompiler_object_inline_message_2333 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2333,
-                JSCompiler_object_inline_digest_2334,
+              (JSCompiler_object_inline_message_2319 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2319,
+                JSCompiler_object_inline_digest_2320,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2333.flags |= 2),
-              (JSCompiler_object_inline_stack_2335.return = workInProgress),
-              (JSCompiler_object_inline_message_2333.return = workInProgress),
-              (JSCompiler_object_inline_stack_2335.sibling =
-                JSCompiler_object_inline_message_2333),
-              (workInProgress.child = JSCompiler_object_inline_stack_2335),
+              (JSCompiler_object_inline_message_2319.flags |= 2),
+              (JSCompiler_object_inline_stack_2321.return = workInProgress),
+              (JSCompiler_object_inline_message_2319.return = workInProgress),
+              (JSCompiler_object_inline_stack_2321.sibling =
+                JSCompiler_object_inline_message_2319),
+              (workInProgress.child = JSCompiler_object_inline_stack_2321),
               reconcileChildFibers(
                 workInProgress,
                 current.child,
                 null,
                 renderLanes
               ),
-              (JSCompiler_object_inline_stack_2335 = workInProgress.child),
-              (JSCompiler_object_inline_stack_2335.memoizedState =
+              (JSCompiler_object_inline_stack_2321 = workInProgress.child),
+              (JSCompiler_object_inline_stack_2321.memoizedState =
                 mountSuspenseOffscreenState(renderLanes)),
-              (JSCompiler_object_inline_stack_2335.childLanes =
+              (JSCompiler_object_inline_stack_2321.childLanes =
                 getRemainingWorkInPrimaryTree(
                   current,
-                  JSCompiler_object_inline_componentStack_2336,
+                  JSCompiler_object_inline_componentStack_2322,
                   renderLanes
                 )),
               (workInProgress.memoizedState = SUSPENDED_MARKER),
-              (workInProgress = JSCompiler_object_inline_message_2333));
+              (workInProgress = JSCompiler_object_inline_message_2319));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
-            error$jscomp$0(
+            console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          JSCompiler_object_inline_digest_2334.data ===
+          JSCompiler_object_inline_digest_2320.data ===
             SUSPENSE_FALLBACK_START_DATA)
         ) {
-          JSCompiler_object_inline_componentStack_2336 =
-            JSCompiler_object_inline_digest_2334.nextSibling &&
-            JSCompiler_object_inline_digest_2334.nextSibling.dataset;
-          if (JSCompiler_object_inline_componentStack_2336) {
-            JSCompiler_temp = JSCompiler_object_inline_componentStack_2336.dgst;
-            var message = JSCompiler_object_inline_componentStack_2336.msg;
-            instance = JSCompiler_object_inline_componentStack_2336.stck;
+          JSCompiler_object_inline_componentStack_2322 =
+            JSCompiler_object_inline_digest_2320.nextSibling &&
+            JSCompiler_object_inline_digest_2320.nextSibling.dataset;
+          if (JSCompiler_object_inline_componentStack_2322) {
+            JSCompiler_temp = JSCompiler_object_inline_componentStack_2322.dgst;
+            var message = JSCompiler_object_inline_componentStack_2322.msg;
+            instance = JSCompiler_object_inline_componentStack_2322.stck;
             var componentStack =
-              JSCompiler_object_inline_componentStack_2336.cstck;
+              JSCompiler_object_inline_componentStack_2322.cstck;
           }
-          JSCompiler_object_inline_message_2333 = message;
-          JSCompiler_object_inline_digest_2334 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2335 = instance;
-          JSCompiler_object_inline_componentStack_2336 = componentStack;
-          "POSTPONE" !== JSCompiler_object_inline_digest_2334 &&
-            ((JSCompiler_object_inline_message_2333 =
-              JSCompiler_object_inline_message_2333
-                ? Error(JSCompiler_object_inline_message_2333)
+          JSCompiler_object_inline_message_2319 = message;
+          JSCompiler_object_inline_digest_2320 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2321 = instance;
+          JSCompiler_object_inline_componentStack_2322 = componentStack;
+          "POSTPONE" !== JSCompiler_object_inline_digest_2320 &&
+            ((JSCompiler_object_inline_message_2319 =
+              JSCompiler_object_inline_message_2319
+                ? Error(JSCompiler_object_inline_message_2319)
                 : Error(
                     "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                   )),
-            (JSCompiler_object_inline_message_2333.stack =
-              JSCompiler_object_inline_stack_2335 || ""),
-            (JSCompiler_object_inline_message_2333.digest =
-              JSCompiler_object_inline_digest_2334),
-            (JSCompiler_object_inline_componentStack_2336 =
-              void 0 === JSCompiler_object_inline_componentStack_2336
+            (JSCompiler_object_inline_message_2319.stack =
+              JSCompiler_object_inline_stack_2321 || ""),
+            (JSCompiler_object_inline_message_2319.digest =
+              JSCompiler_object_inline_digest_2320),
+            (JSCompiler_object_inline_componentStack_2322 =
+              void 0 === JSCompiler_object_inline_componentStack_2322
                 ? null
-                : JSCompiler_object_inline_componentStack_2336),
-            "string" === typeof JSCompiler_object_inline_componentStack_2336 &&
+                : JSCompiler_object_inline_componentStack_2322),
+            "string" === typeof JSCompiler_object_inline_componentStack_2322 &&
               CapturedStacks.set(
-                JSCompiler_object_inline_message_2333,
-                JSCompiler_object_inline_componentStack_2336
+                JSCompiler_object_inline_message_2319,
+                JSCompiler_object_inline_componentStack_2322
               ),
             queueHydrationError({
-              value: JSCompiler_object_inline_message_2333,
+              value: JSCompiler_object_inline_message_2319,
               source: null,
-              stack: JSCompiler_object_inline_componentStack_2336
+              stack: JSCompiler_object_inline_componentStack_2322
             }));
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9032,26 +9134,26 @@
             renderLanes
           );
         } else if (
-          ((JSCompiler_object_inline_componentStack_2336 =
+          ((JSCompiler_object_inline_componentStack_2322 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_componentStack_2336)
+          didReceiveUpdate || JSCompiler_object_inline_componentStack_2322)
         ) {
-          JSCompiler_object_inline_componentStack_2336 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_componentStack_2336) {
-            JSCompiler_object_inline_stack_2335 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2335 & SyncUpdateLanes))
-              JSCompiler_object_inline_stack_2335 = SyncHydrationLane;
+          JSCompiler_object_inline_componentStack_2322 = workInProgressRoot;
+          if (null !== JSCompiler_object_inline_componentStack_2322) {
+            JSCompiler_object_inline_stack_2321 = renderLanes & -renderLanes;
+            if (0 !== (JSCompiler_object_inline_stack_2321 & SyncUpdateLanes))
+              JSCompiler_object_inline_stack_2321 = SyncHydrationLane;
             else
-              switch (JSCompiler_object_inline_stack_2335) {
+              switch (JSCompiler_object_inline_stack_2321) {
                 case SyncLane:
-                  JSCompiler_object_inline_stack_2335 = SyncHydrationLane;
+                  JSCompiler_object_inline_stack_2321 = SyncHydrationLane;
                   break;
                 case InputContinuousLane:
-                  JSCompiler_object_inline_stack_2335 =
+                  JSCompiler_object_inline_stack_2321 =
                     InputContinuousHydrationLane;
                   break;
                 case DefaultLane:
-                  JSCompiler_object_inline_stack_2335 = DefaultHydrationLane;
+                  JSCompiler_object_inline_stack_2321 = DefaultHydrationLane;
                   break;
                 case 128:
                 case 256:
@@ -9072,40 +9174,40 @@
                 case 8388608:
                 case 16777216:
                 case 33554432:
-                  JSCompiler_object_inline_stack_2335 = TransitionHydrationLane;
+                  JSCompiler_object_inline_stack_2321 = TransitionHydrationLane;
                   break;
                 case IdleLane:
-                  JSCompiler_object_inline_stack_2335 = IdleHydrationLane;
+                  JSCompiler_object_inline_stack_2321 = IdleHydrationLane;
                   break;
                 default:
-                  JSCompiler_object_inline_stack_2335 = 0;
+                  JSCompiler_object_inline_stack_2321 = 0;
               }
-            JSCompiler_object_inline_stack_2335 =
+            JSCompiler_object_inline_stack_2321 =
               0 !==
-              (JSCompiler_object_inline_stack_2335 &
-                (JSCompiler_object_inline_componentStack_2336.suspendedLanes |
+              (JSCompiler_object_inline_stack_2321 &
+                (JSCompiler_object_inline_componentStack_2322.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2335;
+                : JSCompiler_object_inline_stack_2321;
             if (
-              0 !== JSCompiler_object_inline_stack_2335 &&
-              JSCompiler_object_inline_stack_2335 !== prevState.retryLane
+              0 !== JSCompiler_object_inline_stack_2321 &&
+              JSCompiler_object_inline_stack_2321 !== prevState.retryLane
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2335),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2321),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2335
+                  JSCompiler_object_inline_stack_2321
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_componentStack_2336,
+                  JSCompiler_object_inline_componentStack_2322,
                   current,
-                  JSCompiler_object_inline_stack_2335
+                  JSCompiler_object_inline_stack_2321
                 ),
                 SelectiveHydrationException)
               );
           }
-          JSCompiler_object_inline_digest_2334.data ===
+          JSCompiler_object_inline_digest_2320.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9113,7 +9215,7 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_digest_2334.data ===
+          JSCompiler_object_inline_digest_2320.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 128),
               (workInProgress.child = current.child),
@@ -9121,12 +9223,12 @@
                 null,
                 current
               )),
-              (JSCompiler_object_inline_digest_2334._reactRetry =
+              (JSCompiler_object_inline_digest_2320._reactRetry =
                 workInProgress),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_digest_2334.nextSibling
+                JSCompiler_object_inline_digest_2320.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -9144,54 +9246,54 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2335.children
+                JSCompiler_object_inline_stack_2321.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_message_2333)
+      if (JSCompiler_object_inline_message_2319)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_message_2333 =
-            JSCompiler_object_inline_stack_2335.fallback),
-          (JSCompiler_object_inline_digest_2334 = workInProgress.mode),
+          (JSCompiler_object_inline_message_2319 =
+            JSCompiler_object_inline_stack_2321.fallback),
+          (JSCompiler_object_inline_digest_2320 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2335 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2321 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2335.children
+              children: JSCompiler_object_inline_stack_2321.children
             }
           )),
-          (JSCompiler_object_inline_stack_2335.subtreeFlags =
+          (JSCompiler_object_inline_stack_2321.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_message_2333 = createWorkInProgress(
+            ? (JSCompiler_object_inline_message_2319 = createWorkInProgress(
                 instance,
-                JSCompiler_object_inline_message_2333
+                JSCompiler_object_inline_message_2319
               ))
-            : ((JSCompiler_object_inline_message_2333 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2333,
-                JSCompiler_object_inline_digest_2334,
+            : ((JSCompiler_object_inline_message_2319 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2319,
+                JSCompiler_object_inline_digest_2320,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2333.flags |= 2)),
-          (JSCompiler_object_inline_message_2333.return = workInProgress),
-          (JSCompiler_object_inline_stack_2335.return = workInProgress),
-          (JSCompiler_object_inline_stack_2335.sibling =
-            JSCompiler_object_inline_message_2333),
-          (workInProgress.child = JSCompiler_object_inline_stack_2335),
-          (JSCompiler_object_inline_stack_2335 =
-            JSCompiler_object_inline_message_2333),
-          (JSCompiler_object_inline_message_2333 = workInProgress.child),
-          (JSCompiler_object_inline_digest_2334 = current.child.memoizedState),
-          null === JSCompiler_object_inline_digest_2334
-            ? (JSCompiler_object_inline_digest_2334 =
+              (JSCompiler_object_inline_message_2319.flags |= 2)),
+          (JSCompiler_object_inline_message_2319.return = workInProgress),
+          (JSCompiler_object_inline_stack_2321.return = workInProgress),
+          (JSCompiler_object_inline_stack_2321.sibling =
+            JSCompiler_object_inline_message_2319),
+          (workInProgress.child = JSCompiler_object_inline_stack_2321),
+          (JSCompiler_object_inline_stack_2321 =
+            JSCompiler_object_inline_message_2319),
+          (JSCompiler_object_inline_message_2319 = workInProgress.child),
+          (JSCompiler_object_inline_digest_2320 = current.child.memoizedState),
+          null === JSCompiler_object_inline_digest_2320
+            ? (JSCompiler_object_inline_digest_2320 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_digest_2334.cachePool),
+                JSCompiler_object_inline_digest_2320.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -9199,38 +9301,38 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_digest_2334 = {
+              (JSCompiler_object_inline_digest_2320 = {
                 baseLanes:
-                  JSCompiler_object_inline_digest_2334.baseLanes | renderLanes,
+                  JSCompiler_object_inline_digest_2320.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_message_2333.memoizedState =
-            JSCompiler_object_inline_digest_2334),
-          (JSCompiler_object_inline_message_2333.childLanes =
+          (JSCompiler_object_inline_message_2319.memoizedState =
+            JSCompiler_object_inline_digest_2320),
+          (JSCompiler_object_inline_message_2319.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_componentStack_2336,
+              JSCompiler_object_inline_componentStack_2322,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2335
+          JSCompiler_object_inline_stack_2321
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2335.children
+        children: JSCompiler_object_inline_stack_2321.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_componentStack_2336 =
+        ((JSCompiler_object_inline_componentStack_2322 =
           workInProgress.deletions),
-        null === JSCompiler_object_inline_componentStack_2336
+        null === JSCompiler_object_inline_componentStack_2322
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_componentStack_2336.push(current));
+          : JSCompiler_object_inline_componentStack_2322.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -9298,7 +9400,7 @@
       childSlot = !isAnArray && "function" === typeof getIteratorFn(childSlot);
       return isAnArray || childSlot
         ? ((isAnArray = isAnArray ? "array" : "iterable"),
-          error$jscomp$0(
+          console.error(
             "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
             isAnArray,
             index,
@@ -9351,7 +9453,7 @@
             case "together":
             case "forwards":
             case "backwards":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
@@ -9359,20 +9461,20 @@
               break;
             case "forward":
             case "backward":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
               );
               break;
             default:
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
                 revealOrder
               );
           }
         else
-          error$jscomp$0(
+          console.error(
             '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
             revealOrder
           );
@@ -9380,14 +9482,14 @@
         didWarnAboutTailOptions[tailMode] ||
         ("collapsed" !== tailMode && "hidden" !== tailMode
           ? ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
               tailMode
             ))
           : "forwards" !== revealOrder &&
             "backwards" !== revealOrder &&
             ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
               tailMode
             )));
@@ -9408,7 +9510,7 @@
               _i++;
             }
         } else
-          error$jscomp$0(
+          console.error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
@@ -10161,7 +10263,7 @@
             "value" in prevSibling ||
               hasWarnedAboutUsingNoValuePropOnContextProvider ||
               ((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
-              error$jscomp$0(
+              console.error(
                 "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
               ));
             pushProvider(workInProgress, returnFiber, nextState);
@@ -10195,7 +10297,7 @@
             (prevSibling = workInProgress.type._context),
             (returnFiber = workInProgress.pendingProps.children),
             "function" !== typeof returnFiber &&
-              error$jscomp$0(
+              console.error(
                 "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
               ),
             prepareToReadContext(workInProgress, renderLanes),
@@ -10316,7 +10418,7 @@
       void 0 !== context._currentRenderer &&
         null !== context._currentRenderer &&
         context._currentRenderer !== rendererSigil &&
-        error$jscomp$0(
+        console.error(
           "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
         );
       context._currentRenderer = rendererSigil;
@@ -10345,7 +10447,7 @@
         parent = parent.return;
       }
       parent !== propagationRoot &&
-        error$jscomp$0(
+        console.error(
           "Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue."
         );
     }
@@ -10432,7 +10534,7 @@
     }
     function readContext(context) {
       isDisallowedContextReadInDEV &&
-        error$jscomp$0(
+        console.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 readContextForConsumer(currentlyRenderingFiber, context);
@@ -10496,7 +10598,7 @@
         !didWarnUpdateInsideUpdate
       ) {
         var componentName = getComponentNameFromFiber(fiber);
-        error$jscomp$0(
+        console.error(
           "An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.\n\nPlease update the following component: %s",
           componentName
         );
@@ -10760,7 +10862,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -10786,7 +10888,7 @@
         ((ctor = getComponentNameFromType(ctor) || "Component"),
         didWarnAboutUndefinedDerivedState.has(ctor) ||
           (didWarnAboutUndefinedDerivedState.add(ctor),
-          error$jscomp$0(
+          console.error(
             "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
             ctor
           )));
@@ -10827,7 +10929,7 @@
           }
         }
         void 0 === oldProps &&
-          error$jscomp$0(
+          console.error(
             "%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
             getComponentNameFromType(ctor) || "Component"
           );
@@ -10853,7 +10955,7 @@
           getComponentNameFromFiber(workInProgress) || "Component"),
         didWarnAboutStateAssignmentForComponent.has(workInProgress) ||
           (didWarnAboutStateAssignmentForComponent.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
             workInProgress
           )),
@@ -10923,16 +11025,16 @@
             else current.refCleanup = ref(instanceToUse);
           else
             "string" === typeof ref
-              ? error$jscomp$0("String refs are no longer supported.")
+              ? console.error("String refs are no longer supported.")
               : ref.hasOwnProperty("current") ||
-                error$jscomp$0(
+                console.error(
                   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
                   getComponentNameFromFiber(current)
                 ),
               (ref.current = instanceToUse);
         }
-      } catch (error$12) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$12);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function safelyDetachRef(current, nearestMountedAncestor) {
@@ -10948,8 +11050,8 @@
                 recordLayoutEffectDuration(current);
               }
             else refCleanup();
-          } catch (error$13) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$13);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           } finally {
             (current.refCleanup = null),
               (current = current.alternate),
@@ -10964,16 +11066,16 @@
                 recordLayoutEffectDuration(current);
               }
             else ref(null);
-          } catch (error$14) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$14);
+          } catch (error$6) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error$6);
           }
         else ref.current = null;
     }
     function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
       try {
         destroy();
-      } catch (error$15) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$15);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function commitBeforeMutationEffects(root, firstChild) {
@@ -11000,7 +11102,7 @@
               selection = selection.focusOffset;
               try {
                 JSCompiler_temp.nodeType, focusNode.nodeType;
-              } catch (e$3) {
+              } catch (e$2) {
                 JSCompiler_temp = null;
                 break a;
               }
@@ -11065,8 +11167,8 @@
                 commitBeforeMutationEffectsOnFiber,
                 firstChild
               );
-            } catch (error$16) {
-              captureCommitPhaseError(firstChild, firstChild.return, error$16);
+            } catch (error) {
+              captureCommitPhaseError(firstChild, firstChild.return, error);
             }
             root = firstChild.sibling;
             if (null !== root) {
@@ -11107,12 +11209,12 @@
               "ref" in finishedWork.memoizedProps ||
               didWarnAboutReassigningProps ||
               (current.props !== finishedWork.memoizedProps &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ),
               current.state !== finishedWork.memoizedState &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ));
@@ -11124,7 +11226,7 @@
             void 0 !== flags ||
               prevState.has(finishedWork.type) ||
               (prevState.add(finishedWork.type),
-              error$jscomp$0(
+              console.error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
                 getComponentNameFromFiber(finishedWork)
               ));
@@ -11250,7 +11352,7 @@
                   : 0 !== (effect.tag & Insertion)
                   ? "useInsertionEffect"
                   : "useEffect"),
-              error$jscomp$0(
+              console.error(
                 "%s must not return anything besides a function, which is used for clean-up.%s",
                 inst,
                 null === create
@@ -11273,15 +11375,15 @@
         try {
           startLayoutEffectTimer(),
             commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$17) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$17);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordLayoutEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$18) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$18);
+        } catch (error$7) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$7);
         }
     }
     function commitClassCallbacks(finishedWork) {
@@ -11292,19 +11394,19 @@
           "ref" in finishedWork.memoizedProps ||
           didWarnAboutReassigningProps ||
           (instance.props !== finishedWork.memoizedProps &&
-            error$jscomp$0(
+            console.error(
               "Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ),
           instance.state !== finishedWork.memoizedState &&
-            error$jscomp$0(
+            console.error(
               "Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ));
         try {
           commitCallbacks(updateQueue, instance);
-        } catch (error$23) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$23);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
     }
@@ -11323,8 +11425,8 @@
           case "img":
             props.src && (instance.src = props.src);
         }
-      } catch (error$24) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error$24);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
       }
     }
     function commitProfilerUpdate(finishedWork, current) {
@@ -11366,8 +11468,8 @@
             }
             parentFiber = parentFiber.return;
           }
-        } catch (error$25) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$25);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function commitLayoutEffectOnFiber(
@@ -11402,12 +11504,12 @@
                   "ref" in finishedWork.memoizedProps ||
                   didWarnAboutReassigningProps ||
                   (finishedRoot.props !== finishedWork.memoizedProps &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     ),
                   finishedRoot.state !== finishedWork.memoizedState &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     )),
@@ -11415,22 +11517,22 @@
               ) {
                 try {
                   startLayoutEffectTimer(), finishedRoot.componentDidMount();
-                } catch (error$19) {
+                } catch (error) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$19
+                    error
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
               } else
                 try {
                   finishedRoot.componentDidMount();
-                } catch (error$20) {
+                } catch (error$8) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$20
+                    error$8
                   );
                 }
             else {
@@ -11443,12 +11545,12 @@
                 "ref" in finishedWork.memoizedProps ||
                 didWarnAboutReassigningProps ||
                 (finishedRoot.props !== finishedWork.memoizedProps &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ),
                 finishedRoot.state !== finishedWork.memoizedState &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ));
@@ -11460,11 +11562,11 @@
                       prevState,
                       finishedRoot.__reactInternalSnapshotBeforeUpdate
                     );
-                } catch (error$21) {
+                } catch (error$9) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$21
+                    error$9
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
@@ -11475,11 +11577,11 @@
                     prevState,
                     finishedRoot.__reactInternalSnapshotBeforeUpdate
                   );
-                } catch (error$22) {
+                } catch (error$10) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$22
+                    error$10
                   );
                 }
             }
@@ -11508,12 +11610,8 @@
               }
             try {
               commitCallbacks(flags, finishedRoot);
-            } catch (error$26) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$26
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           }
           break;
@@ -11711,7 +11809,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -11857,11 +11955,11 @@
           )
             try {
               callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 deletedFiber,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           recursivelyTraverseDeletionEffects(
@@ -11908,8 +12006,8 @@
       )
         try {
           retryIfBlockedOn(finishedRoot);
-        } catch (error$29) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$29);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function getRetryCache(finishedWork) {
@@ -12008,8 +12106,8 @@
             var alternate = root.alternate;
             null !== alternate && (alternate.return = null);
             root.return = null;
-          } catch (error$30) {
-            captureCommitPhaseError(childToDelete, parentFiber, error$30);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
           }
         }
       if (parentFiber.subtreeFlags & 13878)
@@ -12041,12 +12139,8 @@
                 finishedWork.return
               ),
                 commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-            } catch (error$31) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$31
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
             if (shouldProfile(finishedWork)) {
               try {
@@ -12056,11 +12150,11 @@
                     finishedWork,
                     finishedWork.return
                   );
-              } catch (error$32) {
+              } catch (error$12) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$32
+                  error$12
                 );
               }
               recordLayoutEffectDuration(finishedWork);
@@ -12071,11 +12165,11 @@
                   finishedWork,
                   finishedWork.return
                 );
-              } catch (error$33) {
+              } catch (error$13) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$33
+                  error$13
                 );
               }
           }
@@ -12261,11 +12355,11 @@
                   newProps
                 );
                 domElement[internalPropsKey] = newProps;
-              } catch (error$34) {
+              } catch (error$14) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$34
+                  error$14
                 );
               }
           break;
@@ -12289,7 +12383,7 @@
             node = finishedWork.type;
             getInstanceFromNode(hoistableRoot) &&
               ((nextNode = hoistableRoot.tagName.toLowerCase()),
-              error$jscomp$0(
+              console.error(
                 "You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
                 nextNode,
                 nextNode,
@@ -12301,7 +12395,7 @@
               case "body":
                 break;
               default:
-                error$jscomp$0(
+                console.error(
                   "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
                 );
             }
@@ -12321,11 +12415,11 @@
             root = finishedWork.stateNode;
             try {
               setTextContent(root, "");
-            } catch (error$35) {
+            } catch (error$15) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$35
+                error$15
               );
             }
           }
@@ -12336,18 +12430,18 @@
             try {
               updateProperties(root, hoistableRoot, current, lanes),
                 (root[internalPropsKey] = lanes);
-            } catch (error$36) {
+            } catch (error$16) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$36
+                error$16
               );
             }
           }
           flags & 1024 &&
             ((needsFormReset = !0),
             "form" !== finishedWork.type &&
-              error$jscomp$0(
+              console.error(
                 "Unexpected host component type. Expected a form. This is a bug in React."
               ));
           break;
@@ -12363,11 +12457,11 @@
             current = finishedWork.memoizedProps;
             try {
               flags.nodeValue = current;
-            } catch (error$37) {
+            } catch (error$17) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$37
+                error$17
               );
             }
           }
@@ -12386,11 +12480,11 @@
           )
             try {
               retryIfBlockedOn(root.containerInfo);
-            } catch (error$38) {
+            } catch (error$18) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$38
+                error$18
               );
             }
           needsFormReset &&
@@ -12473,11 +12567,11 @@
                             null == nodeName || "boolean" === typeof nodeName
                               ? ""
                               : ("" + nodeName).trim()));
-                  } catch (error$27) {
+                  } catch (error) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$27
+                      error
                     );
                   }
                 }
@@ -12487,11 +12581,11 @@
                     root.stateNode.nodeValue = domElement
                       ? ""
                       : root.memoizedProps;
-                  } catch (error$28) {
+                  } catch (error$11) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$28
+                      error$11
                     );
                   }
               } else if (
@@ -12589,8 +12683,8 @@
                 );
             }
           }
-        } catch (error$40) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$40);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         finishedWork.flags &= -3;
       }
@@ -12663,11 +12757,11 @@
             var nearestMountedAncestor = finishedWork.return;
             try {
               callComponentWillUnmountWithTimer(finishedWork, instance);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 finishedWork,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           }
@@ -12721,12 +12815,8 @@
           if ("function" === typeof finishedRoot.componentDidMount)
             try {
               finishedRoot.componentDidMount();
-            } catch (error$41) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$41
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           var updateQueue = finishedWork.updateQueue;
           if (
@@ -12818,15 +12908,15 @@
         passiveEffectStartTime = now();
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$42) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$42);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordPassiveEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$43) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$43);
+        } catch (error$20) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$20);
         }
     }
     function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -13382,9 +13472,6 @@
         "function" !== typeof Object.preventExtensions ||
         Object.preventExtensions(this);
     }
-    function createFiber(tag, pendingProps, key, mode) {
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
     function shouldConstruct(Component) {
       Component = Component.prototype;
       return !(!Component || !Component.isReactComponent);
@@ -13521,34 +13608,32 @@
             break;
           case REACT_PROFILER_TYPE:
             return (
+              (type = pendingProps),
               (owner = mode),
-              "string" !== typeof pendingProps.id &&
-                error$jscomp$0(
+              "string" !== typeof type.id &&
+                console.error(
                   'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-                  typeof pendingProps.id
+                  typeof type.id
                 ),
-              (owner = createFiber(12, pendingProps, key, owner | 2)),
-              (owner.elementType = REACT_PROFILER_TYPE),
-              (owner.lanes = lanes),
-              (owner.stateNode = {
-                effectDuration: 0,
-                passiveEffectDuration: 0
-              }),
-              owner
+              (key = createFiber(12, type, key, owner | 2)),
+              (key.elementType = REACT_PROFILER_TYPE),
+              (key.lanes = lanes),
+              (key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
+              key
             );
           case REACT_SUSPENSE_TYPE:
             return (
-              (owner = createFiber(13, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(13, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_SUSPENSE_LIST_TYPE:
             return (
-              (owner = createFiber(19, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_LIST_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(19, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_LIST_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_OFFSCREEN_TYPE:
             return createFiberFromOffscreen(pendingProps, mode, lanes, key);
@@ -13574,33 +13659,36 @@
                   resolvedType = null;
                   break a;
               }
-            lanes = "";
+            resolvedType = "";
             if (
               void 0 === type ||
               ("object" === typeof type &&
                 null !== type &&
                 0 === Object.keys(type).length)
             )
-              lanes +=
+              resolvedType +=
                 " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             null === type
-              ? (type = "null")
+              ? (pendingProps = "null")
               : isArrayImpl(type)
-              ? (type = "array")
+              ? (pendingProps = "array")
               : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-              ? ((type =
+              ? ((pendingProps =
                   "<" +
                   (getComponentNameFromType(type.type) || "Unknown") +
                   " />"),
-                (lanes =
+                (resolvedType =
                   " Did you accidentally export a JSX literal instead of a component?"))
-              : (type = typeof type);
-            (owner = owner ? getComponentNameFromOwner(owner) : null) &&
-              (lanes += "\n\nCheck the render method of `" + owner + "`.");
-            throw Error(
+              : (pendingProps = typeof type);
+            (fiberTag = owner ? getComponentNameFromOwner(owner) : null) &&
+              (resolvedType +=
+                "\n\nCheck the render method of `" + fiberTag + "`.");
+            fiberTag = 29;
+            pendingProps = Error(
               "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-                (type + "." + lanes)
+                (pendingProps + "." + resolvedType)
             );
+            resolvedType = null;
         }
       key = createFiber(fiberTag, pendingProps, key, mode);
       key.elementType = type;
@@ -13968,7 +14056,7 @@
                           : current.createElement(renderLanes)),
                         -1 === renderLanes.indexOf("-") &&
                           (renderLanes !== renderLanes.toLowerCase() &&
-                            error$jscomp$0(
+                            console.error(
                               "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
                               renderLanes
                             ),
@@ -13979,7 +14067,7 @@
                               renderLanes
                             ) ||
                             ((warnedUnknownTags[renderLanes] = !0),
-                            error$jscomp$0(
+                            console.error(
                               "The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
                               renderLanes
                             )));
@@ -14469,7 +14557,7 @@
           : void 0;
       isReactActEnvironmentGlobal ||
         null === ReactSharedInternals.actQueue ||
-        error$jscomp$0(
+        console.error(
           "The current testing environment is not configured to support act(...)"
         );
       return isReactActEnvironmentGlobal;
@@ -14500,7 +14588,7 @@
     }
     function scheduleUpdateOnFiber(root, fiber, lane) {
       isRunningInsertionEffect &&
-        error$jscomp$0("useInsertionEffect must not schedule updates.");
+        console.error("useInsertionEffect must not schedule updates.");
       isFlushingPassiveEffects && (didScheduleUpdateDuringPassiveEffects = !0);
       if (
         (root === workInProgressRoot &&
@@ -14529,7 +14617,7 @@
               didWarnAboutUpdateInRenderForAnotherComponent.has(root) ||
                 (didWarnAboutUpdateInRenderForAnotherComponent.add(root),
                 (fiber = getComponentNameFromFiber(fiber) || "Unknown"),
-                error$jscomp$0(
+                console.error(
                   "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://react.dev/link/setstate-in-render",
                   fiber,
                   root,
@@ -14538,7 +14626,7 @@
               break;
             case 1:
               didWarnAboutUpdateInRender ||
-                (error$jscomp$0(
+                (console.error(
                   "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
                 ),
                 (didWarnAboutUpdateInRender = !0));
@@ -14791,7 +14879,7 @@
               check = check.value;
               try {
                 if (!objectIs(getSnapshot(), check)) return !1;
-              } catch (error$45) {
+              } catch (error) {
                 return !1;
               }
             }
@@ -15102,8 +15190,8 @@
           }
           workLoopSync();
           break;
-        } catch (thrownValue$46) {
-          handleThrow(root, thrownValue$46);
+        } catch (thrownValue$22) {
+          handleThrow(root, thrownValue$22);
         }
       while (1);
       lanes && root.shellSuspendCounter++;
@@ -15217,7 +15305,7 @@
                     }
                     break;
                   default:
-                    error$jscomp$0(
+                    console.error(
                       "Unexpected type of fiber triggered a suspensey commit. This is a bug in React."
                     );
                 }
@@ -15243,8 +15331,8 @@
             ? workLoopSync()
             : workLoopConcurrent();
           break;
-        } catch (thrownValue$47) {
-          handleThrow(root, thrownValue$47);
+        } catch (thrownValue$23) {
+          handleThrow(root, thrownValue$23);
         }
       while (1);
       resetContextDependencies();
@@ -15359,9 +15447,8 @@
           workInProgress = null;
           return;
         }
-      } catch (error$48) {
-        if (null !== returnFiber)
-          throw ((workInProgress = returnFiber), error$48);
+      } catch (error) {
+        if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
         workInProgressRootExitStatus = RootFatalErrored;
         logUncaughtError(
           root,
@@ -15404,7 +15491,7 @@
       var completedWork = unitOfWork;
       do {
         0 !== (completedWork.flags & 32768) &&
-          error$jscomp$0(
+          console.error(
             "Internal React error: Expected this fiber to be complete, but it isn't. It should have been unwound. This is a bug in React."
           );
         var current = completedWork.alternate;
@@ -15487,7 +15574,7 @@
         injectedProfilingHooks.markCommitStarted(lanes);
       if (null === finishedWork) return markCommitStopped(), null;
       0 === lanes &&
-        error$jscomp$0(
+        console.error(
           "root.finishedLanes should not be empty during a commit. This is a bug in React."
         );
       root.finishedWork = null;
@@ -15592,7 +15679,7 @@
       componentStack = { componentStack: componentStack };
       Object.defineProperty(componentStack, "digest", {
         get: function () {
-          error$jscomp$0(
+          console.error(
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError. This property is no longer provided as part of errorInfo but can be accessed as a property of the Error instance itself.'
           );
         }
@@ -15732,7 +15819,7 @@
               } catch (err) {
                 hasLoggedError ||
                   ((hasLoggedError = !0),
-                  error$jscomp$0(
+                  console.error(
                     "React instrumentation encountered an error: %s",
                     err
                   ));
@@ -15775,18 +15862,18 @@
     function captureCommitPhaseError(
       sourceFiber,
       nearestMountedAncestor,
-      error$1
+      error
     ) {
       isRunningInsertionEffect = !1;
       if (3 === sourceFiber.tag)
-        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
       else {
         for (; null !== nearestMountedAncestor; ) {
           if (3 === nearestMountedAncestor.tag) {
             captureCommitPhaseErrorOnRoot(
               nearestMountedAncestor,
               sourceFiber,
-              error$1
+              error
             );
             return;
           }
@@ -15799,16 +15886,12 @@
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
             ) {
-              sourceFiber = createCapturedValueAtFiber(error$1, sourceFiber);
-              error$1 = createClassErrorUpdate(SyncLane);
-              instance = enqueueUpdate(
-                nearestMountedAncestor,
-                error$1,
-                SyncLane
-              );
+              sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+              error = createClassErrorUpdate(SyncLane);
+              instance = enqueueUpdate(nearestMountedAncestor, error, SyncLane);
               null !== instance &&
                 (initializeClassErrorUpdate(
-                  error$1,
+                  error,
                   instance,
                   nearestMountedAncestor,
                   sourceFiber
@@ -15820,9 +15903,9 @@
           }
           nearestMountedAncestor = nearestMountedAncestor.return;
         }
-        error$jscomp$0(
+        console.error(
           "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-          error$1
+          error
         );
       }
     }
@@ -15854,7 +15937,7 @@
       throwIfInfiniteUpdateLoopDetected();
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
-        error$jscomp$0(
+        console.error(
           "A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n\nWhen testing, code that resolves suspended data should be wrapped into act(...):\n\nact(() => {\n  /* finish loading suspended data */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act"
         );
       workInProgressRoot === root &&
@@ -15920,7 +16003,7 @@
       nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT &&
         ((nestedPassiveUpdateCount = 0),
         (rootWithPassiveNestedUpdates = null),
-        error$jscomp$0(
+        console.error(
           "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."
         ));
     }
@@ -16006,7 +16089,7 @@
             didWarnStateUpdateForNotYetMountedComponent.add(tag);
           } else didWarnStateUpdateForNotYetMountedComponent = new Set([tag]);
           runWithFiberInDEV(fiber, function () {
-            error$jscomp$0(
+            console.error(
               "Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead."
             );
           });
@@ -16029,7 +16112,7 @@
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
         runWithFiberInDEV(fiber, function () {
-          error$jscomp$0(
+          console.error(
             "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act",
             getComponentNameFromFiber(fiber)
           );
@@ -16321,8 +16404,8 @@
       event.currentTarget = currentTarget;
       try {
         listener(event);
-      } catch (error$49) {
-        reportGlobalError(error$49);
+      } catch (error) {
+        reportGlobalError(error);
       }
       event.currentTarget = null;
     }
@@ -16385,7 +16468,7 @@
     }
     function listenToNonDelegatedEvent(domEventName, targetElement) {
       nonDelegatedEvents.has(domEventName) ||
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNonDelegatedEvent() call for "%s". This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16400,7 +16483,7 @@
     function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
       nonDelegatedEvents.has(domEventName) &&
         !isCapturePhaseListener &&
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -17058,11 +17141,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$0(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$0(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -17076,7 +17159,7 @@
       props.contentEditable &&
         !props.suppressContentEditableWarning &&
         null != props.children &&
-        error$jscomp$0(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
     }
@@ -17105,13 +17188,13 @@
     }
     function warnForInvalidEventListener(registrationName, listener) {
       !1 === listener
-        ? error$jscomp$0(
+        ? console.error(
             "Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
             registrationName,
             registrationName,
             registrationName
           )
-        : error$jscomp$0(
+        : console.error(
             "Expected `%s` listener to be a function, instead got a value of `%s` type.",
             registrationName,
             typeof listener
@@ -17131,7 +17214,7 @@
     }
     function normalizeMarkupForTextOrAttribute(markup) {
       willCoercionThrow(markup) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(markup)
         ),
@@ -17175,16 +17258,21 @@
         case "style":
           setValueForStyles(domElement, value, prevValue);
           break;
+        case "data":
+          if ("object" !== tag) {
+            setValueForKnownAttribute(domElement, "data", value);
+            break;
+          }
         case "src":
         case "href":
           if ("" === value && ("a" !== tag || "href" !== key)) {
             "src" === key
-              ? error$jscomp$0(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
                 )
-              : error$jscomp$0(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
@@ -17210,25 +17298,25 @@
           null != value &&
             ("form" === tag
               ? "formAction" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
                   )
                 : "function" === typeof value &&
                   ((null == props.encType && null == props.method) ||
                     didWarnFormActionMethod ||
                     ((didWarnFormActionMethod = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
                     )),
                   null == props.target ||
                     didWarnFormActionTarget ||
                     ((didWarnFormActionTarget = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
                     )))
               : "input" === tag || "button" === tag
               ? "action" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
                   )
                 : "input" !== tag ||
@@ -17243,32 +17331,32 @@
                     (null == props.name ||
                       didWarnFormActionName ||
                       ((didWarnFormActionName = !0),
-                      error$jscomp$0(
+                      console.error(
                         'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
                       )),
                     (null == props.formEncType && null == props.formMethod) ||
                       didWarnFormActionMethod ||
                       ((didWarnFormActionMethod = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
                       )),
                     null == props.formTarget ||
                       didWarnFormActionTarget ||
                       ((didWarnFormActionTarget = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
                       )))
                   : ((didWarnFormActionType = !0),
-                    error$jscomp$0(
+                    console.error(
                       'A button can only specify a formAction along with type="submit" or no type.'
                     ))
                 : ((didWarnFormActionType = !0),
-                  error$jscomp$0(
+                  console.error(
                     'An input can only specify a formAction along with type="submit" or type="image".'
                   ))
               : "action" === key
-              ? error$jscomp$0("You can only pass the action prop to <form>.")
-              : error$jscomp$0(
+              ? console.error("You can only pass the action prop to <form>.")
+              : console.error(
                   "You can only pass the formAction prop to <input> or <button>."
                 ));
           if ("function" === typeof value) {
@@ -17419,7 +17507,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[key] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[key] = !0),
-            error$jscomp$0(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               key
             ));
@@ -17563,7 +17651,7 @@
           break;
         case "is":
           null != prevValue &&
-            error$jscomp$0(
+            console.error(
               'Cannot update the "is" prop after it has been initialized.'
             );
           setValueForAttribute(domElement, "is", value);
@@ -17576,7 +17664,7 @@
             null == value ||
             "object" !== typeof value ||
             ((didWarnPopoverTargetObject = !0),
-            error$jscomp$0(
+            console.error(
               "The `popoverTarget` prop expects the ID of an Element as a string. Received %s instead.",
               value
             ));
@@ -17699,59 +17787,87 @@
         case "p":
         case "li":
           break;
-        case "input":
-          checkControlledValueProps("input", props);
-          listenToNonDelegatedEvent("invalid", domElement);
-          var name = null,
-            type = null,
-            value = null,
-            defaultValue = null,
-            checked = null,
-            defaultChecked = null;
+        case "img":
+          listenToNonDelegatedEvent("error", domElement);
+          listenToNonDelegatedEvent("load", domElement);
+          var hasSrc = !1,
+            hasSrcSet = !1,
+            propKey;
           for (propKey in props)
             if (props.hasOwnProperty(propKey)) {
               var propValue = props[propKey];
               if (null != propValue)
                 switch (propKey) {
+                  case "src":
+                    hasSrc = !0;
+                    break;
+                  case "srcSet":
+                    hasSrcSet = !0;
+                    break;
+                  case "children":
+                  case "dangerouslySetInnerHTML":
+                    throw Error(
+                      tag +
+                        " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                    );
+                  default:
+                    setProp(domElement, tag, propKey, propValue, props, null);
+                }
+            }
+          hasSrcSet &&
+            setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+          hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+          return;
+        case "input":
+          checkControlledValueProps("input", props);
+          listenToNonDelegatedEvent("invalid", domElement);
+          var defaultValue = (propKey = propValue = hasSrcSet = null),
+            checked = null,
+            defaultChecked = null;
+          for (hasSrc in props)
+            if (props.hasOwnProperty(hasSrc)) {
+              var _propValue = props[hasSrc];
+              if (null != _propValue)
+                switch (hasSrc) {
                   case "name":
-                    name = propValue;
+                    hasSrcSet = _propValue;
                     break;
                   case "type":
-                    type = propValue;
+                    propValue = _propValue;
                     break;
                   case "checked":
-                    checked = propValue;
+                    checked = _propValue;
                     break;
                   case "defaultChecked":
-                    defaultChecked = propValue;
+                    defaultChecked = _propValue;
                     break;
                   case "value":
-                    value = propValue;
+                    propKey = _propValue;
                     break;
                   case "defaultValue":
-                    defaultValue = propValue;
+                    defaultValue = _propValue;
                     break;
                   case "children":
                   case "dangerouslySetInnerHTML":
-                    if (null != propValue)
+                    if (null != _propValue)
                       throw Error(
                         tag +
                           " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                       );
                     break;
                   default:
-                    setProp(domElement, tag, propKey, propValue, props, null);
+                    setProp(domElement, tag, hasSrc, _propValue, props, null);
                 }
             }
           validateInputProps(domElement, props);
           initInput(
             domElement,
-            value,
+            propKey,
             defaultValue,
             checked,
             defaultChecked,
-            type,
-            name,
+            propValue,
+            hasSrcSet,
             !1
           );
           track(domElement);
@@ -17759,50 +17875,57 @@
         case "select":
           checkControlledValueProps("select", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          var propKey = (type = value = null);
-          for (name in props)
+          hasSrc = propValue = propKey = null;
+          for (hasSrcSet in props)
             if (
-              props.hasOwnProperty(name) &&
-              ((defaultValue = props[name]), null != defaultValue)
+              props.hasOwnProperty(hasSrcSet) &&
+              ((defaultValue = props[hasSrcSet]), null != defaultValue)
             )
-              switch (name) {
+              switch (hasSrcSet) {
                 case "value":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "defaultValue":
-                  type = defaultValue;
+                  propValue = defaultValue;
                   break;
                 case "multiple":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                 default:
-                  setProp(domElement, tag, name, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    hasSrcSet,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateSelectProps(domElement, props);
-          tag = value;
-          props = type;
-          domElement.multiple = !!propKey;
+          tag = propKey;
+          props = propValue;
+          domElement.multiple = !!hasSrc;
           null != tag
-            ? updateOptions(domElement, !!propKey, tag, !1)
-            : null != props && updateOptions(domElement, !!propKey, props, !0);
+            ? updateOptions(domElement, !!hasSrc, tag, !1)
+            : null != props && updateOptions(domElement, !!hasSrc, props, !0);
           return;
         case "textarea":
           checkControlledValueProps("textarea", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          value = name = propKey = null;
-          for (type in props)
+          propKey = hasSrcSet = hasSrc = null;
+          for (propValue in props)
             if (
-              props.hasOwnProperty(type) &&
-              ((defaultValue = props[type]), null != defaultValue)
+              props.hasOwnProperty(propValue) &&
+              ((defaultValue = props[propValue]), null != defaultValue)
             )
-              switch (type) {
+              switch (propValue) {
                 case "value":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                   break;
                 case "defaultValue":
-                  name = defaultValue;
+                  hasSrcSet = defaultValue;
                   break;
                 case "children":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "dangerouslySetInnerHTML":
                   if (null != defaultValue)
@@ -17811,28 +17934,35 @@
                     );
                   break;
                 default:
-                  setProp(domElement, tag, type, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    propValue,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateTextareaProps(domElement, props);
-          initTextarea(domElement, propKey, name, value);
+          initTextarea(domElement, hasSrc, hasSrcSet, propKey);
           track(domElement);
           return;
         case "option":
           validateOptionProps(domElement, props);
-          for (defaultValue in props)
+          for (checked in props)
             if (
-              props.hasOwnProperty(defaultValue) &&
-              ((propKey = props[defaultValue]), null != propKey)
+              props.hasOwnProperty(checked) &&
+              ((hasSrc = props[checked]), null != hasSrc)
             )
-              switch (defaultValue) {
+              switch (checked) {
                 case "selected":
                   domElement.selected =
-                    propKey &&
-                    "function" !== typeof propKey &&
-                    "symbol" !== typeof propKey;
+                    hasSrc &&
+                    "function" !== typeof hasSrc &&
+                    "symbol" !== typeof hasSrc;
                   break;
                 default:
-                  setProp(domElement, tag, defaultValue, propKey, props, null);
+                  setProp(domElement, tag, checked, hasSrc, props, null);
               }
           return;
         case "dialog":
@@ -17845,8 +17975,8 @@
           break;
         case "video":
         case "audio":
-          for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-            listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+          for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+            listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
           break;
         case "image":
           listenToNonDelegatedEvent("error", domElement);
@@ -17857,7 +17987,6 @@
           break;
         case "embed":
         case "source":
-        case "img":
         case "link":
           listenToNonDelegatedEvent("error", domElement),
             listenToNonDelegatedEvent("load", domElement);
@@ -17872,12 +18001,12 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (checked in props)
+          for (defaultChecked in props)
             if (
-              props.hasOwnProperty(checked) &&
-              ((propKey = props[checked]), null != propKey)
+              props.hasOwnProperty(defaultChecked) &&
+              ((hasSrc = props[defaultChecked]), null != hasSrc)
             )
-              switch (checked) {
+              switch (defaultChecked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
                   throw Error(
@@ -17885,31 +18014,31 @@
                       " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                   );
                 default:
-                  setProp(domElement, tag, checked, propKey, props, null);
+                  setProp(domElement, tag, defaultChecked, hasSrc, props, null);
               }
           return;
         default:
           if (isCustomElement(tag)) {
-            for (defaultChecked in props)
-              props.hasOwnProperty(defaultChecked) &&
-                ((propKey = props[defaultChecked]),
-                void 0 !== propKey &&
+            for (_propValue in props)
+              props.hasOwnProperty(_propValue) &&
+                ((hasSrc = props[_propValue]),
+                void 0 !== hasSrc &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    defaultChecked,
-                    propKey,
+                    _propValue,
+                    hasSrc,
                     props,
                     void 0
                   ));
             return;
           }
       }
-      for (value in props)
-        props.hasOwnProperty(value) &&
-          ((propKey = props[value]),
-          null != propKey &&
-            setProp(domElement, tag, value, propKey, props, null));
+      for (defaultValue in props)
+        props.hasOwnProperty(defaultValue) &&
+          ((hasSrc = props[defaultValue]),
+          null != hasSrc &&
+            setProp(domElement, tag, defaultValue, hasSrc, props, null));
     }
     function updateProperties(domElement, tag, lastProps, nextProps) {
       validatePropertiesInDevelopment(tag, nextProps);
@@ -17953,14 +18082,14 @@
                     );
               }
           }
-          for (var _propKey7 in nextProps) {
-            var propKey = nextProps[_propKey7];
-            lastProp = lastProps[_propKey7];
+          for (var _propKey8 in nextProps) {
+            var propKey = nextProps[_propKey8];
+            lastProp = lastProps[_propKey8];
             if (
-              nextProps.hasOwnProperty(_propKey7) &&
+              nextProps.hasOwnProperty(_propKey8) &&
               (null != propKey || null != lastProp)
             )
-              switch (_propKey7) {
+              switch (_propKey8) {
                 case "type":
                   type = propKey;
                   break;
@@ -17992,7 +18121,7 @@
                     setProp(
                       domElement,
                       tag,
-                      _propKey7,
+                      _propKey8,
                       propKey,
                       nextProps,
                       lastProp
@@ -18010,14 +18139,14 @@
           tag ||
             !nextProps ||
             didWarnUncontrolledToControlled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnUncontrolledToControlled = !0));
           !tag ||
             nextProps ||
             didWarnControlledToUncontrolled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnControlledToUncontrolled = !0));
@@ -18033,7 +18162,7 @@
           );
           return;
         case "select":
-          propKey = value = defaultValue = _propKey7 = null;
+          propKey = value = defaultValue = _propKey8 = null;
           for (type in lastProps)
             if (
               ((lastDefaultValue = lastProps[type]),
@@ -18064,7 +18193,7 @@
             )
               switch (name) {
                 case "value":
-                  _propKey7 = type;
+                  _propKey8 = type;
                   break;
                 case "defaultValue":
                   defaultValue = type;
@@ -18085,15 +18214,15 @@
           nextProps = defaultValue;
           tag = value;
           lastProps = propKey;
-          null != _propKey7
-            ? updateOptions(domElement, !!tag, _propKey7, !1)
+          null != _propKey8
+            ? updateOptions(domElement, !!tag, _propKey8, !1)
             : !!lastProps !== !!tag &&
               (null != nextProps
                 ? updateOptions(domElement, !!tag, nextProps, !0)
                 : updateOptions(domElement, !!tag, tag ? [] : "", !1));
           return;
         case "textarea":
-          propKey = _propKey7 = null;
+          propKey = _propKey8 = null;
           for (defaultValue in lastProps)
             if (
               ((name = lastProps[defaultValue]),
@@ -18117,7 +18246,7 @@
             )
               switch (value) {
                 case "value":
-                  _propKey7 = name;
+                  _propKey8 = name;
                   break;
                 case "defaultValue":
                   propKey = name;
@@ -18134,17 +18263,17 @@
                   name !== type &&
                     setProp(domElement, tag, value, name, nextProps, type);
               }
-          updateTextarea(domElement, _propKey7, propKey);
+          updateTextarea(domElement, _propKey8, propKey);
           return;
         case "option":
-          for (var _propKey12 in lastProps)
+          for (var _propKey13 in lastProps)
             if (
-              ((_propKey7 = lastProps[_propKey12]),
-              lastProps.hasOwnProperty(_propKey12) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey12))
+              ((_propKey8 = lastProps[_propKey13]),
+              lastProps.hasOwnProperty(_propKey13) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey13))
             )
-              switch (_propKey12) {
+              switch (_propKey13) {
                 case "selected":
                   domElement.selected = !1;
                   break;
@@ -18152,33 +18281,33 @@
                   setProp(
                     domElement,
                     tag,
-                    _propKey12,
+                    _propKey13,
                     null,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
               }
           for (lastDefaultValue in nextProps)
             if (
-              ((_propKey7 = nextProps[lastDefaultValue]),
+              ((_propKey8 = nextProps[lastDefaultValue]),
               (propKey = lastProps[lastDefaultValue]),
               nextProps.hasOwnProperty(lastDefaultValue) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (lastDefaultValue) {
                 case "selected":
                   domElement.selected =
-                    _propKey7 &&
-                    "function" !== typeof _propKey7 &&
-                    "symbol" !== typeof _propKey7;
+                    _propKey8 &&
+                    "function" !== typeof _propKey8 &&
+                    "symbol" !== typeof _propKey8;
                   break;
                 default:
                   setProp(
                     domElement,
                     tag,
                     lastDefaultValue,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18199,31 +18328,31 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (var _propKey14 in lastProps)
-            (_propKey7 = lastProps[_propKey14]),
-              lastProps.hasOwnProperty(_propKey14) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey14) &&
+          for (var _propKey15 in lastProps)
+            (_propKey8 = lastProps[_propKey15]),
+              lastProps.hasOwnProperty(_propKey15) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey15) &&
                 setProp(
                   domElement,
                   tag,
-                  _propKey14,
+                  _propKey15,
                   null,
                   nextProps,
-                  _propKey7
+                  _propKey8
                 );
           for (checked in nextProps)
             if (
-              ((_propKey7 = nextProps[checked]),
+              ((_propKey8 = nextProps[checked]),
               (propKey = lastProps[checked]),
               nextProps.hasOwnProperty(checked) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (checked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
-                  if (null != _propKey7)
+                  if (null != _propKey8)
                     throw Error(
                       tag +
                         " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
@@ -18234,7 +18363,7 @@
                     domElement,
                     tag,
                     checked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18242,49 +18371,49 @@
           return;
         default:
           if (isCustomElement(tag)) {
-            for (var _propKey16 in lastProps)
-              (_propKey7 = lastProps[_propKey16]),
-                lastProps.hasOwnProperty(_propKey16) &&
-                  void 0 !== _propKey7 &&
-                  !nextProps.hasOwnProperty(_propKey16) &&
+            for (var _propKey17 in lastProps)
+              (_propKey8 = lastProps[_propKey17]),
+                lastProps.hasOwnProperty(_propKey17) &&
+                  void 0 !== _propKey8 &&
+                  !nextProps.hasOwnProperty(_propKey17) &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    _propKey16,
+                    _propKey17,
                     void 0,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
             for (defaultChecked in nextProps)
-              (_propKey7 = nextProps[defaultChecked]),
+              (_propKey8 = nextProps[defaultChecked]),
                 (propKey = lastProps[defaultChecked]),
                 !nextProps.hasOwnProperty(defaultChecked) ||
-                  _propKey7 === propKey ||
-                  (void 0 === _propKey7 && void 0 === propKey) ||
+                  _propKey8 === propKey ||
+                  (void 0 === _propKey8 && void 0 === propKey) ||
                   setPropOnCustomElement(
                     domElement,
                     tag,
                     defaultChecked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
             return;
           }
       }
-      for (var _propKey18 in lastProps)
-        (_propKey7 = lastProps[_propKey18]),
-          lastProps.hasOwnProperty(_propKey18) &&
-            null != _propKey7 &&
-            !nextProps.hasOwnProperty(_propKey18) &&
-            setProp(domElement, tag, _propKey18, null, nextProps, _propKey7);
+      for (var _propKey19 in lastProps)
+        (_propKey8 = lastProps[_propKey19]),
+          lastProps.hasOwnProperty(_propKey19) &&
+            null != _propKey8 &&
+            !nextProps.hasOwnProperty(_propKey19) &&
+            setProp(domElement, tag, _propKey19, null, nextProps, _propKey8);
       for (lastProp in nextProps)
-        (_propKey7 = nextProps[lastProp]),
+        (_propKey8 = nextProps[lastProp]),
           (propKey = lastProps[lastProp]),
           !nextProps.hasOwnProperty(lastProp) ||
-            _propKey7 === propKey ||
-            (null == _propKey7 && null == propKey) ||
-            setProp(domElement, tag, lastProp, _propKey7, nextProps, propKey);
+            _propKey8 === propKey ||
+            (null == _propKey8 && null == propKey) ||
+            setProp(domElement, tag, lastProp, _propKey8, nextProps, propKey);
     }
     function getPropNameFromAttributeName(attrName) {
       switch (attrName) {
@@ -18308,7 +18437,7 @@
     }
     function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
       if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
-        error$jscomp$0(
+        console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
       else if (canDiffStyleForHydrationWarning) {
@@ -18587,7 +18716,7 @@
                   case "outerText":
                   case "outerHTML":
                     extraAttributes.delete(propKey.toLowerCase());
-                    error$jscomp$0(
+                    console.error(
                       "Assignment to read-only property will result in a no-op: `%s`",
                       propKey
                     );
@@ -18716,16 +18845,34 @@
                     serverDifferences
                   );
                   continue;
+                case "data":
+                  if ("object" !== tag) {
+                    extraAttributes.delete(value);
+                    attributes = domElement.getAttribute("data");
+                    warnForPropDifference(
+                      value,
+                      attributes,
+                      propKey,
+                      serverDifferences
+                    );
+                    continue;
+                  }
                 case "src":
                 case "href":
-                  if ("" === propKey && ("a" !== tag || "href" !== value)) {
+                  if (
+                    !(
+                      "" !== propKey ||
+                      ("a" === tag && "href" === value) ||
+                      ("object" === tag && "data" === value)
+                    )
+                  ) {
                     "src" === value
-                      ? error$jscomp$0(
+                      ? console.error(
                           'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
                         )
-                      : error$jscomp$0(
+                      : console.error(
                           'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
@@ -19063,7 +19210,7 @@
                   "" !== propKey ||
                     didWarnForNewBooleanPropsWithEmptyValue[value] ||
                     ((didWarnForNewBooleanPropsWithEmptyValue[value] = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
                       value
                     ));
@@ -19902,7 +20049,7 @@
               "style" !== type &&
               "link" !== type &&
               "script" !== type) ||
-            error$jscomp$0(
+            console.error(
               "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.",
               type,
               type
@@ -19920,7 +20067,7 @@
             "" === props.href
           ) {
             outsideHostContainerContext &&
-              error$jscomp$0(
+              console.error(
                 'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.'
               );
             break;
@@ -19950,7 +20097,7 @@
               disabled =
                 1 === hostContext.length ? "an " + onError : "the " + onError;
               hostContext.length &&
-                error$jscomp$0(
+                console.error(
                   'React encountered a <link rel="stylesheet" href="%s" ... /> with a `precedence` prop that also included %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                   type,
                   disabled,
@@ -19961,11 +20108,11 @@
               ("string" !== typeof props.rel ||
               "string" !== typeof props.href ||
               "" === props.href
-                ? error$jscomp$0(
+                ? console.error(
                     "Cannot render a <link> outside the main document without a `rel` and `href` prop. Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
                   )
                 : (props.onError || props.onLoad) &&
-                  error$jscomp$0(
+                  console.error(
                     "Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                   ));
             break;
@@ -19977,7 +20124,7 @@
                 (props = props.disabled),
                 "string" !== typeof type &&
                   outsideHostContainerContext &&
-                  error$jscomp$0(
+                  console.error(
                     'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.'
                   ),
                 "string" === typeof type && null == props
@@ -20000,13 +20147,13 @@
             outsideHostContainerContext &&
               (type
                 ? props.onLoad || props.onError
-                  ? error$jscomp$0(
+                  ? console.error(
                       "Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                     )
-                  : error$jscomp$0(
+                  : console.error(
                       "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop. Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or somewhere in the <body>."
                     )
-                : error$jscomp$0(
+                : console.error(
                     'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.'
                   ));
             break;
@@ -20015,7 +20162,7 @@
         case "noscript":
         case "template":
           outsideHostContainerContext &&
-            error$jscomp$0(
+            console.error(
               "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
               type
             );
@@ -20304,7 +20451,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -20320,7 +20467,7 @@
         null !== current &&
         !didWarnAboutNestedUpdates &&
         ((didWarnAboutNestedUpdates = !0),
-        error$jscomp$0(
+        console.error(
           "Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
           getComponentNameFromFiber(current) || "Unknown"
         ));
@@ -20329,7 +20476,7 @@
       callback = void 0 === callback ? null : callback;
       null !== callback &&
         ("function" !== typeof callback &&
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ),
@@ -20793,13 +20940,13 @@
             ),
             event = nativeEventClone;
           null !== currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = event;
           nextBlockedOn.target.dispatchEvent(nativeEventClone);
           null === currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = null;
@@ -20943,10 +21090,10 @@
     function warnIfReactDOMContainerInDEV(container) {
       container[internalContainerInstanceKey] &&
         (container._reactRootContainer
-          ? error$jscomp$0(
+          ? console.error(
               "You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."
             )
-          : error$jscomp$0(
+          : console.error(
               "You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."
             ));
     }
@@ -20954,13 +21101,9 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React = require("next/dist/compiled/react-experimental"),
-      Scheduler = require("next/dist/compiled/scheduler-experimental"),
+    var Scheduler = require("next/dist/compiled/scheduler-experimental"),
+      React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      suppressWarning = !1,
-      supportsCreateTask = !!console.createTask,
       REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -20985,6 +21128,8 @@
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
       ASYNC_ITERATOR = Symbol.asyncIterator,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       assign = Object.assign,
       disabledDepth = 0,
       prevLog,
@@ -20996,6 +21141,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -21116,6 +21262,7 @@
     var didWarnValueDefaultValue = !1;
     var valuePropNames = ["value", "defaultValue"],
       didWarnValDefaultVal = !1,
+      needsEscaping = /["'&<>\n\t]|^\s|\s$/,
       specialTags =
         "address applet area article aside base basefont bgsound blockquote body br button caption center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input isindex li link listing main marquee menu menuitem meta nav noembed noframes noscript object ol p param plaintext pre script section select source style summary table tbody td template textarea tfoot th thead title tr track ul wbr xmp".split(
           " "
@@ -22372,7 +22519,7 @@
         var sortedNames = setToSortedString(
           UNSAFE_componentWillMountUniqueNames
         );
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
           sortedNames
         );
@@ -22381,7 +22528,7 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillReceivePropsUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22389,13 +22536,13 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillUpdateUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillMountUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillMountUniqueNames)),
-        warn(
+        console.warn(
           "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22403,13 +22550,13 @@
         ((sortedNames = setToSortedString(
           componentWillReceivePropsUniqueNames
         )),
-        warn(
+        console.warn(
           "componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillUpdateUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillUpdateUniqueNames)),
-        warn(
+        console.warn(
           "componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22424,7 +22571,7 @@
       for (var node = fiber; null !== node; )
         node.mode & 8 && (strictRoot = node), (node = node.return);
       null === strictRoot
-        ? error$jscomp$0(
+        ? console.error(
             "Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue."
           )
         : !didWarnAboutLegacyContext.has(fiber.type) &&
@@ -22448,7 +22595,7 @@
           });
           var sortedNames = setToSortedString(uniqueNames);
           runWithFiberInDEV(firstFiber, function () {
-            error$jscomp$0(
+            console.error(
               "Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
               sortedNames
             );
@@ -22475,9 +22622,6 @@
       treeContextProvider = null,
       treeContextId = 1,
       treeContextOverflow = "",
-      maxRowLength = 120,
-      idealDepth = 15,
-      needsEscaping = /["'&<>\n\t]/,
       hydrationParentFiber = null,
       nextHydratableInstance = null,
       isHydrating = !1,
@@ -22496,7 +22640,7 @@
       ),
       noopSuspenseyCommitThenable = {
         then: function () {
-          error$jscomp$0(
+          console.error(
             'Internal React error: A listener was unexpectedly attached to a "noop" thenable. This is a bug in React. Please file an issue.'
           );
         }
@@ -22553,7 +22697,7 @@
               (childOwnerAppendix =
                 " It was passed a child from " + componentName + "."));
           runWithFiberInDEV(workInProgress, function () {
-            error$jscomp$0(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               currentComponentErrorInfo,
               childOwnerAppendix
@@ -22805,6 +22949,7 @@
     HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
       currentHookNameInDev = "useFormState";
       mountHookTypesDev();
+      warnOnUseFormStateInDev();
       return mountActionState(action, initialState);
     };
     HooksDispatcherOnMountInDEV.useActionState = function (
@@ -23785,6 +23930,7 @@
       didReceiveUpdate = !1;
     var didWarnAboutBadClass = {};
     var didWarnAboutContextTypeOnFunctionComponent = {};
+    var didWarnAboutContextTypes$1 = {};
     var didWarnAboutGetDerivedStateOnFunctionComponent = {};
     var didWarnAboutReassigningProps = !1;
     var didWarnAboutRevealOrder = {};
@@ -23817,6 +23963,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     Object.freeze(fakeInternalInstance);
@@ -23826,7 +23974,7 @@
           if (null !== owner && isRendering && 1 === owner.tag) {
             var instance = owner.stateNode;
             instance._warnedAboutRefsInRender ||
-              error$jscomp$0(
+              console.error(
                 "%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
                 getComponentNameFromFiber(owner) || "A component"
               );
@@ -23902,7 +24050,7 @@
       var nonExtensibleObject = Object.preventExtensions({});
       new Map([[nonExtensibleObject, null]]);
       new Set([nonExtensibleObject]);
-    } catch (e$44) {
+    } catch (e$21) {
       hasBadMapPolyfill = !0;
     }
     var DefaultAsyncDispatcher = {
@@ -24358,7 +24506,12 @@
       suspendedState = null,
       LAST_PRECEDENCE = null,
       precedencesByRoot = null,
-      NotPendingTransition = NotPending;
+      NotPendingTransition = NotPending,
+      badgeFormat = "%c%s%c ",
+      badgeStyle =
+        "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+      resetStyle = "",
+      pad = " ";
     var didWarnAboutNestedUpdates = !1;
     var overrideHookState = null,
       overrideHookStateDeletePath = null,
@@ -24450,15 +24603,15 @@
         var root = this._internalRoot;
         if (null === root) throw Error("Cannot update an unmounted root.");
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p2
-          ? error$jscomp$0(
+          ? console.error(
               "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
             )
           : isValidContainer(JSCompiler_OptimizeArgumentsArray_p2)
-          ? error$jscomp$0(
+          ? console.error(
               "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
             )
           : "undefined" !== typeof JSCompiler_OptimizeArgumentsArray_p2 &&
-            error$jscomp$0(
+            console.error(
               "You passed a second argument to root.render(...) but it only accepts one argument."
             );
         JSCompiler_OptimizeArgumentsArray_p2 = root.current;
@@ -24475,7 +24628,7 @@
     ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
       function (JSCompiler_OptimizeArgumentsArray_p3) {
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p3 &&
-          error$jscomp$0(
+          console.error(
             "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
           );
         JSCompiler_OptimizeArgumentsArray_p3 = this._internalRoot;
@@ -24483,7 +24636,7 @@
           this._internalRoot = null;
           var container = JSCompiler_OptimizeArgumentsArray_p3.containerInfo;
           (executionContext & (RenderContext | CommitContext)) !== NoContext &&
-            error$jscomp$0(
+            console.error(
               "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
             );
           updateContainerSync(
@@ -24515,11 +24668,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24529,7 +24682,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://react.dev/link/react-polyfills"
       );
     ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -24574,12 +24727,12 @@
           scheduleRoot: scheduleRoot,
           setRefreshHandler: setRefreshHandler,
           getCurrentFiber: getCurrentFiberForDevTools,
-          reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+          reconcilerVersion: "19.0.0-experimental-01172397-20240716"
         });
       })({
         findFiberByHostInstance: getClosestInstanceFromNode,
         bundleType: 1,
-        version: "19.0.0-experimental-dfd30974ab-20240613",
+        version: "19.0.0-experimental-01172397-20240716",
         rendererPackageName: "react-dom"
       }) &&
       canUseDOM &&
@@ -24611,13 +24764,13 @@
       null !== options &&
         void 0 !== options &&
         (options.hydrate
-          ? warn(
+          ? console.warn(
               "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
             )
           : "object" === typeof options &&
             null !== options &&
             options.$$typeof === REACT_ELEMENT_TYPE &&
-            error$jscomp$0(
+            console.error(
               "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
             ),
         !0 === options.unstable_strictMode && (isStrictMode = !0),
@@ -24657,7 +24810,7 @@
         throw Error("Target container is not a DOM element.");
       warnIfReactDOMContainerInDEV(container);
       void 0 === initialChildren &&
-        error$jscomp$0(
+        console.error(
           "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
         );
       var isStrictMode = !1,
@@ -24709,7 +24862,7 @@
       listenToAllSupportedEvents(container);
       return new ReactDOMHydrationRoot(initialChildren);
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js
index d3e667239fe49..4b056fda6688d 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js
@@ -70,7 +70,8 @@ Symbol.for("react.client.reference");
 var ReactSharedInternals =
     React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   assign = Object.assign,
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -78,8 +79,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -1908,19 +1915,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$284;
+  var JSCompiler_inline_result$jscomp$286;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_416 = "oninput" in document;
-    if (!isSupported$jscomp$inline_416) {
-      var element$jscomp$inline_417 = document.createElement("div");
-      element$jscomp$inline_417.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_416 =
-        "function" === typeof element$jscomp$inline_417.oninput;
+    var isSupported$jscomp$inline_418 = "oninput" in document;
+    if (!isSupported$jscomp$inline_418) {
+      var element$jscomp$inline_419 = document.createElement("div");
+      element$jscomp$inline_419.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_418 =
+        "function" === typeof element$jscomp$inline_419.oninput;
     }
-    JSCompiler_inline_result$jscomp$284 = isSupported$jscomp$inline_416;
-  } else JSCompiler_inline_result$jscomp$284 = !1;
+    JSCompiler_inline_result$jscomp$286 = isSupported$jscomp$inline_418;
+  } else JSCompiler_inline_result$jscomp$286 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$284 &&
+    JSCompiler_inline_result$jscomp$286 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3375,7 +3382,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       return firstChildFiber;
     } catch (x) {
       if (x === SuspenseException) throw x;
-      var fiber = createFiber(29, x, null, returnFiber.mode);
+      var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
       fiber.lanes = lanes;
       fiber.return = returnFiber;
       return fiber;
@@ -5866,7 +5873,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                     : null,
                 retryLane: 536870912
               }),
-              (JSCompiler_temp$jscomp$0 = createFiber(18, null, null, 0)),
+              (JSCompiler_temp$jscomp$0 = createFiberImplClass(
+                18,
+                null,
+                null,
+                0
+              )),
               (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
               (JSCompiler_temp$jscomp$0.return = workInProgress),
               (workInProgress.child = JSCompiler_temp$jscomp$0),
@@ -9235,7 +9247,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.childLanes = this.lanes = 0;
   this.alternate = null;
 }
-function createFiber(tag, pendingProps, key, mode) {
+function createFiberImplClass(tag, pendingProps, key, mode) {
   return new FiberNode(tag, pendingProps, key, mode);
 }
 function shouldConstruct(Component) {
@@ -9245,7 +9257,7 @@ function shouldConstruct(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = createFiberImplClass(
         current.tag,
         pendingProps,
         current.key,
@@ -9342,21 +9354,21 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 2)),
+          (type = createFiberImplClass(12, pendingProps, key, mode | 2)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = createFiberImplClass(13, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = createFiberImplClass(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.lanes = lanes),
           type
@@ -9384,23 +9396,25 @@ function createFiberFromTypeAndProps(
               owner = null;
               break a;
           }
-        throw Error(
+        fiberTag = 29;
+        pendingProps = Error(
           formatProdErrorMessage(130, null === type ? "null" : typeof type, "")
         );
+        owner = null;
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = createFiberImplClass(fiberTag, pendingProps, key, mode);
   key.elementType = type;
   key.type = owner;
   key.lanes = lanes;
   return key;
 }
 function createFiberFromFragment(elements, mode, lanes, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = createFiberImplClass(7, elements, key, mode);
   elements.lanes = lanes;
   return elements;
 }
 function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  pendingProps = createFiber(22, pendingProps, key, mode);
+  pendingProps = createFiberImplClass(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
   var primaryChildInstance = {
@@ -9435,12 +9449,12 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
-  content = createFiber(6, content, null, mode);
+  content = createFiberImplClass(6, content, null, mode);
   content.lanes = lanes;
   return content;
 }
 function createFiberFromPortal(portal, mode, lanes) {
-  mode = createFiber(
+  mode = createFiberImplClass(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -11380,20 +11394,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1399 = 0;
-  i$jscomp$inline_1399 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1399++
+  var i$jscomp$inline_1401 = 0;
+  i$jscomp$inline_1401 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1401++
 ) {
-  var eventName$jscomp$inline_1400 =
-      simpleEventPluginEvents[i$jscomp$inline_1399],
-    domEventName$jscomp$inline_1401 =
-      eventName$jscomp$inline_1400.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1402 =
-      eventName$jscomp$inline_1400[0].toUpperCase() +
-      eventName$jscomp$inline_1400.slice(1);
+  var eventName$jscomp$inline_1402 =
+      simpleEventPluginEvents[i$jscomp$inline_1401],
+    domEventName$jscomp$inline_1403 =
+      eventName$jscomp$inline_1402.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1404 =
+      eventName$jscomp$inline_1402[0].toUpperCase() +
+      eventName$jscomp$inline_1402.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1401,
-    "on" + capitalizedEvent$jscomp$inline_1402
+    domEventName$jscomp$inline_1403,
+    "on" + capitalizedEvent$jscomp$inline_1404
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12168,6 +12182,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "style":
       setValueForStyles(domElement, value, prevValue);
       break;
+    case "data":
+      if ("object" !== tag) {
+        setValueForKnownAttribute(domElement, "data", value);
+        break;
+      }
     case "src":
     case "href":
       if ("" === value && ("a" !== tag || "href" !== key)) {
@@ -12536,127 +12555,152 @@ function setInitialProperties(domElement, tag, props) {
     case "p":
     case "li":
       break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
+    case "img":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      var hasSrc = !1,
+        hasSrcSet = !1,
+        propKey;
       for (propKey in props)
         if (props.hasOwnProperty(propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "src":
+                hasSrc = !0;
+                break;
+              case "srcSet":
+                hasSrcSet = !0;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(137, tag));
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      hasSrcSet &&
+        setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+      hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+      return;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var defaultValue = (propKey = propValue = hasSrcSet = null),
+        checked = null,
+        defaultChecked = null;
+      for (hasSrc in props)
+        if (props.hasOwnProperty(hasSrc)) {
+          var propValue$190 = props[hasSrc];
+          if (null != propValue$190)
+            switch (hasSrc) {
               case "name":
-                name = propValue;
+                hasSrcSet = propValue$190;
                 break;
               case "type":
-                type = propValue;
+                propValue = propValue$190;
                 break;
               case "checked":
-                checked = propValue;
+                checked = propValue$190;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue;
+                defaultChecked = propValue$190;
                 break;
               case "value":
-                value = propValue;
+                propKey = propValue$190;
                 break;
               case "defaultValue":
-                defaultValue = propValue;
+                defaultValue = propValue$190;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue)
+                if (null != propValue$190)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, propKey, propValue, props, null);
+                setProp(domElement, tag, hasSrc, propValue$190, props, null);
             }
         }
       initInput(
         domElement,
-        value,
+        propKey,
         defaultValue,
         checked,
         defaultChecked,
-        type,
-        name,
+        propValue,
+        hasSrcSet,
         !1
       );
       track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (type = value = null);
-      for (name in props)
+      hasSrc = propValue = propKey = null;
+      for (hasSrcSet in props)
         if (
-          props.hasOwnProperty(name) &&
-          ((defaultValue = props[name]), null != defaultValue)
+          props.hasOwnProperty(hasSrcSet) &&
+          ((defaultValue = props[hasSrcSet]), null != defaultValue)
         )
-          switch (name) {
+          switch (hasSrcSet) {
             case "value":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = defaultValue;
+              propValue = defaultValue;
               break;
             case "multiple":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
             default:
-              setProp(domElement, tag, name, defaultValue, props, null);
+              setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
           }
-      tag = value;
-      props = type;
-      domElement.multiple = !!propKey;
+      tag = propKey;
+      props = propValue;
+      domElement.multiple = !!hasSrc;
       null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
+        ? updateOptions(domElement, !!hasSrc, tag, !1)
+        : null != props && updateOptions(domElement, !!hasSrc, props, !0);
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      value = name = propKey = null;
-      for (type in props)
+      propKey = hasSrcSet = hasSrc = null;
+      for (propValue in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((defaultValue = props[type]), null != defaultValue)
+          props.hasOwnProperty(propValue) &&
+          ((defaultValue = props[propValue]), null != defaultValue)
         )
-          switch (type) {
+          switch (propValue) {
             case "value":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
               break;
             case "defaultValue":
-              name = defaultValue;
+              hasSrcSet = defaultValue;
               break;
             case "children":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
               if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, type, defaultValue, props, null);
+              setProp(domElement, tag, propValue, defaultValue, props, null);
           }
-      initTextarea(domElement, propKey, name, value);
+      initTextarea(domElement, hasSrc, hasSrcSet, propKey);
       track(domElement);
       return;
     case "option":
-      for (defaultValue in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultValue) &&
-          ((propKey = props[defaultValue]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((hasSrc = props[checked]), null != hasSrc)
         )
-          switch (defaultValue) {
+          switch (checked) {
             case "selected":
               domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
+                hasSrc &&
+                "function" !== typeof hasSrc &&
+                "symbol" !== typeof hasSrc;
               break;
             default:
-              setProp(domElement, tag, defaultValue, propKey, props, null);
+              setProp(domElement, tag, checked, hasSrc, props, null);
           }
       return;
     case "dialog":
@@ -12669,8 +12713,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "video":
     case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+        listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
       break;
     case "image":
       listenToNonDelegatedEvent("error", domElement);
@@ -12681,7 +12725,6 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "embed":
     case "source":
-    case "img":
     case "link":
       listenToNonDelegatedEvent("error", domElement),
         listenToNonDelegatedEvent("load", domElement);
@@ -12696,40 +12739,41 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (checked in props)
+      for (defaultChecked in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultChecked) &&
+          ((hasSrc = props[defaultChecked]), null != hasSrc)
         )
-          switch (checked) {
+          switch (defaultChecked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, checked, propKey, props, null);
+              setProp(domElement, tag, defaultChecked, hasSrc, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (defaultChecked in props)
-          props.hasOwnProperty(defaultChecked) &&
-            ((propKey = props[defaultChecked]),
-            void 0 !== propKey &&
+        for (propValue$190 in props)
+          props.hasOwnProperty(propValue$190) &&
+            ((hasSrc = props[propValue$190]),
+            void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                defaultChecked,
-                propKey,
+                propValue$190,
+                hasSrc,
                 props,
                 void 0
               ));
         return;
       }
   }
-  for (value in props)
-    props.hasOwnProperty(value) &&
-      ((propKey = props[value]),
-      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+  for (defaultValue in props)
+    props.hasOwnProperty(defaultValue) &&
+      ((hasSrc = props[defaultValue]),
+      null != hasSrc &&
+        setProp(domElement, tag, defaultValue, hasSrc, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -12765,14 +12809,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$205 in nextProps) {
-        var propKey = nextProps[propKey$205];
-        lastProp = lastProps[propKey$205];
+      for (var propKey$207 in nextProps) {
+        var propKey = nextProps[propKey$207];
+        lastProp = lastProps[propKey$207];
         if (
-          nextProps.hasOwnProperty(propKey$205) &&
+          nextProps.hasOwnProperty(propKey$207) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$205) {
+          switch (propKey$207) {
             case "type":
               type = propKey;
               break;
@@ -12801,7 +12845,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$205,
+                  propKey$207,
                   propKey,
                   nextProps,
                   lastProp
@@ -12820,7 +12864,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$205 = null;
+      propKey = value = defaultValue = propKey$207 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -12851,7 +12895,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$205 = type;
+              propKey$207 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -12872,15 +12916,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$205
-        ? updateOptions(domElement, !!lastProps, propKey$205, !1)
+      null != propKey$207
+        ? updateOptions(domElement, !!lastProps, propKey$207, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$205 = null;
+      propKey = propKey$207 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -12904,7 +12948,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$205 = name;
+              propKey$207 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -12918,17 +12962,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$205, propKey);
+      updateTextarea(domElement, propKey$207, propKey);
       return;
     case "option":
-      for (var propKey$221 in lastProps)
+      for (var propKey$223 in lastProps)
         if (
-          ((propKey$205 = lastProps[propKey$221]),
-          lastProps.hasOwnProperty(propKey$221) &&
-            null != propKey$205 &&
-            !nextProps.hasOwnProperty(propKey$221))
+          ((propKey$207 = lastProps[propKey$223]),
+          lastProps.hasOwnProperty(propKey$223) &&
+            null != propKey$207 &&
+            !nextProps.hasOwnProperty(propKey$223))
         )
-          switch (propKey$221) {
+          switch (propKey$223) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -12936,33 +12980,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$221,
+                propKey$223,
                 null,
                 nextProps,
-                propKey$205
+                propKey$207
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$205 = nextProps[lastDefaultValue]),
+          ((propKey$207 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$205 !== propKey &&
-            (null != propKey$205 || null != propKey))
+            propKey$207 !== propKey &&
+            (null != propKey$207 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$205 &&
-                "function" !== typeof propKey$205 &&
-                "symbol" !== typeof propKey$205;
+                propKey$207 &&
+                "function" !== typeof propKey$207 &&
+                "symbol" !== typeof propKey$207;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$205,
+                propKey$207,
                 nextProps,
                 propKey
               );
@@ -12983,24 +13027,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$226 in lastProps)
-        (propKey$205 = lastProps[propKey$226]),
-          lastProps.hasOwnProperty(propKey$226) &&
-            null != propKey$205 &&
-            !nextProps.hasOwnProperty(propKey$226) &&
-            setProp(domElement, tag, propKey$226, null, nextProps, propKey$205);
+      for (var propKey$228 in lastProps)
+        (propKey$207 = lastProps[propKey$228]),
+          lastProps.hasOwnProperty(propKey$228) &&
+            null != propKey$207 &&
+            !nextProps.hasOwnProperty(propKey$228) &&
+            setProp(domElement, tag, propKey$228, null, nextProps, propKey$207);
       for (checked in nextProps)
         if (
-          ((propKey$205 = nextProps[checked]),
+          ((propKey$207 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$205 !== propKey &&
-            (null != propKey$205 || null != propKey))
+            propKey$207 !== propKey &&
+            (null != propKey$207 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$205)
+              if (null != propKey$207)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -13008,7 +13052,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$205,
+                propKey$207,
                 nextProps,
                 propKey
               );
@@ -13016,49 +13060,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$231 in lastProps)
-          (propKey$205 = lastProps[propKey$231]),
-            lastProps.hasOwnProperty(propKey$231) &&
-              void 0 !== propKey$205 &&
-              !nextProps.hasOwnProperty(propKey$231) &&
+        for (var propKey$233 in lastProps)
+          (propKey$207 = lastProps[propKey$233]),
+            lastProps.hasOwnProperty(propKey$233) &&
+              void 0 !== propKey$207 &&
+              !nextProps.hasOwnProperty(propKey$233) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$231,
+                propKey$233,
                 void 0,
                 nextProps,
-                propKey$205
+                propKey$207
               );
         for (defaultChecked in nextProps)
-          (propKey$205 = nextProps[defaultChecked]),
+          (propKey$207 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$205 === propKey ||
-              (void 0 === propKey$205 && void 0 === propKey) ||
+              propKey$207 === propKey ||
+              (void 0 === propKey$207 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$205,
+                propKey$207,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$236 in lastProps)
-    (propKey$205 = lastProps[propKey$236]),
-      lastProps.hasOwnProperty(propKey$236) &&
-        null != propKey$205 &&
-        !nextProps.hasOwnProperty(propKey$236) &&
-        setProp(domElement, tag, propKey$236, null, nextProps, propKey$205);
+  for (var propKey$238 in lastProps)
+    (propKey$207 = lastProps[propKey$238]),
+      lastProps.hasOwnProperty(propKey$238) &&
+        null != propKey$207 &&
+        !nextProps.hasOwnProperty(propKey$238) &&
+        setProp(domElement, tag, propKey$238, null, nextProps, propKey$207);
   for (lastProp in nextProps)
-    (propKey$205 = nextProps[lastProp]),
+    (propKey$207 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$205 === propKey ||
-        (null == propKey$205 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$205, nextProps, propKey);
+        propKey$207 === propKey ||
+        (null == propKey$207 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$207, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -13603,26 +13647,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$244 = getResourcesFromRoot(
+        var styles$246 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$245 = styles$244.get(type);
-        resource$245 ||
+          resource$247 = styles$246.get(type);
+        resource$247 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$245 = {
+          (resource$247 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$244.set(type, resource$245),
-          (styles$244 = JSCompiler_inline_result.querySelector(
+          styles$246.set(type, resource$247),
+          (styles$246 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$244._p &&
-            ((resource$245.instance = styles$244),
-            (resource$245.state.loading = 5)),
+            !styles$246._p &&
+            ((resource$247.instance = styles$246),
+            (resource$247.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -13635,16 +13679,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$244 ||
+            styles$246 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$245.state
+                resource$247.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$245;
+        return resource$247;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -13741,37 +13785,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$250 = hoistableRoot.querySelector(
+        var instance$252 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$250)
+        if (instance$252)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$250),
-            markNodeAsHoistable(instance$250),
-            instance$250
+            (resource.instance = instance$252),
+            markNodeAsHoistable(instance$252),
+            instance$252
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$250 = (
+        instance$252 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$250);
-        var linkInstance = instance$250;
+        markNodeAsHoistable(instance$252);
+        var linkInstance = instance$252;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$250, "link", instance);
+        setInitialProperties(instance$252, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$250, props.precedence, hoistableRoot);
-        return (resource.instance = instance$250);
+        insertStylesheet(instance$252, props.precedence, hoistableRoot);
+        return (resource.instance = instance$252);
       case "script":
-        instance$250 = getScriptKey(props.src);
+        instance$252 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$250)
+            getScriptSelectorFromKey(instance$252)
           ))
         )
           return (
@@ -13780,7 +13824,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$250)))
+        if ((styleProps = preloadPropsMap.get(instance$252)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -14137,7 +14181,7 @@ function createFiberRoot(
   );
   tag = 1;
   !0 === isStrictMode && (tag |= 24);
-  isStrictMode = createFiber(3, null, null, tag);
+  isStrictMode = createFiberImplClass(3, null, null, tag);
   containerInfo.current = isStrictMode;
   isStrictMode.stateNode = containerInfo;
   tag = createCache();
@@ -14799,16 +14843,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1647 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1649 = React.version;
 if (
-  "19.0.0-experimental-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_1647
+  "19.0.0-experimental-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_1649
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1647,
-      "19.0.0-experimental-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_1649,
+      "19.0.0-experimental-01172397-20240716"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -14824,17 +14868,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var devToolsConfig$jscomp$inline_1654 = {
+var devToolsConfig$jscomp$inline_1656 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-experimental-dfd30974ab-20240613",
+  version: "19.0.0-experimental-01172397-20240716",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2032 = {
-  bundleType: devToolsConfig$jscomp$inline_1654.bundleType,
-  version: devToolsConfig$jscomp$inline_1654.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1654.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1654.rendererConfig,
+var internals$jscomp$inline_2034 = {
+  bundleType: devToolsConfig$jscomp$inline_1656.bundleType,
+  version: devToolsConfig$jscomp$inline_1656.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1656.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1656.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -14850,26 +14894,26 @@ var internals$jscomp$inline_2032 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1654.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1656.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+  reconcilerVersion: "19.0.0-experimental-01172397-20240716"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2033 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2035 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2033.isDisabled &&
-    hook$jscomp$inline_2033.supportsFiber
+    !hook$jscomp$inline_2035.isDisabled &&
+    hook$jscomp$inline_2035.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2033.inject(
-        internals$jscomp$inline_2032
+      (rendererID = hook$jscomp$inline_2035.inject(
+        internals$jscomp$inline_2034
       )),
-        (injectedHook = hook$jscomp$inline_2033);
+        (injectedHook = hook$jscomp$inline_2035);
     } catch (err) {}
 }
 exports.createRoot = function (container, options) {
@@ -14963,4 +15007,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   listenToAllSupportedEvents(container);
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js
index bd3860076fdf3..cb76e8e64852d 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js
@@ -28,11 +28,11 @@
     }
     function copyWithRename(obj, oldPath, newPath) {
       if (oldPath.length !== newPath.length)
-        warn("copyWithRename() expects paths of the same length");
+        console.warn("copyWithRename() expects paths of the same length");
       else {
         for (var i = 0; i < newPath.length - 1; i++)
           if (oldPath[i] !== newPath[i]) {
-            warn(
+            console.warn(
               "copyWithRename() expects paths to be the same except for the deepest key"
             );
             return;
@@ -73,13 +73,16 @@
     function shouldErrorImpl() {
       return null;
     }
+    function createFiber(tag, pendingProps, key, mode) {
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
     function warnInvalidHookAccess() {
-      error$jscomp$0(
+      console.error(
         "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
       );
     }
     function warnInvalidContextAccess() {
-      error$jscomp$0(
+      console.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()."
       );
     }
@@ -126,41 +129,6 @@
     function setRefreshHandler(handler) {
       resolveFamily = handler;
     }
-    function warn(format) {
-      if (!suppressWarning) {
-        for (
-          var _len = arguments.length,
-            args = Array(1 < _len ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        )
-          args[_key - 1] = arguments[_key];
-        printWarning("warn", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function error$jscomp$0(format) {
-      if (!suppressWarning) {
-        for (
-          var _len2 = arguments.length,
-            args = Array(1 < _len2 ? _len2 - 1 : 0),
-            _key2 = 1;
-          _key2 < _len2;
-          _key2++
-        )
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function isValidContainer(node) {
       return !(
         !node ||
@@ -199,7 +167,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -345,7 +313,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -356,8 +324,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -536,64 +510,6 @@
     function isNotExternal(stackFrame) {
       return !externalRegExp.test(stackFrame);
     }
-    function filterDebugStack(error) {
-      error = error.stack;
-      error.startsWith("Error: react-stack-top-frame\n") &&
-        (error = error.slice(29));
-      error = error.split("\n").slice(1);
-      if (null === callComponentFrame) {
-        var stack = callComponentInDEV(
-            Error,
-            "react-stack-top-frame",
-            {}
-          ).stack,
-          startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0,
-          endIdx = stack.indexOf("\n", startIdx);
-        callComponentFrame =
-          -1 === endIdx ? stack.slice(startIdx) : stack.slice(startIdx, endIdx);
-      }
-      stack = error.indexOf(callComponentFrame);
-      if (
-        -1 === stack &&
-        (null === callLazyInitFrame &&
-          ((stack = callLazyInitInDEV({
-            $$typeof: REACT_LAZY_TYPE,
-            _init: Error,
-            _payload: "react-stack-top-frame"
-          }).stack),
-          (startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0),
-          (endIdx = stack.indexOf("\n", startIdx)),
-          (callLazyInitFrame =
-            -1 === endIdx
-              ? stack.slice(startIdx)
-              : stack.slice(startIdx, endIdx))),
-        (stack = error.indexOf(callLazyInitFrame)),
-        -1 === stack)
-      ) {
-        if (null === callIteratorFrame)
-          try {
-            callRenderInDEV({ render: null }), (callIteratorFrame = "");
-          } catch (error$2) {
-            (stack = error$2.stack),
-              (startIdx = stack.startsWith("TypeError: ")
-                ? stack.indexOf("\n") + 1
-                : 0),
-              (endIdx = stack.indexOf("\n", startIdx)),
-              (callIteratorFrame =
-                -1 === endIdx
-                  ? stack.slice(startIdx)
-                  : stack.slice(startIdx, endIdx));
-          }
-        stack = error.indexOf(callIteratorFrame);
-      }
-      if (-1 !== stack) error.length = stack;
-      else return "";
-      return error.filter(isNotExternal).join("\n");
-    }
     function describeFiber(fiber) {
       switch (fiber.tag) {
         case 26:
@@ -632,7 +548,7 @@
                 var JSCompiler_temp_const = info,
                   env = entry.env;
                 var JSCompiler_inline_result = describeBuiltInComponentFrame(
-                  entry.name + (env ? " (" + env + ")" : "")
+                  entry.name + (env ? " [" + env + "]" : "")
                 );
                 info = JSCompiler_temp_const + JSCompiler_inline_result;
               }
@@ -654,18 +570,11 @@
       var owner = current._debugOwner;
       return null != owner ? getComponentNameFromOwner(owner) : null;
     }
-    function getCurrentParentStackInDev() {
-      return null === current ? "" : getStackByFiberInDevAndProd(current);
-    }
-    function getCurrentFiberStackInDev(stack) {
+    function getCurrentFiberStackInDev() {
       if (null === current) return "";
       var workInProgress = current;
       try {
         var info = "";
-        if (stack) {
-          var formattedTopStack = filterDebugStack(stack);
-          "" !== formattedTopStack && (info += "\n" + formattedTopStack);
-        }
         6 === workInProgress.tag && (workInProgress = workInProgress.return);
         switch (workInProgress.tag) {
           case 26:
@@ -695,27 +604,109 @@
                 workInProgress.type.render
               ));
         }
-        for (stack = workInProgress; stack; )
-          if ("number" === typeof stack.tag) {
-            workInProgress = stack;
-            stack = workInProgress._debugOwner;
-            var debugStack = workInProgress._debugStack;
-            stack &&
-              debugStack &&
-              ("string" !== typeof debugStack &&
-                (workInProgress._debugStack = debugStack =
-                  filterDebugStack(debugStack)),
-              "" !== debugStack && (info += "\n" + debugStack));
-          } else if ("string" === typeof stack.stack)
-            "" !== stack.stack && (info += "\n" + stack.stack),
-              (stack = stack.owner);
-          else break;
-        var JSCompiler_inline_result = info;
+        for (; workInProgress; )
+          if ("number" === typeof workInProgress.tag) {
+            var fiber = workInProgress;
+            workInProgress = fiber._debugOwner;
+            var debugStack = fiber._debugStack;
+            if (workInProgress && debugStack) {
+              if ("string" !== typeof debugStack) {
+                var stack = debugStack.stack;
+                stack.startsWith("Error: react-stack-top-frame\n") &&
+                  (stack = stack.slice(29));
+                var frames = stack.split("\n").slice(1);
+                if (null === callComponentFrame) {
+                  var stack$jscomp$0 = callComponentInDEV(
+                      Error,
+                      "react-stack-top-frame",
+                      {}
+                    ).stack,
+                    startIdx = stack$jscomp$0.startsWith(
+                      "Error: react-stack-top-frame\n"
+                    )
+                      ? 29
+                      : 0,
+                    endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+                  callComponentFrame =
+                    -1 === endIdx
+                      ? stack$jscomp$0.slice(startIdx)
+                      : stack$jscomp$0.slice(startIdx, endIdx);
+                }
+                var lastFrameIdx = frames.indexOf(callComponentFrame);
+                if (-1 === lastFrameIdx) {
+                  if (null === callLazyInitFrame) {
+                    var stack$jscomp$1 = callLazyInitInDEV({
+                        $$typeof: REACT_LAZY_TYPE,
+                        _init: Error,
+                        _payload: "react-stack-top-frame"
+                      }).stack,
+                      startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                        "Error: react-stack-top-frame\n"
+                      )
+                        ? 29
+                        : 0,
+                      endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                        "\n",
+                        startIdx$jscomp$0
+                      );
+                    callLazyInitFrame =
+                      -1 === endIdx$jscomp$0
+                        ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                        : stack$jscomp$1.slice(
+                            startIdx$jscomp$0,
+                            endIdx$jscomp$0
+                          );
+                  }
+                  lastFrameIdx = frames.indexOf(callLazyInitFrame);
+                  if (-1 === lastFrameIdx) {
+                    if (null === callIteratorFrame)
+                      try {
+                        callRenderInDEV({ render: null }),
+                          (callIteratorFrame = "");
+                      } catch (error) {
+                        var stack$jscomp$2 = error.stack,
+                          startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                            "TypeError: "
+                          )
+                            ? stack$jscomp$2.indexOf("\n") + 1
+                            : 0,
+                          endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                            "\n",
+                            startIdx$jscomp$1
+                          );
+                        callIteratorFrame =
+                          -1 === endIdx$jscomp$1
+                            ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                            : stack$jscomp$2.slice(
+                                startIdx$jscomp$1,
+                                endIdx$jscomp$1
+                              );
+                      }
+                    lastFrameIdx = frames.indexOf(callIteratorFrame);
+                  }
+                }
+                if (-1 !== lastFrameIdx) {
+                  frames.length = lastFrameIdx;
+                  var JSCompiler_inline_result = frames
+                    .filter(isNotExternal)
+                    .join("\n");
+                } else JSCompiler_inline_result = "";
+                fiber._debugStack = debugStack = JSCompiler_inline_result;
+              }
+              "" !== debugStack && (info += "\n" + debugStack);
+            }
+          } else if ("string" === typeof workInProgress.stack) {
+            var ownerStack = workInProgress.stack;
+            (workInProgress = workInProgress.owner) &&
+              "" !== ownerStack &&
+              (info += "\n" + ownerStack);
+          } else break;
+        var JSCompiler_inline_result$jscomp$0 = info;
       } catch (x) {
-        JSCompiler_inline_result =
+        JSCompiler_inline_result$jscomp$0 =
           "\nError generating stack: " + x.message + "\n" + x.stack;
       }
-      return JSCompiler_inline_result;
+      return JSCompiler_inline_result$jscomp$0;
     }
     function runWithFiberInDEV(fiber, callback, arg0, arg1, arg2, arg3, arg4) {
       var previousFiber = current;
@@ -857,7 +848,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -867,9 +858,9 @@
     }
     function pop(cursor, fiber) {
       0 > index$jscomp$0
-        ? error$jscomp$0("Unexpected pop.")
+        ? console.error("Unexpected pop.")
         : (fiber !== fiberStack[index$jscomp$0] &&
-            error$jscomp$0("Unexpected Fiber popped."),
+            console.error("Unexpected Fiber popped."),
           (cursor.current = valueStack[index$jscomp$0]),
           (valueStack[index$jscomp$0] = null),
           (fiberStack[index$jscomp$0] = null),
@@ -883,7 +874,7 @@
     }
     function requiredContext(c) {
       null === c &&
-        error$jscomp$0(
+        console.error(
           "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
         );
       return c;
@@ -988,7 +979,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -999,7 +990,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -1010,7 +1001,7 @@
     function checkFormFieldValueStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -1023,7 +1014,7 @@
       if (hook.isDisabled) return !0;
       if (!hook.supportsFiber)
         return (
-          error$jscomp$0(
+          console.error(
             "The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"
           ),
           !0
@@ -1036,7 +1027,7 @@
           (rendererID = hook.inject(internals)),
           (injectedHook = hook);
       } catch (err) {
-        error$jscomp$0("React instrumentation encountered an error: %s.", err);
+        console.error("React instrumentation encountered an error: %s.", err);
       }
       return hook.checkDCE ? !0 : !1;
     }
@@ -1069,7 +1060,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1077,15 +1068,14 @@
     }
     function setIsStrictModeForDevtools(newIsStrictMode) {
       "function" === typeof log$1 &&
-        (unstable_setDisableYieldValue(newIsStrictMode),
-        (suppressWarning = newIsStrictMode));
+        unstable_setDisableYieldValue(newIsStrictMode);
       if (injectedHook && "function" === typeof injectedHook.setStrictMode)
         try {
           injectedHook.setStrictMode(rendererID, newIsStrictMode);
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1222,7 +1212,7 @@
           return 0;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             lanes
@@ -1297,7 +1287,7 @@
           return -1;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             -1
@@ -1515,7 +1505,7 @@
     }
     function registerDirectEvent(registrationName, dependencies) {
       registrationNameDependencies[registrationName] &&
-        error$jscomp$0(
+        console.error(
           "EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
           registrationName
         );
@@ -1539,17 +1529,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$0(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$0(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$0(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -1561,7 +1551,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$0("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function getValueForAttributeOnCustomComponent(node, name, expected) {
@@ -1741,7 +1731,7 @@
       void 0 === props.checked ||
         void 0 === props.defaultChecked ||
         didWarnCheckedDefaultChecked ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1750,7 +1740,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue$1 ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1862,19 +1852,19 @@
                 "bigint" === typeof child ||
                 didWarnInvalidChild ||
                 ((didWarnInvalidChild = !0),
-                error$jscomp$0(
+                console.error(
                   "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
                 ));
             })
           : null == props.dangerouslySetInnerHTML ||
             didWarnInvalidInnerHTML ||
             ((didWarnInvalidInnerHTML = !0),
-            error$jscomp$0(
+            console.error(
               "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
             )));
       null == props.selected ||
         didWarnSelectedSetOnOption ||
-        (error$jscomp$0(
+        (console.error(
           "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
         ),
         (didWarnSelectedSetOnOption = !0));
@@ -1915,14 +1905,14 @@
         if (null != props[propName]) {
           var propNameIsArray = isArrayImpl(props[propName]);
           props.multiple && !propNameIsArray
-            ? error$jscomp$0(
+            ? console.error(
                 "The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
                 propName,
                 getDeclarationErrorAddendum()
               )
             : !props.multiple &&
               propNameIsArray &&
-              error$jscomp$0(
+              console.error(
                 "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
                 propName,
                 getDeclarationErrorAddendum()
@@ -1932,7 +1922,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue ||
-        (error$jscomp$0(
+        (console.error(
           "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
         ),
         (didWarnValueDefaultValue = !0));
@@ -1941,14 +1931,14 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValDefaultVal ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component"
         ),
         (didWarnValDefaultVal = !0));
       null != props.children &&
         null == props.value &&
-        error$jscomp$0(
+        console.error(
           "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
         );
     }
@@ -1990,2240 +1980,2302 @@
         null !== children &&
         (element.value = children);
     }
-    function updatedAncestorInfoDev(oldInfo, tag) {
-      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
-      var info = { tag: tag };
-      -1 !== inScopeTags.indexOf(tag) &&
-        ((oldInfo.aTagInScope = null),
-        (oldInfo.buttonTagInScope = null),
-        (oldInfo.nobrTagInScope = null));
-      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
-      -1 !== specialTags.indexOf(tag) &&
-        "address" !== tag &&
-        "div" !== tag &&
-        "p" !== tag &&
-        ((oldInfo.listItemTagAutoclosing = null),
-        (oldInfo.dlItemTagAutoclosing = null));
-      oldInfo.current = info;
-      "form" === tag && (oldInfo.formTag = info);
-      "a" === tag && (oldInfo.aTagInScope = info);
-      "button" === tag && (oldInfo.buttonTagInScope = info);
-      "nobr" === tag && (oldInfo.nobrTagInScope = info);
-      "p" === tag && (oldInfo.pTagInButtonScope = info);
-      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
-      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
-      "#document" === tag || "html" === tag
-        ? (oldInfo.containerTagInScope = null)
-        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
-      return oldInfo;
+    function findNotableNode(node, indent) {
+      return void 0 === node.serverProps &&
+        0 === node.serverTail.length &&
+        1 === node.children.length &&
+        3 < node.distanceFromLeaf &&
+        node.distanceFromLeaf > 15 - indent
+        ? findNotableNode(node.children[0], indent)
+        : node;
     }
-    function isTagValidWithParent(tag, parentTag) {
-      switch (parentTag) {
-        case "select":
-          return (
-            "hr" === tag ||
-            "option" === tag ||
-            "optgroup" === tag ||
-            "#text" === tag
-          );
-        case "optgroup":
-          return "option" === tag || "#text" === tag;
-        case "option":
-          return "#text" === tag;
-        case "tr":
-          return (
-            "th" === tag ||
-            "td" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "tbody":
-        case "thead":
-        case "tfoot":
-          return (
-            "tr" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "colgroup":
-          return "col" === tag || "template" === tag;
-        case "table":
-          return (
-            "caption" === tag ||
-            "colgroup" === tag ||
-            "tbody" === tag ||
-            "tfoot" === tag ||
-            "thead" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "head":
+    function indentation(indent) {
+      return "  " + "  ".repeat(indent);
+    }
+    function added(indent) {
+      return "+ " + "  ".repeat(indent);
+    }
+    function removed(indent) {
+      return "- " + "  ".repeat(indent);
+    }
+    function describeFiberType(fiber) {
+      switch (fiber.tag) {
+        case 26:
+        case 27:
+        case 5:
+          return fiber.type;
+        case 16:
+          return "Lazy";
+        case 13:
+          return "Suspense";
+        case 19:
+          return "SuspenseList";
+        case 0:
+        case 15:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        case 11:
           return (
-            "base" === tag ||
-            "basefont" === tag ||
-            "bgsound" === tag ||
-            "link" === tag ||
-            "meta" === tag ||
-            "title" === tag ||
-            "noscript" === tag ||
-            "noframes" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
+            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
           );
-        case "html":
-          return "head" === tag || "body" === tag || "frameset" === tag;
-        case "frameset":
-          return "frame" === tag;
-        case "#document":
-          return "html" === tag;
+        case 1:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        default:
+          return null;
       }
-      switch (tag) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return (
-            "h1" !== parentTag &&
-            "h2" !== parentTag &&
-            "h3" !== parentTag &&
-            "h4" !== parentTag &&
-            "h5" !== parentTag &&
-            "h6" !== parentTag
-          );
-        case "rp":
-        case "rt":
-          return -1 === impliedEndTags.indexOf(parentTag);
-        case "body":
-        case "caption":
-        case "col":
-        case "colgroup":
-        case "frameset":
-        case "frame":
-        case "head":
-        case "html":
-        case "tbody":
-        case "td":
-        case "tfoot":
-        case "th":
-        case "thead":
-        case "tr":
-          return null == parentTag;
+    }
+    function describeTextNode(content, maxLength) {
+      return needsEscaping.test(content)
+        ? ((content = JSON.stringify(content)),
+          content.length > maxLength - 2
+            ? 8 > maxLength
+              ? '{"..."}'
+              : "{" + content.slice(0, maxLength - 7) + '..."}'
+            : "{" + content + "}")
+        : content.length > maxLength
+        ? 5 > maxLength
+          ? '{"..."}'
+          : content.slice(0, maxLength - 3) + "..."
+        : content;
+    }
+    function describeTextDiff(clientText, serverProps, indent) {
+      var maxLength = 120 - 2 * indent;
+      if (null === serverProps)
+        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
+      if ("string" === typeof serverProps) {
+        for (
+          var firstDiff = 0;
+          firstDiff < serverProps.length &&
+          firstDiff < clientText.length &&
+          serverProps.charCodeAt(firstDiff) ===
+            clientText.charCodeAt(firstDiff);
+          firstDiff++
+        );
+        firstDiff > maxLength - 8 &&
+          10 < firstDiff &&
+          ((clientText = "..." + clientText.slice(firstDiff - 8)),
+          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
+        return (
+          added(indent) +
+          describeTextNode(clientText, maxLength) +
+          "\n" +
+          removed(indent) +
+          describeTextNode(serverProps, maxLength) +
+          "\n"
+        );
       }
-      return !0;
+      return (
+        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+      );
     }
-    function findInvalidAncestorForTag(tag, ancestorInfo) {
-      switch (tag) {
-        case "address":
-        case "article":
-        case "aside":
-        case "blockquote":
-        case "center":
-        case "details":
-        case "dialog":
-        case "dir":
-        case "div":
-        case "dl":
-        case "fieldset":
-        case "figcaption":
-        case "figure":
-        case "footer":
-        case "header":
-        case "hgroup":
-        case "main":
-        case "menu":
-        case "nav":
-        case "ol":
-        case "p":
-        case "section":
-        case "summary":
-        case "ul":
-        case "pre":
-        case "listing":
-        case "table":
-        case "hr":
-        case "xmp":
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return ancestorInfo.pTagInButtonScope;
-        case "form":
-          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-        case "li":
-          return ancestorInfo.listItemTagAutoclosing;
-        case "dd":
-        case "dt":
-          return ancestorInfo.dlItemTagAutoclosing;
-        case "button":
-          return ancestorInfo.buttonTagInScope;
-        case "a":
-          return ancestorInfo.aTagInScope;
-        case "nobr":
-          return ancestorInfo.nobrTagInScope;
-      }
-      return null;
+    function objectName(object) {
+      return Object.prototype.toString
+        .call(object)
+        .replace(/^\[object (.*)\]$/, function (m, p0) {
+          return p0;
+        });
     }
-    function validateDOMNesting(childTag, ancestorInfo) {
-      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
-      var parentInfo = ancestorInfo.current;
-      ancestorInfo = (parentInfo = isTagValidWithParent(
-        childTag,
-        parentInfo && parentInfo.tag
-      )
-        ? null
-        : parentInfo)
-        ? null
-        : findInvalidAncestorForTag(childTag, ancestorInfo);
-      ancestorInfo = parentInfo || ancestorInfo;
-      if (!ancestorInfo) return !0;
-      ancestorInfo = ancestorInfo.tag;
-      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      warnKey = "<" + childTag + ">";
-      parentInfo
-        ? ((parentInfo = ""),
-          "table" === ancestorInfo &&
-            "tr" === childTag &&
-            (parentInfo +=
-              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
-          console.error(
-            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            parentInfo,
-            getCurrentParentStackInDev()
-          ))
-        : console.error(
-            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            getCurrentParentStackInDev()
+    function describeValue(value, maxLength) {
+      switch (typeof value) {
+        case "string":
+          return (
+            (value = JSON.stringify(value)),
+            value.length > maxLength
+              ? 5 > maxLength
+                ? '"..."'
+                : value.slice(0, maxLength - 4) + '..."'
+              : value
           );
-      return !1;
+        case "object":
+          if (null === value) return "null";
+          if (isArrayImpl(value)) return "[...]";
+          if (value.$$typeof === REACT_ELEMENT_TYPE)
+            return (maxLength = getComponentNameFromType(value.type))
+              ? "<" + maxLength + ">"
+              : "<...>";
+          var name = objectName(value);
+          if ("Object" === name) {
+            name = "";
+            maxLength -= 2;
+            for (var propName in value)
+              if (value.hasOwnProperty(propName)) {
+                var jsonPropName = JSON.stringify(propName);
+                jsonPropName !== '"' + propName + '"' &&
+                  (propName = jsonPropName);
+                maxLength -= propName.length - 2;
+                jsonPropName = describeValue(
+                  value[propName],
+                  15 > maxLength ? maxLength : 15
+                );
+                maxLength -= jsonPropName.length;
+                if (0 > maxLength) {
+                  name += "" === name ? "..." : ", ...";
+                  break;
+                }
+                name +=
+                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
+              }
+            return "{" + name + "}";
+          }
+          return name;
+        case "function":
+          return (maxLength = value.displayName || value.name)
+            ? "function " + maxLength
+            : "function";
+        default:
+          return String(value);
+      }
     }
-    function validateTextNesting(childText, parentTag) {
-      if (isTagValidWithParent("#text", parentTag)) return !0;
-      var warnKey = "#text|" + parentTag;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      /\S/.test(childText)
-        ? console.error(
-            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          )
-        : console.error(
-            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          );
-      return !1;
+    function describePropValue(value, maxLength) {
+      return "string" !== typeof value || needsEscaping.test(value)
+        ? "{" + describeValue(value, maxLength - 2) + "}"
+        : value.length > maxLength - 2
+        ? 5 > maxLength
+          ? '"..."'
+          : '"' + value.slice(0, maxLength - 5) + '..."'
+        : '"' + value + '"';
     }
-    function setTextContent(node, text) {
-      if (text) {
-        var firstChild = node.firstChild;
-        if (
-          firstChild &&
-          firstChild === node.lastChild &&
-          3 === firstChild.nodeType
-        ) {
-          firstChild.nodeValue = text;
-          return;
+    function describeExpandedElement(type, props, rowPrefix) {
+      var remainingRowLength = 120 - rowPrefix.length - type.length,
+        properties = [],
+        propName;
+      for (propName in props)
+        if (props.hasOwnProperty(propName) && "children" !== propName) {
+          var propValue = describePropValue(
+            props[propName],
+            120 - rowPrefix.length - propName.length - 1
+          );
+          remainingRowLength -= propName.length + propValue.length + 2;
+          properties.push(propName + "=" + propValue);
         }
-      }
-      node.textContent = text;
+      return 0 === properties.length
+        ? rowPrefix + "<" + type + ">\n"
+        : 0 < remainingRowLength
+        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
+        : rowPrefix +
+          "<" +
+          type +
+          "\n" +
+          rowPrefix +
+          "  " +
+          properties.join("\n" + rowPrefix + "  ") +
+          "\n" +
+          rowPrefix +
+          ">\n";
     }
-    function camelize(string) {
-      return string.replace(hyphenPattern, function (_, character) {
-        return character.toUpperCase();
-      });
+    function describePropertiesDiff(clientObject, serverObject, indent) {
+      var properties = "",
+        remainingServerProperties = assign({}, serverObject),
+        propName;
+      for (propName in clientObject)
+        if (clientObject.hasOwnProperty(propName)) {
+          delete remainingServerProperties[propName];
+          var maxLength = 120 - 2 * indent - propName.length - 2,
+            clientPropValue = describeValue(clientObject[propName], maxLength);
+          serverObject.hasOwnProperty(propName)
+            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
+              (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n"),
+              (properties +=
+                removed(indent) + propName + ": " + maxLength + "\n"))
+            : (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n");
+        }
+      for (var _propName in remainingServerProperties)
+        remainingServerProperties.hasOwnProperty(_propName) &&
+          ((clientObject = describeValue(
+            remainingServerProperties[_propName],
+            120 - 2 * indent - _propName.length - 2
+          )),
+          (properties +=
+            removed(indent) + _propName + ": " + clientObject + "\n"));
+      return properties;
     }
-    function setValueForStyle(style, styleName, value) {
-      var isCustomProperty = 0 === styleName.indexOf("--");
-      isCustomProperty ||
-        (-1 < styleName.indexOf("-")
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported style property %s. Did you mean %s?",
-              styleName,
-              camelize(styleName.replace(msPattern, "ms-"))
-            ))
-          : badVendoredStyleNamePattern.test(styleName)
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
-              styleName,
-              styleName.charAt(0).toUpperCase() + styleName.slice(1)
-            ))
-          : !badStyleValueWithSemicolonPattern.test(value) ||
-            (warnedStyleValues.hasOwnProperty(value) &&
-              warnedStyleValues[value]) ||
-            ((warnedStyleValues[value] = !0),
-            error$jscomp$0(
-              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
-              styleName,
-              value.replace(badStyleValueWithSemicolonPattern, "")
-            )),
-        "number" === typeof value &&
-          (isNaN(value)
-            ? warnedForNaNValue ||
-              ((warnedForNaNValue = !0),
-              error$jscomp$0(
-                "`NaN` is an invalid value for the `%s` css style property.",
-                styleName
-              ))
-            : isFinite(value) ||
-              warnedForInfinityValue ||
-              ((warnedForInfinityValue = !0),
-              error$jscomp$0(
-                "`Infinity` is an invalid value for the `%s` css style property.",
-                styleName
-              ))));
-      null == value || "boolean" === typeof value || "" === value
-        ? isCustomProperty
-          ? style.setProperty(styleName, "")
-          : "float" === styleName
-          ? (style.cssFloat = "")
-          : (style[styleName] = "")
-        : isCustomProperty
-        ? style.setProperty(styleName, value)
-        : "number" !== typeof value ||
-          0 === value ||
-          unitlessNumbers.has(styleName)
-        ? "float" === styleName
-          ? (style.cssFloat = value)
-          : (checkCSSPropertyStringCoercion(value, styleName),
-            (style[styleName] = ("" + value).trim()))
-        : (style[styleName] = value + "px");
-    }
-    function setValueForStyles(node, styles, prevStyles) {
-      if (null != styles && "object" !== typeof styles)
-        throw Error(
-          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+    function describeElementDiff(type, clientProps, serverProps, indent) {
+      var content = "",
+        serverPropNames = new Map();
+      for (propName$jscomp$0 in serverProps)
+        serverProps.hasOwnProperty(propName$jscomp$0) &&
+          serverPropNames.set(
+            propName$jscomp$0.toLowerCase(),
+            propName$jscomp$0
+          );
+      if (1 === serverPropNames.size && serverPropNames.has("children"))
+        content += describeExpandedElement(
+          type,
+          clientProps,
+          indentation(indent)
         );
-      styles && Object.freeze(styles);
-      node = node.style;
-      if (null != prevStyles) {
-        if (styles) {
-          var expandedUpdates = {};
-          if (prevStyles)
-            for (var key in prevStyles)
-              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
-                for (
-                  var longhands = shorthandToLonghand[key] || [key], i = 0;
-                  i < longhands.length;
-                  i++
-                )
-                  expandedUpdates[longhands[i]] = key;
-          for (var _key in styles)
-            if (
-              styles.hasOwnProperty(_key) &&
-              (!prevStyles || prevStyles[_key] !== styles[_key])
-            )
-              for (
-                key = shorthandToLonghand[_key] || [_key], longhands = 0;
-                longhands < key.length;
-                longhands++
-              )
-                expandedUpdates[key[longhands]] = _key;
-          _key = {};
-          for (var key$jscomp$0 in styles)
-            for (
-              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
-                longhands = 0;
-              longhands < key.length;
-              longhands++
-            )
-              _key[key[longhands]] = key$jscomp$0;
-          key$jscomp$0 = {};
-          for (var _key2 in expandedUpdates)
-            (key = expandedUpdates[_key2]),
-              (longhands = _key[_key2]) &&
-                key !== longhands &&
-                ((i = key + "," + longhands),
-                key$jscomp$0[i] ||
-                  ((key$jscomp$0[i] = !0),
-                  (i = styles[key]),
-                  error$jscomp$0(
-                    "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
-                    null == i || "boolean" === typeof i || "" === i
-                      ? "Removing"
-                      : "Updating",
-                    key,
-                    longhands
-                  )));
-        }
-        for (var styleName in prevStyles)
-          !prevStyles.hasOwnProperty(styleName) ||
-            (null != styles && styles.hasOwnProperty(styleName)) ||
-            (0 === styleName.indexOf("--")
-              ? node.setProperty(styleName, "")
-              : "float" === styleName
-              ? (node.cssFloat = "")
-              : (node[styleName] = ""));
-        for (var _styleName in styles)
-          (_key2 = styles[_styleName]),
-            styles.hasOwnProperty(_styleName) &&
-              prevStyles[_styleName] !== _key2 &&
-              setValueForStyle(node, _styleName, _key2);
-      } else
-        for (expandedUpdates in styles)
-          styles.hasOwnProperty(expandedUpdates) &&
-            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
-    }
-    function isCustomElement(tagName) {
-      if (-1 === tagName.indexOf("-")) return !1;
-      switch (tagName) {
-        case "annotation-xml":
-        case "color-profile":
-        case "font-face":
-        case "font-face-src":
-        case "font-face-uri":
-        case "font-face-format":
-        case "font-face-name":
-        case "missing-glyph":
-          return !1;
-        default:
-          return !0;
+      else {
+        for (var _propName2 in clientProps)
+          if (
+            clientProps.hasOwnProperty(_propName2) &&
+            "children" !== _propName2
+          ) {
+            var maxLength$jscomp$0 =
+                120 - 2 * (indent + 1) - _propName2.length - 1,
+              serverPropName = serverPropNames.get(_propName2.toLowerCase());
+            if (void 0 !== serverPropName) {
+              serverPropNames.delete(_propName2.toLowerCase());
+              var propName$jscomp$0 = clientProps[_propName2];
+              serverPropName = serverProps[serverPropName];
+              var clientPropValue = describePropValue(
+                propName$jscomp$0,
+                maxLength$jscomp$0
+              );
+              maxLength$jscomp$0 = describePropValue(
+                serverPropName,
+                maxLength$jscomp$0
+              );
+              "object" === typeof propName$jscomp$0 &&
+              null !== propName$jscomp$0 &&
+              "object" === typeof serverPropName &&
+              null !== serverPropName &&
+              "Object" === objectName(propName$jscomp$0) &&
+              "Object" === objectName(serverPropName) &&
+              (2 < Object.keys(propName$jscomp$0).length ||
+                2 < Object.keys(serverPropName).length ||
+                -1 < clientPropValue.indexOf("...") ||
+                -1 < maxLength$jscomp$0.indexOf("..."))
+                ? (content +=
+                    indentation(indent + 1) +
+                    _propName2 +
+                    "={{\n" +
+                    describePropertiesDiff(
+                      propName$jscomp$0,
+                      serverPropName,
+                      indent + 2
+                    ) +
+                    indentation(indent + 1) +
+                    "}}\n")
+                : ((content +=
+                    added(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    clientPropValue +
+                    "\n"),
+                  (content +=
+                    removed(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    maxLength$jscomp$0 +
+                    "\n"));
+            } else
+              content +=
+                indentation(indent + 1) +
+                _propName2 +
+                "=" +
+                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
+                "\n";
+          }
+        serverPropNames.forEach(function (propName) {
+          if ("children" !== propName) {
+            var maxLength = 120 - 2 * (indent + 1) - propName.length - 1;
+            content +=
+              removed(indent + 1) +
+              propName +
+              "=" +
+              describePropValue(serverProps[propName], maxLength) +
+              "\n";
+          }
+        });
+        content =
+          "" === content
+            ? indentation(indent) + "<" + type + ">\n"
+            : indentation(indent) +
+              "<" +
+              type +
+              "\n" +
+              content +
+              indentation(indent) +
+              ">\n";
       }
-    }
-    function getAttributeAlias(name) {
-      return aliases.get(name) || name;
-    }
-    function validateProperty$1(tagName, name) {
+      type = serverProps.children;
+      clientProps = clientProps.children;
       if (
-        hasOwnProperty.call(warnedProperties$1, name) &&
-        warnedProperties$1[name]
+        "string" === typeof type ||
+        "number" === typeof type ||
+        "bigint" === typeof type
+      ) {
+        serverPropNames = "";
+        if (
+          "string" === typeof clientProps ||
+          "number" === typeof clientProps ||
+          "bigint" === typeof clientProps
+        )
+          serverPropNames = "" + clientProps;
+        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
+      } else if (
+        "string" === typeof clientProps ||
+        "number" === typeof clientProps ||
+        "bigint" === typeof clientProps
       )
-        return !0;
-      if (rARIACamel$1.test(name)) {
-        tagName = "aria-" + name.slice(4).toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
-              name
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-        if (name !== tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
-              name,
-              tagName
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-      }
-      if (rARIA$1.test(name)) {
-        tagName = name.toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
-        name !== tagName &&
-          (error$jscomp$0(
-            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
-            name,
-            tagName
-          ),
-          (warnedProperties$1[name] = !0));
+        content =
+          null == type
+            ? content + describeTextDiff("" + clientProps, null, indent + 1)
+            : content + describeTextDiff("" + clientProps, void 0, indent + 1);
+      return content;
+    }
+    function describeSiblingFiber(fiber, indent) {
+      var type = describeFiberType(fiber);
+      if (null === type) {
+        type = "";
+        for (fiber = fiber.child; fiber; )
+          (type += describeSiblingFiber(fiber, indent)),
+            (fiber = fiber.sibling);
+        return type;
       }
-      return !0;
+      return indentation(indent) + "<" + type + ">\n";
     }
-    function validateProperties$2(type, props) {
-      var invalidProps = [],
-        key;
-      for (key in props)
-        validateProperty$1(type, key) || invalidProps.push(key);
-      props = invalidProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === invalidProps.length
-        ? error$jscomp$0(
-            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          )
-        : 1 < invalidProps.length &&
-          error$jscomp$0(
-            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          );
-    }
-    function validateProperty(tagName, name, value, eventRegistry) {
-      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
-        return !0;
-      var lowerCasedName = name.toLowerCase();
-      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+    function describeNode(node, indent) {
+      var skipToNode = findNotableNode(node, indent);
+      if (
+        skipToNode !== node &&
+        (1 !== node.children.length || node.children[0] !== skipToNode)
+      )
         return (
-          error$jscomp$0(
-            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
-          ),
-          (warnedProperties[name] = !0)
+          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
         );
-      if (
-        "function" === typeof value &&
-        (("form" === tagName && "action" === name) ||
-          ("input" === tagName && "formAction" === name) ||
-          ("button" === tagName && "formAction" === name))
+      skipToNode = "";
+      var debugInfo = node.fiber._debugInfo;
+      if (debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var serverComponentName = debugInfo[i].name;
+          "string" === typeof serverComponentName &&
+            ((skipToNode +=
+              indentation(indent) + "<" + serverComponentName + ">\n"),
+            indent++);
+        }
+      debugInfo = "";
+      i = node.fiber.pendingProps;
+      if (6 === node.fiber.tag)
+        (debugInfo = describeTextDiff(i, node.serverProps, indent)), indent++;
+      else if (
+        ((serverComponentName = describeFiberType(node.fiber)),
+        null !== serverComponentName)
       )
-        return !0;
-      if (null != eventRegistry) {
-        tagName = eventRegistry.possibleRegistrationNames;
-        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
-          return !0;
-        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
-          ? tagName[lowerCasedName]
-          : null;
-        if (null != eventRegistry)
+        if (void 0 === node.serverProps) {
+          debugInfo = indent;
+          var maxLength = 120 - 2 * debugInfo - serverComponentName.length - 2,
+            content = "";
+          for (propName in i)
+            if (i.hasOwnProperty(propName) && "children" !== propName) {
+              var propValue = describePropValue(i[propName], 15);
+              maxLength -= propName.length + propValue.length + 2;
+              if (0 > maxLength) {
+                content += " ...";
+                break;
+              }
+              content += " " + propName + "=" + propValue;
+            }
+          debugInfo =
+            indentation(debugInfo) +
+            "<" +
+            serverComponentName +
+            content +
+            ">\n";
+          indent++;
+        } else
+          null === node.serverProps
+            ? ((debugInfo = describeExpandedElement(
+                serverComponentName,
+                i,
+                added(indent)
+              )),
+              indent++)
+            : "string" === typeof node.serverProps
+            ? console.error(
+                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
+              )
+            : ((debugInfo = describeElementDiff(
+                serverComponentName,
+                i,
+                node.serverProps,
+                indent
+              )),
+              indent++);
+      var propName = "";
+      i = node.fiber.child;
+      for (
+        serverComponentName = 0;
+        i && serverComponentName < node.children.length;
+
+      )
+        (maxLength = node.children[serverComponentName]),
+          maxLength.fiber === i
+            ? ((propName += describeNode(maxLength, indent)),
+              serverComponentName++)
+            : (propName += describeSiblingFiber(i, indent)),
+          (i = i.sibling);
+      i &&
+        0 < node.children.length &&
+        (propName += indentation(indent) + "...\n");
+      i = node.serverTail;
+      null === node.serverProps && indent--;
+      for (node = 0; node < i.length; node++)
+        (serverComponentName = i[node]),
+          (propName =
+            "string" === typeof serverComponentName
+              ? propName +
+                (removed(indent) +
+                  describeTextNode(serverComponentName, 120 - 2 * indent) +
+                  "\n")
+              : propName +
+                describeExpandedElement(
+                  serverComponentName.type,
+                  serverComponentName.props,
+                  removed(indent)
+                ));
+      return skipToNode + debugInfo + propName;
+    }
+    function describeDiff(rootNode) {
+      try {
+        return "\n\n" + describeNode(rootNode, 0);
+      } catch (x) {
+        return "";
+      }
+    }
+    function describeAncestors(ancestor, child, props) {
+      for (var fiber = child, node = null, distanceFromLeaf = 0; fiber; )
+        fiber === ancestor && (distanceFromLeaf = 0),
+          (node = {
+            fiber: fiber,
+            children: null !== node ? [node] : [],
+            serverProps:
+              fiber === child ? props : fiber === ancestor ? null : void 0,
+            serverTail: [],
+            distanceFromLeaf: distanceFromLeaf
+          }),
+          distanceFromLeaf++,
+          (fiber = fiber.return);
+      return null !== node ? describeDiff(node).replaceAll(/^[+-]/gm, ">") : "";
+    }
+    function updatedAncestorInfoDev(oldInfo, tag) {
+      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
+      var info = { tag: tag };
+      -1 !== inScopeTags.indexOf(tag) &&
+        ((oldInfo.aTagInScope = null),
+        (oldInfo.buttonTagInScope = null),
+        (oldInfo.nobrTagInScope = null));
+      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
+      -1 !== specialTags.indexOf(tag) &&
+        "address" !== tag &&
+        "div" !== tag &&
+        "p" !== tag &&
+        ((oldInfo.listItemTagAutoclosing = null),
+        (oldInfo.dlItemTagAutoclosing = null));
+      oldInfo.current = info;
+      "form" === tag && (oldInfo.formTag = info);
+      "a" === tag && (oldInfo.aTagInScope = info);
+      "button" === tag && (oldInfo.buttonTagInScope = info);
+      "nobr" === tag && (oldInfo.nobrTagInScope = info);
+      "p" === tag && (oldInfo.pTagInButtonScope = info);
+      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
+      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
+      "#document" === tag || "html" === tag
+        ? (oldInfo.containerTagInScope = null)
+        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
+      return oldInfo;
+    }
+    function isTagValidWithParent(tag, parentTag) {
+      switch (parentTag) {
+        case "select":
           return (
-            error$jscomp$0(
-              "Invalid event handler property `%s`. Did you mean `%s`?",
-              name,
-              eventRegistry
-            ),
-            (warnedProperties[name] = !0)
+            "hr" === tag ||
+            "option" === tag ||
+            "optgroup" === tag ||
+            "#text" === tag
           );
-        if (EVENT_NAME_REGEX.test(name))
+        case "optgroup":
+          return "option" === tag || "#text" === tag;
+        case "option":
+          return "#text" === tag;
+        case "tr":
           return (
-            error$jscomp$0(
-              "Unknown event handler property `%s`. It will be ignored.",
-              name
-            ),
-            (warnedProperties[name] = !0)
+            "th" === tag ||
+            "td" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (EVENT_NAME_REGEX.test(name))
-        return (
-          INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$0(
-              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
-              name
-            ),
-          (warnedProperties[name] = !0)
-        );
-      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
-      if ("innerhtml" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("aria" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (
-        "is" === lowerCasedName &&
-        null !== value &&
-        void 0 !== value &&
-        "string" !== typeof value
-      )
-        return (
-          error$jscomp$0(
-            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
-            typeof value
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("number" === typeof value && isNaN(value))
-        return (
-          error$jscomp$0(
-            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
-            name
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-        if (
-          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
-          lowerCasedName !== name)
-        )
+        case "tbody":
+        case "thead":
+        case "tfoot":
           return (
-            error$jscomp$0(
-              "Invalid DOM property `%s`. Did you mean `%s`?",
-              name,
-              lowerCasedName
-            ),
-            (warnedProperties[name] = !0)
+            "tr" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (name !== lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
-            name,
-            lowerCasedName
-          ),
-          (warnedProperties[name] = !0)
-        );
-      switch (name) {
-        case "dangerouslySetInnerHTML":
-        case "children":
-        case "style":
-        case "suppressContentEditableWarning":
-        case "suppressHydrationWarning":
-        case "defaultValue":
-        case "defaultChecked":
-        case "innerHTML":
-        case "ref":
-          return !0;
-        case "innerText":
-        case "textContent":
-          return !0;
-      }
-      switch (typeof value) {
-        case "boolean":
-          switch (name) {
-            case "autoFocus":
-            case "checked":
-            case "multiple":
-            case "muted":
-            case "selected":
-            case "contentEditable":
-            case "spellCheck":
-            case "draggable":
-            case "value":
-            case "autoReverse":
-            case "externalResourcesRequired":
-            case "focusable":
-            case "preserveAlpha":
-            case "allowFullScreen":
-            case "async":
-            case "autoPlay":
-            case "controls":
-            case "default":
-            case "defer":
-            case "disabled":
-            case "disablePictureInPicture":
-            case "disableRemotePlayback":
-            case "formNoValidate":
-            case "hidden":
-            case "loop":
-            case "noModule":
-            case "noValidate":
-            case "open":
-            case "playsInline":
-            case "readOnly":
-            case "required":
-            case "reversed":
-            case "scoped":
-            case "seamless":
-            case "itemScope":
-            case "capture":
-            case "download":
-            case "inert":
-              return !0;
-            default:
-              lowerCasedName = name.toLowerCase().slice(0, 5);
-              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
-                return !0;
-              value
-                ? error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name
-                  )
-                : error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name,
-                    name,
-                    name
-                  );
-              return (warnedProperties[name] = !0);
-          }
-        case "function":
-        case "symbol":
-          return (warnedProperties[name] = !0), !1;
-        case "string":
-          if ("false" === value || "true" === value) {
-            switch (name) {
-              case "checked":
-              case "selected":
-              case "multiple":
-              case "muted":
-              case "allowFullScreen":
-              case "async":
-              case "autoPlay":
-              case "controls":
-              case "default":
-              case "defer":
-              case "disabled":
-              case "disablePictureInPicture":
-              case "disableRemotePlayback":
-              case "formNoValidate":
-              case "hidden":
-              case "loop":
-              case "noModule":
-              case "noValidate":
-              case "open":
-              case "playsInline":
-              case "readOnly":
-              case "required":
-              case "reversed":
-              case "scoped":
-              case "seamless":
-              case "itemScope":
-              case "inert":
-                break;
-              default:
-                return !0;
-            }
-            error$jscomp$0(
-              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
-              value,
-              name,
-              "false" === value
-                ? "The browser will interpret it as a truthy value."
-                : 'Although this works, it will not work as expected if you pass the string "false".',
-              name,
-              value
-            );
-            warnedProperties[name] = !0;
-          }
-      }
-      return !0;
-    }
-    function warnUnknownProperties(type, props, eventRegistry) {
-      var unknownProps = [],
-        key;
-      for (key in props)
-        validateProperty(type, key, props[key], eventRegistry) ||
-          unknownProps.push(key);
-      props = unknownProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === unknownProps.length
-        ? error$jscomp$0(
-            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          )
-        : 1 < unknownProps.length &&
-          error$jscomp$0(
-            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
+        case "colgroup":
+          return "col" === tag || "template" === tag;
+        case "table":
+          return (
+            "caption" === tag ||
+            "colgroup" === tag ||
+            "tbody" === tag ||
+            "tfoot" === tag ||
+            "thead" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-    }
-    function sanitizeURL(url) {
-      return isJavaScriptProtocol.test("" + url)
-        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
-        : url;
-    }
-    function getEventTarget(nativeEvent) {
-      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-      nativeEvent.correspondingUseElement &&
-        (nativeEvent = nativeEvent.correspondingUseElement);
-      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-    }
-    function restoreStateOfTarget(target) {
-      var internalInstance = getInstanceFromNode(target);
-      if (internalInstance && (target = internalInstance.stateNode)) {
-        var props = target[internalPropsKey] || null;
-        a: switch (
-          ((target = internalInstance.stateNode), internalInstance.type)
-        ) {
-          case "input":
-            updateInput(
-              target,
-              props.value,
-              props.defaultValue,
-              props.defaultValue,
-              props.checked,
-              props.defaultChecked,
-              props.type,
-              props.name
-            );
-            internalInstance = props.name;
-            if ("radio" === props.type && null != internalInstance) {
-              for (props = target; props.parentNode; ) props = props.parentNode;
-              checkAttributeStringCoercion(internalInstance, "name");
-              props = props.querySelectorAll(
-                'input[name="' +
-                  escapeSelectorAttributeValueInsideDoubleQuotes(
-                    "" + internalInstance
-                  ) +
-                  '"][type="radio"]'
-              );
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              ) {
-                var otherNode = props[internalInstance];
-                if (otherNode !== target && otherNode.form === target.form) {
-                  var otherProps = otherNode[internalPropsKey] || null;
-                  if (!otherProps)
-                    throw Error(
-                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
-                    );
-                  updateInput(
-                    otherNode,
-                    otherProps.value,
-                    otherProps.defaultValue,
-                    otherProps.defaultValue,
-                    otherProps.checked,
-                    otherProps.defaultChecked,
-                    otherProps.type,
-                    otherProps.name
-                  );
-                }
-              }
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              )
-                (otherNode = props[internalInstance]),
-                  otherNode.form === target.form &&
-                    updateValueIfChanged(otherNode);
-            }
-            break a;
-          case "textarea":
-            updateTextarea(target, props.value, props.defaultValue);
-            break a;
-          case "select":
-            (internalInstance = props.value),
-              null != internalInstance &&
-                updateOptions(target, !!props.multiple, internalInstance, !1);
-        }
-      }
-    }
-    function batchedUpdates$2(fn, a, b) {
-      if (isInsideEventHandler) return fn(a, b);
-      isInsideEventHandler = !0;
-      try {
-        var JSCompiler_inline_result = fn(a);
-        return JSCompiler_inline_result;
-      } finally {
-        if (
-          ((isInsideEventHandler = !1),
-          null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (flushSyncWork$1(),
-            restoreTarget &&
-              ((a = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(a),
-              fn))
-          )
-            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
-      }
-    }
-    function getListener(inst, registrationName) {
-      var stateNode = inst.stateNode;
-      if (null === stateNode) return null;
-      var props = stateNode[internalPropsKey] || null;
-      if (null === props) return null;
-      stateNode = props[registrationName];
-      a: switch (registrationName) {
-        case "onClick":
-        case "onClickCapture":
-        case "onDoubleClick":
-        case "onDoubleClickCapture":
-        case "onMouseDown":
-        case "onMouseDownCapture":
-        case "onMouseMove":
-        case "onMouseMoveCapture":
-        case "onMouseUp":
-        case "onMouseUpCapture":
-        case "onMouseEnter":
-          (props = !props.disabled) ||
-            ((inst = inst.type),
-            (props = !(
-              "button" === inst ||
-              "input" === inst ||
-              "select" === inst ||
-              "textarea" === inst
-            )));
-          inst = !props;
-          break a;
-        default:
-          inst = !1;
-      }
-      if (inst) return null;
-      if (stateNode && "function" !== typeof stateNode)
-        throw Error(
-          "Expected `" +
-            registrationName +
-            "` listener to be a function, instead got a value of `" +
-            typeof stateNode +
-            "` type."
-        );
-      return stateNode;
-    }
-    function getData() {
-      if (fallbackText) return fallbackText;
-      var start,
-        startValue = startText,
-        startLength = startValue.length,
-        end,
-        endValue = "value" in root ? root.value : root.textContent,
-        endLength = endValue.length;
-      for (
-        start = 0;
-        start < startLength && startValue[start] === endValue[start];
-        start++
-      );
-      var minEnd = startLength - start;
-      for (
-        end = 1;
-        end <= minEnd &&
-        startValue[startLength - end] === endValue[endLength - end];
-        end++
-      );
-      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-    }
-    function getEventCharCode(nativeEvent) {
-      var keyCode = nativeEvent.keyCode;
-      "charCode" in nativeEvent
-        ? ((nativeEvent = nativeEvent.charCode),
-          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
-        : (nativeEvent = keyCode);
-      10 === nativeEvent && (nativeEvent = 13);
-      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
-    }
-    function functionThatReturnsTrue() {
-      return !0;
-    }
-    function functionThatReturnsFalse() {
-      return !1;
-    }
-    function createSyntheticEvent(Interface) {
-      function SyntheticBaseEvent(
-        reactName,
-        reactEventType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      ) {
-        this._reactName = reactName;
-        this._targetInst = targetInst;
-        this.type = reactEventType;
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEventTarget;
-        this.currentTarget = null;
-        for (var propName in Interface)
-          Interface.hasOwnProperty(propName) &&
-            ((reactName = Interface[propName]),
-            (this[propName] = reactName
-              ? reactName(nativeEvent)
-              : nativeEvent[propName]));
-        this.isDefaultPrevented = (
-          null != nativeEvent.defaultPrevented
-            ? nativeEvent.defaultPrevented
-            : !1 === nativeEvent.returnValue
-        )
-          ? functionThatReturnsTrue
-          : functionThatReturnsFalse;
-        this.isPropagationStopped = functionThatReturnsFalse;
-        return this;
-      }
-      assign(SyntheticBaseEvent.prototype, {
-        preventDefault: function () {
-          this.defaultPrevented = !0;
-          var event = this.nativeEvent;
-          event &&
-            (event.preventDefault
-              ? event.preventDefault()
-              : "unknown" !== typeof event.returnValue &&
-                (event.returnValue = !1),
-            (this.isDefaultPrevented = functionThatReturnsTrue));
-        },
-        stopPropagation: function () {
-          var event = this.nativeEvent;
-          event &&
-            (event.stopPropagation
-              ? event.stopPropagation()
-              : "unknown" !== typeof event.cancelBubble &&
-                (event.cancelBubble = !0),
-            (this.isPropagationStopped = functionThatReturnsTrue));
-        },
-        persist: function () {},
-        isPersistent: functionThatReturnsTrue
-      });
-      return SyntheticBaseEvent;
-    }
-    function modifierStateGetter(keyArg) {
-      var nativeEvent = this.nativeEvent;
-      return nativeEvent.getModifierState
-        ? nativeEvent.getModifierState(keyArg)
-        : (keyArg = modifierKeyToProp[keyArg])
-        ? !!nativeEvent[keyArg]
-        : !1;
-    }
-    function getEventModifierState() {
-      return modifierStateGetter;
-    }
-    function isFallbackCompositionEnd(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "keyup":
-          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
-        case "keydown":
-          return nativeEvent.keyCode !== START_KEYCODE;
-        case "keypress":
-        case "mousedown":
-        case "focusout":
-          return !0;
-        default:
-          return !1;
+        case "head":
+          return (
+            "base" === tag ||
+            "basefont" === tag ||
+            "bgsound" === tag ||
+            "link" === tag ||
+            "meta" === tag ||
+            "title" === tag ||
+            "noscript" === tag ||
+            "noframes" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "html":
+          return "head" === tag || "body" === tag || "frameset" === tag;
+        case "frameset":
+          return "frame" === tag;
+        case "#document":
+          return "html" === tag;
       }
-    }
-    function getDataFromCustomEvent(nativeEvent) {
-      nativeEvent = nativeEvent.detail;
-      return "object" === typeof nativeEvent && "data" in nativeEvent
-        ? nativeEvent.data
-        : null;
-    }
-    function getNativeBeforeInputChars(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "compositionend":
-          return getDataFromCustomEvent(nativeEvent);
-        case "keypress":
-          if (nativeEvent.which !== SPACEBAR_CODE) return null;
-          hasSpaceKeypress = !0;
-          return SPACEBAR_CHAR;
-        case "textInput":
+      switch (tag) {
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
           return (
-            (domEventName = nativeEvent.data),
-            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
-              ? null
-              : domEventName
+            "h1" !== parentTag &&
+            "h2" !== parentTag &&
+            "h3" !== parentTag &&
+            "h4" !== parentTag &&
+            "h5" !== parentTag &&
+            "h6" !== parentTag
           );
-        default:
-          return null;
+        case "rp":
+        case "rt":
+          return -1 === impliedEndTags.indexOf(parentTag);
+        case "body":
+        case "caption":
+        case "col":
+        case "colgroup":
+        case "frameset":
+        case "frame":
+        case "head":
+        case "html":
+        case "tbody":
+        case "td":
+        case "tfoot":
+        case "th":
+        case "thead":
+        case "tr":
+          return null == parentTag;
       }
+      return !0;
     }
-    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-      if (isComposing)
-        return "compositionend" === domEventName ||
-          (!canUseCompositionEvent &&
-            isFallbackCompositionEnd(domEventName, nativeEvent))
-          ? ((domEventName = getData()),
-            (fallbackText = startText = root = null),
-            (isComposing = !1),
-            domEventName)
-          : null;
-      switch (domEventName) {
-        case "paste":
-          return null;
-        case "keypress":
-          if (
-            !(
-              nativeEvent.ctrlKey ||
-              nativeEvent.altKey ||
-              nativeEvent.metaKey
-            ) ||
-            (nativeEvent.ctrlKey && nativeEvent.altKey)
-          ) {
-            if (nativeEvent.char && 1 < nativeEvent.char.length)
-              return nativeEvent.char;
-            if (nativeEvent.which)
-              return String.fromCharCode(nativeEvent.which);
-          }
-          return null;
-        case "compositionend":
-          return useFallbackCompositionData && "ko" !== nativeEvent.locale
-            ? null
-            : nativeEvent.data;
-        default:
-          return null;
+    function findInvalidAncestorForTag(tag, ancestorInfo) {
+      switch (tag) {
+        case "address":
+        case "article":
+        case "aside":
+        case "blockquote":
+        case "center":
+        case "details":
+        case "dialog":
+        case "dir":
+        case "div":
+        case "dl":
+        case "fieldset":
+        case "figcaption":
+        case "figure":
+        case "footer":
+        case "header":
+        case "hgroup":
+        case "main":
+        case "menu":
+        case "nav":
+        case "ol":
+        case "p":
+        case "section":
+        case "summary":
+        case "ul":
+        case "pre":
+        case "listing":
+        case "table":
+        case "hr":
+        case "xmp":
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return ancestorInfo.pTagInButtonScope;
+        case "form":
+          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
+        case "li":
+          return ancestorInfo.listItemTagAutoclosing;
+        case "dd":
+        case "dt":
+          return ancestorInfo.dlItemTagAutoclosing;
+        case "button":
+          return ancestorInfo.buttonTagInScope;
+        case "a":
+          return ancestorInfo.aTagInScope;
+        case "nobr":
+          return ancestorInfo.nobrTagInScope;
       }
+      return null;
     }
-    function isTextInputElement(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return "input" === nodeName
-        ? !!supportedInputTypes[elem.type]
-        : "textarea" === nodeName
-        ? !0
-        : !1;
-    }
-    function isEventSupported(eventNameSuffix) {
-      if (!canUseDOM) return !1;
-      eventNameSuffix = "on" + eventNameSuffix;
-      var isSupported = eventNameSuffix in document;
-      isSupported ||
-        ((isSupported = document.createElement("div")),
-        isSupported.setAttribute(eventNameSuffix, "return;"),
-        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
-      return isSupported;
-    }
-    function createAndAccumulateChangeEvent(
-      dispatchQueue,
-      inst,
-      nativeEvent,
-      target
-    ) {
-      restoreTarget
-        ? restoreQueue
-          ? restoreQueue.push(target)
-          : (restoreQueue = [target])
-        : (restoreTarget = target);
-      inst = accumulateTwoPhaseListeners(inst, "onChange");
-      0 < inst.length &&
-        ((nativeEvent = new SyntheticEvent(
-          "onChange",
-          "change",
-          null,
-          nativeEvent,
-          target
-        )),
-        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
-    }
-    function runEventInBatch(dispatchQueue) {
-      processDispatchQueue(dispatchQueue, 0);
-    }
-    function getInstIfValueChanged(targetInst) {
-      var targetNode = getNodeFromInstance(targetInst);
-      if (updateValueIfChanged(targetNode)) return targetInst;
-    }
-    function getTargetInstForChangeEvent(domEventName, targetInst) {
-      if ("change" === domEventName) return targetInst;
-    }
-    function stopWatchingForValueChange() {
-      activeElement$1 &&
-        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
-        (activeElementInst$1 = activeElement$1 = null));
-    }
-    function handlePropertyChange(nativeEvent) {
-      if (
-        "value" === nativeEvent.propertyName &&
-        getInstIfValueChanged(activeElementInst$1)
-      ) {
-        var dispatchQueue = [];
-        createAndAccumulateChangeEvent(
-          dispatchQueue,
-          activeElementInst$1,
-          nativeEvent,
-          getEventTarget(nativeEvent)
-        );
-        batchedUpdates$2(runEventInBatch, dispatchQueue);
+    function findAncestor(parent, tagName) {
+      for (; parent; ) {
+        switch (parent.tag) {
+          case 5:
+          case 26:
+          case 27:
+            if (parent.type === tagName) return parent;
+        }
+        parent = parent.return;
       }
+      return null;
     }
-    function handleEventsForInputEventPolyfill(
-      domEventName,
-      target,
-      targetInst
-    ) {
-      "focusin" === domEventName
-        ? (stopWatchingForValueChange(),
-          (activeElement$1 = target),
-          (activeElementInst$1 = targetInst),
-          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
-        : "focusout" === domEventName && stopWatchingForValueChange();
-    }
-    function getTargetInstForInputEventPolyfill(domEventName) {
-      if (
-        "selectionchange" === domEventName ||
-        "keyup" === domEventName ||
-        "keydown" === domEventName
+    function validateDOMNesting(childTag, ancestorInfo) {
+      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
+      var parentInfo = ancestorInfo.current;
+      ancestorInfo = (parentInfo = isTagValidWithParent(
+        childTag,
+        parentInfo && parentInfo.tag
       )
-        return getInstIfValueChanged(activeElementInst$1);
-    }
-    function getTargetInstForClickEvent(domEventName, targetInst) {
-      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
-    }
-    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
-      if ("input" === domEventName || "change" === domEventName)
-        return getInstIfValueChanged(targetInst);
+        ? null
+        : parentInfo)
+        ? null
+        : findInvalidAncestorForTag(childTag, ancestorInfo);
+      ancestorInfo = parentInfo || ancestorInfo;
+      if (!ancestorInfo) return !0;
+      var ancestorTag = ancestorInfo.tag;
+      ancestorInfo = String(!!parentInfo) + "|" + childTag + "|" + ancestorTag;
+      if (didWarn[ancestorInfo]) return !1;
+      didWarn[ancestorInfo] = !0;
+      var ancestor = (ancestorInfo = current)
+          ? findAncestor(ancestorInfo.return, ancestorTag)
+          : null,
+        ancestorDescription =
+          null !== ancestorInfo && null !== ancestor
+            ? describeAncestors(ancestor, ancestorInfo, null)
+            : "",
+        tagDisplayName = "<" + childTag + ">";
+      parentInfo
+        ? ((parentInfo = ""),
+          "table" === ancestorTag &&
+            "tr" === childTag &&
+            (parentInfo +=
+              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
+          console.error(
+            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            parentInfo,
+            ancestorDescription
+          ))
+        : console.error(
+            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            ancestorDescription
+          );
+      ancestorInfo &&
+        ((childTag = ancestorInfo.return),
+        null === ancestor ||
+          null === childTag ||
+          (ancestor === childTag &&
+            childTag._debugOwner === ancestorInfo._debugOwner) ||
+          runWithFiberInDEV(ancestor, function () {
+            console.error(
+              "<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.",
+              ancestorTag,
+              tagDisplayName
+            );
+          }));
+      return !1;
     }
-    function is(x, y) {
-      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    function validateTextNesting(childText, parentTag) {
+      if (isTagValidWithParent("#text", parentTag)) return !0;
+      var warnKey = "#text|" + parentTag;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey, parentTag)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(
+              ancestor,
+              warnKey,
+              6 !== warnKey.tag ? { children: null } : null
+            )
+          : "";
+      /\S/.test(childText)
+        ? console.error(
+            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          )
+        : console.error(
+            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          );
+      return !1;
     }
-    function shallowEqual(objA, objB) {
-      if (objectIs(objA, objB)) return !0;
-      if (
-        "object" !== typeof objA ||
-        null === objA ||
-        "object" !== typeof objB ||
-        null === objB
-      )
-        return !1;
-      var keysA = Object.keys(objA),
-        keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) return !1;
-      for (keysB = 0; keysB < keysA.length; keysB++) {
-        var currentKey = keysA[keysB];
+    function setTextContent(node, text) {
+      if (text) {
+        var firstChild = node.firstChild;
         if (
-          !hasOwnProperty.call(objB, currentKey) ||
-          !objectIs(objA[currentKey], objB[currentKey])
-        )
-          return !1;
+          firstChild &&
+          firstChild === node.lastChild &&
+          3 === firstChild.nodeType
+        ) {
+          firstChild.nodeValue = text;
+          return;
+        }
       }
-      return !0;
+      node.textContent = text;
     }
-    function getLeafNode(node) {
-      for (; node && node.firstChild; ) node = node.firstChild;
-      return node;
+    function camelize(string) {
+      return string.replace(hyphenPattern, function (_, character) {
+        return character.toUpperCase();
+      });
     }
-    function getNodeForCharacterOffset(root, offset) {
-      var node = getLeafNode(root);
-      root = 0;
-      for (var nodeEnd; node; ) {
-        if (3 === node.nodeType) {
-          nodeEnd = root + node.textContent.length;
-          if (root <= offset && nodeEnd >= offset)
-            return { node: node, offset: offset - root };
-          root = nodeEnd;
-        }
-        a: {
-          for (; node; ) {
-            if (node.nextSibling) {
-              node = node.nextSibling;
-              break a;
+    function setValueForStyle(style, styleName, value) {
+      var isCustomProperty = 0 === styleName.indexOf("--");
+      isCustomProperty ||
+        (-1 < styleName.indexOf("-")
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported style property %s. Did you mean %s?",
+              styleName,
+              camelize(styleName.replace(msPattern, "ms-"))
+            ))
+          : badVendoredStyleNamePattern.test(styleName)
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
+              styleName,
+              styleName.charAt(0).toUpperCase() + styleName.slice(1)
+            ))
+          : !badStyleValueWithSemicolonPattern.test(value) ||
+            (warnedStyleValues.hasOwnProperty(value) &&
+              warnedStyleValues[value]) ||
+            ((warnedStyleValues[value] = !0),
+            console.error(
+              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
+              styleName,
+              value.replace(badStyleValueWithSemicolonPattern, "")
+            )),
+        "number" === typeof value &&
+          (isNaN(value)
+            ? warnedForNaNValue ||
+              ((warnedForNaNValue = !0),
+              console.error(
+                "`NaN` is an invalid value for the `%s` css style property.",
+                styleName
+              ))
+            : isFinite(value) ||
+              warnedForInfinityValue ||
+              ((warnedForInfinityValue = !0),
+              console.error(
+                "`Infinity` is an invalid value for the `%s` css style property.",
+                styleName
+              ))));
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? style.setProperty(styleName, "")
+          : "float" === styleName
+          ? (style.cssFloat = "")
+          : (style[styleName] = "")
+        : isCustomProperty
+        ? style.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          unitlessNumbers.has(styleName)
+        ? "float" === styleName
+          ? (style.cssFloat = value)
+          : (checkCSSPropertyStringCoercion(value, styleName),
+            (style[styleName] = ("" + value).trim()))
+        : (style[styleName] = value + "px");
+    }
+    function setValueForStyles(node, styles, prevStyles) {
+      if (null != styles && "object" !== typeof styles)
+        throw Error(
+          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+        );
+      styles && Object.freeze(styles);
+      node = node.style;
+      if (null != prevStyles) {
+        if (styles) {
+          var expandedUpdates = {};
+          if (prevStyles)
+            for (var key in prevStyles)
+              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
+                for (
+                  var longhands = shorthandToLonghand[key] || [key], i = 0;
+                  i < longhands.length;
+                  i++
+                )
+                  expandedUpdates[longhands[i]] = key;
+          for (var _key in styles)
+            if (
+              styles.hasOwnProperty(_key) &&
+              (!prevStyles || prevStyles[_key] !== styles[_key])
+            )
+              for (
+                key = shorthandToLonghand[_key] || [_key], longhands = 0;
+                longhands < key.length;
+                longhands++
+              )
+                expandedUpdates[key[longhands]] = _key;
+          _key = {};
+          for (var key$jscomp$0 in styles)
+            for (
+              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
+                longhands = 0;
+              longhands < key.length;
+              longhands++
+            )
+              _key[key[longhands]] = key$jscomp$0;
+          key$jscomp$0 = {};
+          for (var _key2 in expandedUpdates)
+            if (
+              ((key = expandedUpdates[_key2]),
+              (longhands = _key[_key2]) &&
+                key !== longhands &&
+                ((i = key + "," + longhands), !key$jscomp$0[i]))
+            ) {
+              key$jscomp$0[i] = !0;
+              i = console;
+              var value = styles[key];
+              i.error.call(
+                i,
+                "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
+                null == value || "boolean" === typeof value || "" === value
+                  ? "Removing"
+                  : "Updating",
+                key,
+                longhands
+              );
             }
-            node = node.parentNode;
-          }
-          node = void 0;
         }
-        node = getLeafNode(node);
+        for (var styleName in prevStyles)
+          !prevStyles.hasOwnProperty(styleName) ||
+            (null != styles && styles.hasOwnProperty(styleName)) ||
+            (0 === styleName.indexOf("--")
+              ? node.setProperty(styleName, "")
+              : "float" === styleName
+              ? (node.cssFloat = "")
+              : (node[styleName] = ""));
+        for (var _styleName in styles)
+          (_key2 = styles[_styleName]),
+            styles.hasOwnProperty(_styleName) &&
+              prevStyles[_styleName] !== _key2 &&
+              setValueForStyle(node, _styleName, _key2);
+      } else
+        for (expandedUpdates in styles)
+          styles.hasOwnProperty(expandedUpdates) &&
+            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
+    }
+    function isCustomElement(tagName) {
+      if (-1 === tagName.indexOf("-")) return !1;
+      switch (tagName) {
+        case "annotation-xml":
+        case "color-profile":
+        case "font-face":
+        case "font-face-src":
+        case "font-face-uri":
+        case "font-face-format":
+        case "font-face-name":
+        case "missing-glyph":
+          return !1;
+        default:
+          return !0;
       }
     }
-    function containsNode(outerNode, innerNode) {
-      return outerNode && innerNode
-        ? outerNode === innerNode
-          ? !0
-          : outerNode && 3 === outerNode.nodeType
-          ? !1
-          : innerNode && 3 === innerNode.nodeType
-          ? containsNode(outerNode, innerNode.parentNode)
-          : "contains" in outerNode
-          ? outerNode.contains(innerNode)
-          : outerNode.compareDocumentPosition
-          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
-          : !1
-        : !1;
+    function getAttributeAlias(name) {
+      return aliases.get(name) || name;
     }
-    function getActiveElementDeep() {
-      for (
-        var win = window, element = getActiveElement();
-        element instanceof win.HTMLIFrameElement;
-
-      ) {
-        try {
-          var JSCompiler_inline_result =
-            "string" === typeof element.contentWindow.location.href;
-        } catch (err) {
-          JSCompiler_inline_result = !1;
-        }
-        if (JSCompiler_inline_result) win = element.contentWindow;
-        else break;
-        element = getActiveElement(win.document);
+    function validateProperty$1(tagName, name) {
+      if (
+        hasOwnProperty.call(warnedProperties$1, name) &&
+        warnedProperties$1[name]
+      )
+        return !0;
+      if (rARIACamel$1.test(name)) {
+        tagName = "aria-" + name.slice(4).toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
+              name
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+        if (name !== tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
+              name,
+              tagName
+            ),
+            (warnedProperties$1[name] = !0)
+          );
       }
-      return element;
+      if (rARIA$1.test(name)) {
+        tagName = name.toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
+        name !== tagName &&
+          (console.error(
+            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
+            name,
+            tagName
+          ),
+          (warnedProperties$1[name] = !0));
+      }
+      return !0;
     }
-    function hasSelectionCapabilities(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return (
-        nodeName &&
-        (("input" === nodeName &&
-          ("text" === elem.type ||
-            "search" === elem.type ||
-            "tel" === elem.type ||
-            "url" === elem.type ||
-            "password" === elem.type)) ||
-          "textarea" === nodeName ||
-          "true" === elem.contentEditable)
-      );
+    function validateProperties$2(type, props) {
+      var invalidProps = [],
+        key;
+      for (key in props)
+        validateProperty$1(type, key) || invalidProps.push(key);
+      props = invalidProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === invalidProps.length
+        ? console.error(
+            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          )
+        : 1 < invalidProps.length &&
+          console.error(
+            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          );
     }
-    function restoreSelection(priorSelectionInformation) {
-      var curFocusedElem = getActiveElementDeep(),
-        priorFocusedElem = priorSelectionInformation.focusedElem,
-        priorSelectionRange = priorSelectionInformation.selectionRange;
+    function validateProperty(tagName, name, value, eventRegistry) {
+      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
+        return !0;
+      var lowerCasedName = name.toLowerCase();
+      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+        return (
+          console.error(
+            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
+          ),
+          (warnedProperties[name] = !0)
+        );
       if (
-        curFocusedElem !== priorFocusedElem &&
-        priorFocusedElem &&
-        priorFocusedElem.ownerDocument &&
-        containsNode(
-          priorFocusedElem.ownerDocument.documentElement,
-          priorFocusedElem
-        )
-      ) {
+        "function" === typeof value &&
+        (("form" === tagName && "action" === name) ||
+          ("input" === tagName && "formAction" === name) ||
+          ("button" === tagName && "formAction" === name))
+      )
+        return !0;
+      if (null != eventRegistry) {
+        tagName = eventRegistry.possibleRegistrationNames;
+        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
+          return !0;
+        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
+          ? tagName[lowerCasedName]
+          : null;
+        if (null != eventRegistry)
+          return (
+            console.error(
+              "Invalid event handler property `%s`. Did you mean `%s`?",
+              name,
+              eventRegistry
+            ),
+            (warnedProperties[name] = !0)
+          );
+        if (EVENT_NAME_REGEX.test(name))
+          return (
+            console.error(
+              "Unknown event handler property `%s`. It will be ignored.",
+              name
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (EVENT_NAME_REGEX.test(name))
+        return (
+          INVALID_EVENT_NAME_REGEX.test(name) &&
+            console.error(
+              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
+              name
+            ),
+          (warnedProperties[name] = !0)
+        );
+      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
+      if ("innerhtml" === lowerCasedName)
+        return (
+          console.error(
+            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("aria" === lowerCasedName)
+        return (
+          console.error(
+            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (
+        "is" === lowerCasedName &&
+        null !== value &&
+        void 0 !== value &&
+        "string" !== typeof value
+      )
+        return (
+          console.error(
+            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
+            typeof value
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("number" === typeof value && isNaN(value))
+        return (
+          console.error(
+            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
+            name
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
         if (
-          null !== priorSelectionRange &&
-          hasSelectionCapabilities(priorFocusedElem)
+          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
+          lowerCasedName !== name)
         )
-          if (
-            ((curFocusedElem = priorSelectionRange.start),
-            (priorSelectionInformation = priorSelectionRange.end),
-            void 0 === priorSelectionInformation &&
-              (priorSelectionInformation = curFocusedElem),
-            "selectionStart" in priorFocusedElem)
-          )
-            (priorFocusedElem.selectionStart = curFocusedElem),
-              (priorFocusedElem.selectionEnd = Math.min(
-                priorSelectionInformation,
-                priorFocusedElem.value.length
-              ));
-          else if (
-            ((priorSelectionInformation =
-              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
-                curFocusedElem.defaultView) ||
-              window),
-            priorSelectionInformation.getSelection)
-          ) {
-            priorSelectionInformation =
-              priorSelectionInformation.getSelection();
-            var length = priorFocusedElem.textContent.length,
-              start = Math.min(priorSelectionRange.start, length);
-            priorSelectionRange =
-              void 0 === priorSelectionRange.end
-                ? start
-                : Math.min(priorSelectionRange.end, length);
-            !priorSelectionInformation.extend &&
-              start > priorSelectionRange &&
-              ((length = priorSelectionRange),
-              (priorSelectionRange = start),
-              (start = length));
-            length = getNodeForCharacterOffset(priorFocusedElem, start);
-            var endMarker = getNodeForCharacterOffset(
-              priorFocusedElem,
-              priorSelectionRange
+          return (
+            console.error(
+              "Invalid DOM property `%s`. Did you mean `%s`?",
+              name,
+              lowerCasedName
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (name !== lowerCasedName)
+        return (
+          console.error(
+            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
+            name,
+            lowerCasedName
+          ),
+          (warnedProperties[name] = !0)
+        );
+      switch (name) {
+        case "dangerouslySetInnerHTML":
+        case "children":
+        case "style":
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+        case "ref":
+          return !0;
+        case "innerText":
+        case "textContent":
+          return !0;
+      }
+      switch (typeof value) {
+        case "boolean":
+          switch (name) {
+            case "autoFocus":
+            case "checked":
+            case "multiple":
+            case "muted":
+            case "selected":
+            case "contentEditable":
+            case "spellCheck":
+            case "draggable":
+            case "value":
+            case "autoReverse":
+            case "externalResourcesRequired":
+            case "focusable":
+            case "preserveAlpha":
+            case "allowFullScreen":
+            case "async":
+            case "autoPlay":
+            case "controls":
+            case "default":
+            case "defer":
+            case "disabled":
+            case "disablePictureInPicture":
+            case "disableRemotePlayback":
+            case "formNoValidate":
+            case "hidden":
+            case "loop":
+            case "noModule":
+            case "noValidate":
+            case "open":
+            case "playsInline":
+            case "readOnly":
+            case "required":
+            case "reversed":
+            case "scoped":
+            case "seamless":
+            case "itemScope":
+            case "capture":
+            case "download":
+            case "inert":
+              return !0;
+            default:
+              lowerCasedName = name.toLowerCase().slice(0, 5);
+              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
+                return !0;
+              value
+                ? console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name
+                  )
+                : console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name,
+                    name,
+                    name
+                  );
+              return (warnedProperties[name] = !0);
+          }
+        case "function":
+        case "symbol":
+          return (warnedProperties[name] = !0), !1;
+        case "string":
+          if ("false" === value || "true" === value) {
+            switch (name) {
+              case "checked":
+              case "selected":
+              case "multiple":
+              case "muted":
+              case "allowFullScreen":
+              case "async":
+              case "autoPlay":
+              case "controls":
+              case "default":
+              case "defer":
+              case "disabled":
+              case "disablePictureInPicture":
+              case "disableRemotePlayback":
+              case "formNoValidate":
+              case "hidden":
+              case "loop":
+              case "noModule":
+              case "noValidate":
+              case "open":
+              case "playsInline":
+              case "readOnly":
+              case "required":
+              case "reversed":
+              case "scoped":
+              case "seamless":
+              case "itemScope":
+              case "inert":
+                break;
+              default:
+                return !0;
+            }
+            console.error(
+              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
+              value,
+              name,
+              "false" === value
+                ? "The browser will interpret it as a truthy value."
+                : 'Although this works, it will not work as expected if you pass the string "false".',
+              name,
+              value
             );
-            length &&
-              endMarker &&
-              (1 !== priorSelectionInformation.rangeCount ||
-                priorSelectionInformation.anchorNode !== length.node ||
-                priorSelectionInformation.anchorOffset !== length.offset ||
-                priorSelectionInformation.focusNode !== endMarker.node ||
-                priorSelectionInformation.focusOffset !== endMarker.offset) &&
-              ((curFocusedElem = curFocusedElem.createRange()),
-              curFocusedElem.setStart(length.node, length.offset),
-              priorSelectionInformation.removeAllRanges(),
-              start > priorSelectionRange
-                ? (priorSelectionInformation.addRange(curFocusedElem),
-                  priorSelectionInformation.extend(
-                    endMarker.node,
-                    endMarker.offset
-                  ))
-                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
-                  priorSelectionInformation.addRange(curFocusedElem)));
+            warnedProperties[name] = !0;
           }
-        curFocusedElem = [];
-        for (
-          priorSelectionInformation = priorFocusedElem;
-          (priorSelectionInformation = priorSelectionInformation.parentNode);
-
-        )
-          1 === priorSelectionInformation.nodeType &&
-            curFocusedElem.push({
-              element: priorSelectionInformation,
-              left: priorSelectionInformation.scrollLeft,
-              top: priorSelectionInformation.scrollTop
-            });
-        "function" === typeof priorFocusedElem.focus &&
-          priorFocusedElem.focus();
-        for (
-          priorFocusedElem = 0;
-          priorFocusedElem < curFocusedElem.length;
-          priorFocusedElem++
-        )
-          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
-            (priorSelectionInformation.element.scrollLeft =
-              priorSelectionInformation.left),
-            (priorSelectionInformation.element.scrollTop =
-              priorSelectionInformation.top);
       }
+      return !0;
     }
-    function constructSelectEvent(
-      dispatchQueue,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      var doc =
-        nativeEventTarget.window === nativeEventTarget
-          ? nativeEventTarget.document
-          : 9 === nativeEventTarget.nodeType
-          ? nativeEventTarget
-          : nativeEventTarget.ownerDocument;
-      mouseDown ||
-        null == activeElement ||
-        activeElement !== getActiveElement(doc) ||
-        ((doc = activeElement),
-        "selectionStart" in doc && hasSelectionCapabilities(doc)
-          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
-          : ((doc = (
-              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
-              window
-            ).getSelection()),
-            (doc = {
-              anchorNode: doc.anchorNode,
-              anchorOffset: doc.anchorOffset,
-              focusNode: doc.focusNode,
-              focusOffset: doc.focusOffset
-            })),
-        (lastSelection && shallowEqual(lastSelection, doc)) ||
-          ((lastSelection = doc),
-          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
-          0 < doc.length &&
-            ((nativeEvent = new SyntheticEvent(
-              "onSelect",
-              "select",
-              null,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
-            (nativeEvent.target = activeElement))));
-    }
-    function makePrefixMap(styleProp, eventName) {
-      var prefixes = {};
-      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-      prefixes["Webkit" + styleProp] = "webkit" + eventName;
-      prefixes["Moz" + styleProp] = "moz" + eventName;
-      return prefixes;
+    function warnUnknownProperties(type, props, eventRegistry) {
+      var unknownProps = [],
+        key;
+      for (key in props)
+        validateProperty(type, key, props[key], eventRegistry) ||
+          unknownProps.push(key);
+      props = unknownProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === unknownProps.length
+        ? console.error(
+            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          )
+        : 1 < unknownProps.length &&
+          console.error(
+            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          );
     }
-    function getVendorPrefixedEventName(eventName) {
-      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-      if (!vendorPrefixes[eventName]) return eventName;
-      var prefixMap = vendorPrefixes[eventName],
-        styleProp;
-      for (styleProp in prefixMap)
-        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
-      return eventName;
+    function sanitizeURL(url) {
+      return isJavaScriptProtocol.test("" + url)
+        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
+        : url;
     }
-    function registerSimpleEvent(domEventName, reactName) {
-      topLevelEventsToReactNames.set(domEventName, reactName);
-      registerTwoPhaseEvent(reactName, [domEventName]);
+    function getEventTarget(nativeEvent) {
+      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+      nativeEvent.correspondingUseElement &&
+        (nativeEvent = nativeEvent.correspondingUseElement);
+      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
     }
-    function finishQueueingConcurrentUpdates() {
-      for (
-        var endIndex = concurrentQueuesIndex,
-          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-        i < endIndex;
-
-      ) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        if (null !== queue && null !== update) {
-          var pending = queue.pending;
-          null === pending
-            ? (update.next = update)
-            : ((update.next = pending.next), (pending.next = update));
-          queue.pending = update;
+    function restoreStateOfTarget(target) {
+      var internalInstance = getInstanceFromNode(target);
+      if (internalInstance && (target = internalInstance.stateNode)) {
+        var props = target[internalPropsKey] || null;
+        a: switch (
+          ((target = internalInstance.stateNode), internalInstance.type)
+        ) {
+          case "input":
+            updateInput(
+              target,
+              props.value,
+              props.defaultValue,
+              props.defaultValue,
+              props.checked,
+              props.defaultChecked,
+              props.type,
+              props.name
+            );
+            internalInstance = props.name;
+            if ("radio" === props.type && null != internalInstance) {
+              for (props = target; props.parentNode; ) props = props.parentNode;
+              checkAttributeStringCoercion(internalInstance, "name");
+              props = props.querySelectorAll(
+                'input[name="' +
+                  escapeSelectorAttributeValueInsideDoubleQuotes(
+                    "" + internalInstance
+                  ) +
+                  '"][type="radio"]'
+              );
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              ) {
+                var otherNode = props[internalInstance];
+                if (otherNode !== target && otherNode.form === target.form) {
+                  var otherProps = otherNode[internalPropsKey] || null;
+                  if (!otherProps)
+                    throw Error(
+                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
+                    );
+                  updateInput(
+                    otherNode,
+                    otherProps.value,
+                    otherProps.defaultValue,
+                    otherProps.defaultValue,
+                    otherProps.checked,
+                    otherProps.defaultChecked,
+                    otherProps.type,
+                    otherProps.name
+                  );
+                }
+              }
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              )
+                (otherNode = props[internalInstance]),
+                  otherNode.form === target.form &&
+                    updateValueIfChanged(otherNode);
+            }
+            break a;
+          case "textarea":
+            updateTextarea(target, props.value, props.defaultValue);
+            break a;
+          case "select":
+            (internalInstance = props.value),
+              null != internalInstance &&
+                updateOptions(target, !!props.multiple, internalInstance, !1);
         }
-        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes |= lane;
-      fiber.lanes |= lane;
-      fiber = fiber.alternate;
-      null !== fiber && (fiber.lanes |= lane);
-    }
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      enqueueUpdate$1(fiber, queue, update, lane);
-      return getRootForUpdatedFiber(fiber);
+    function batchedUpdates$2(fn, a, b) {
+      if (isInsideEventHandler) return fn(a, b);
+      isInsideEventHandler = !0;
+      try {
+        var JSCompiler_inline_result = fn(a);
+        return JSCompiler_inline_result;
+      } finally {
+        if (
+          ((isInsideEventHandler = !1),
+          null !== restoreTarget || null !== restoreQueue)
+        )
+          if (
+            (flushSyncWork$1(),
+            restoreTarget &&
+              ((a = restoreTarget),
+              (fn = restoreQueue),
+              (restoreQueue = restoreTarget = null),
+              restoreStateOfTarget(a),
+              fn))
+          )
+            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+      }
     }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
+      if (null === stateNode) return null;
+      var props = stateNode[internalPropsKey] || null;
+      if (null === props) return null;
+      stateNode = props[registrationName];
+      a: switch (registrationName) {
+        case "onClick":
+        case "onClickCapture":
+        case "onDoubleClick":
+        case "onDoubleClickCapture":
+        case "onMouseDown":
+        case "onMouseDownCapture":
+        case "onMouseMove":
+        case "onMouseMoveCapture":
+        case "onMouseUp":
+        case "onMouseUpCapture":
+        case "onMouseEnter":
+          (props = !props.disabled) ||
+            ((inst = inst.type),
+            (props = !(
+              "button" === inst ||
+              "input" === inst ||
+              "select" === inst ||
+              "textarea" === inst
+            )));
+          inst = !props;
+          break a;
+        default:
+          inst = !1;
+      }
+      if (inst) return null;
+      if (stateNode && "function" !== typeof stateNode)
+        throw Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof stateNode +
+            "` type."
+        );
+      return stateNode;
     }
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      sourceFiber.lanes |= lane;
-      var alternate = sourceFiber.alternate;
-      null !== alternate && (alternate.lanes |= lane);
-      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-        (parent.childLanes |= lane),
-          (alternate = parent.alternate),
-          null !== alternate && (alternate.childLanes |= lane),
-          22 === parent.tag &&
-            ((sourceFiber = parent.stateNode),
-            null === sourceFiber ||
-              sourceFiber._visibility & OffscreenVisible ||
-              (isHidden = !0)),
-          (sourceFiber = parent),
-          (parent = parent.return);
-      isHidden &&
-        null !== update &&
-        3 === sourceFiber.tag &&
-        ((parent = sourceFiber.stateNode),
-        (isHidden = 31 - clz32(lane)),
-        (parent = parent.hiddenUpdates),
-        (sourceFiber = parent[isHidden]),
-        null === sourceFiber
-          ? (parent[isHidden] = [update])
-          : sourceFiber.push(update),
-        (update.lane = lane | OffscreenLane));
+    function getData() {
+      if (fallbackText) return fallbackText;
+      var start,
+        startValue = startText,
+        startLength = startValue.length,
+        end,
+        endValue = "value" in root ? root.value : root.textContent,
+        endLength = endValue.length;
+      for (
+        start = 0;
+        start < startLength && startValue[start] === endValue[start];
+        start++
+      );
+      var minEnd = startLength - start;
+      for (
+        end = 1;
+        end <= minEnd &&
+        startValue[startLength - end] === endValue[endLength - end];
+        end++
+      );
+      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function getRootForUpdatedFiber(sourceFiber) {
-      throwIfInfiniteUpdateLoopDetected();
-      null === sourceFiber.alternate &&
-        0 !== (sourceFiber.flags & 4098) &&
-        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-      for (var node = sourceFiber, parent = node.return; null !== parent; )
-        null === node.alternate &&
-          0 !== (node.flags & 4098) &&
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
-          (node = parent),
-          (parent = node.return);
-      return 3 === node.tag ? node.stateNode : null;
+    function getEventCharCode(nativeEvent) {
+      var keyCode = nativeEvent.keyCode;
+      "charCode" in nativeEvent
+        ? ((nativeEvent = nativeEvent.charCode),
+          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
+        : (nativeEvent = keyCode);
+      10 === nativeEvent && (nativeEvent = 13);
+      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
     }
-    function resolveFunctionForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family ? type : family.current;
+    function functionThatReturnsTrue() {
+      return !0;
     }
-    function resolveForwardRefForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family
-        ? null !== type &&
-          void 0 !== type &&
-          "function" === typeof type.render &&
-          ((family = resolveFunctionForHotReloading(type.render)),
-          type.render !== family)
-          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
-            void 0 !== type.displayName &&
-              (family.displayName = type.displayName),
-            family)
-          : type
-        : family.current;
+    function functionThatReturnsFalse() {
+      return !1;
     }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      if (null === resolveFamily) return !1;
-      var prevType = fiber.elementType;
-      element = element.type;
-      var needsCompareFamilies = !1,
-        $$typeofNextType =
-          "object" === typeof element && null !== element
-            ? element.$$typeof
-            : null;
-      switch (fiber.tag) {
-        case 1:
-          "function" === typeof element && (needsCompareFamilies = !0);
-          break;
-        case 0:
-          "function" === typeof element
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 11:
-          $$typeofNextType === REACT_FORWARD_REF_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 14:
-        case 15:
-          $$typeofNextType === REACT_MEMO_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
+    function createSyntheticEvent(Interface) {
+      function SyntheticBaseEvent(
+        reactName,
+        reactEventType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        this._reactName = reactName;
+        this._targetInst = targetInst;
+        this.type = reactEventType;
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEventTarget;
+        this.currentTarget = null;
+        for (var propName in Interface)
+          Interface.hasOwnProperty(propName) &&
+            ((reactName = Interface[propName]),
+            (this[propName] = reactName
+              ? reactName(nativeEvent)
+              : nativeEvent[propName]));
+        this.isDefaultPrevented = (
+          null != nativeEvent.defaultPrevented
+            ? nativeEvent.defaultPrevented
+            : !1 === nativeEvent.returnValue
+        )
+          ? functionThatReturnsTrue
+          : functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        return this;
+      }
+      assign(SyntheticBaseEvent.prototype, {
+        preventDefault: function () {
+          this.defaultPrevented = !0;
+          var event = this.nativeEvent;
+          event &&
+            (event.preventDefault
+              ? event.preventDefault()
+              : "unknown" !== typeof event.returnValue &&
+                (event.returnValue = !1),
+            (this.isDefaultPrevented = functionThatReturnsTrue));
+        },
+        stopPropagation: function () {
+          var event = this.nativeEvent;
+          event &&
+            (event.stopPropagation
+              ? event.stopPropagation()
+              : "unknown" !== typeof event.cancelBubble &&
+                (event.cancelBubble = !0),
+            (this.isPropagationStopped = functionThatReturnsTrue));
+        },
+        persist: function () {},
+        isPersistent: functionThatReturnsTrue
+      });
+      return SyntheticBaseEvent;
+    }
+    function modifierStateGetter(keyArg) {
+      var nativeEvent = this.nativeEvent;
+      return nativeEvent.getModifierState
+        ? nativeEvent.getModifierState(keyArg)
+        : (keyArg = modifierKeyToProp[keyArg])
+        ? !!nativeEvent[keyArg]
+        : !1;
+    }
+    function getEventModifierState() {
+      return modifierStateGetter;
+    }
+    function isFallbackCompositionEnd(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "keyup":
+          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
+        case "keydown":
+          return nativeEvent.keyCode !== START_KEYCODE;
+        case "keypress":
+        case "mousedown":
+        case "focusout":
+          return !0;
         default:
           return !1;
       }
-      return needsCompareFamilies &&
-        ((fiber = resolveFamily(prevType)),
-        void 0 !== fiber && fiber === resolveFamily(element))
-        ? !0
-        : !1;
     }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      null !== resolveFamily &&
-        "function" === typeof WeakSet &&
-        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
-        failedBoundaries.add(fiber));
+    function getDataFromCustomEvent(nativeEvent) {
+      nativeEvent = nativeEvent.detail;
+      return "object" === typeof nativeEvent && "data" in nativeEvent
+        ? nativeEvent.data
+        : null;
     }
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
-    ) {
-      var alternate = fiber.alternate,
-        child = fiber.child,
-        sibling = fiber.sibling,
-        tag = fiber.tag,
-        type = fiber.type,
-        candidateType = null;
-      switch (tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
+    function getNativeBeforeInputChars(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "compositionend":
+          return getDataFromCustomEvent(nativeEvent);
+        case "keypress":
+          if (nativeEvent.which !== SPACEBAR_CODE) return null;
+          hasSpaceKeypress = !0;
+          return SPACEBAR_CHAR;
+        case "textInput":
+          return (
+            (domEventName = nativeEvent.data),
+            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
+              ? null
+              : domEventName
+          );
+        default:
+          return null;
       }
-      if (null === resolveFamily)
-        throw Error("Expected resolveFamily to be set during hot reload.");
-      var needsRender = !1;
-      type = !1;
-      null !== candidateType &&
-        ((candidateType = resolveFamily(candidateType)),
-        void 0 !== candidateType &&
-          (staleFamilies.has(candidateType)
-            ? (type = !0)
-            : updatedFamilies.has(candidateType) &&
-              (1 === tag ? (type = !0) : (needsRender = !0))));
-      null !== failedBoundaries &&
-        (failedBoundaries.has(fiber) ||
-          (null !== alternate && failedBoundaries.has(alternate))) &&
-        (type = !0);
-      type && (fiber._debugNeedsRemount = !0);
-      if (type || needsRender)
-        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
-          null !== alternate &&
-            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
-      null === child ||
-        type ||
-        scheduleFibersWithFamiliesRecursively(
-          child,
-          updatedFamilies,
-          staleFamilies
-        );
-      null !== sibling &&
-        scheduleFibersWithFamiliesRecursively(
-          sibling,
-          updatedFamilies,
-          staleFamilies
-        );
     }
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      var child = fiber.child,
-        sibling = fiber.sibling,
-        type = fiber.type,
-        candidateType = null;
-      switch (fiber.tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      type = !1;
-      null !== candidateType && types.has(candidateType) && (type = !0);
-      if (type)
-        a: {
-          b: for (child = fiber, candidateType = !1; ; ) {
-            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
-              (candidateType = !0), hostInstances.add(child.stateNode);
-            else if (null !== child.child) {
-              child.child.return = child;
-              child = child.child;
-              continue;
-            }
-            if (child === fiber) {
-              child = candidateType;
-              break b;
-            }
-            for (; null === child.sibling; ) {
-              if (null === child.return || child.return === fiber) {
-                child = candidateType;
-                break b;
-              }
-              child = child.return;
-            }
-            child.sibling.return = child.return;
-            child = child.sibling;
+    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
+      if (isComposing)
+        return "compositionend" === domEventName ||
+          (!canUseCompositionEvent &&
+            isFallbackCompositionEnd(domEventName, nativeEvent))
+          ? ((domEventName = getData()),
+            (fallbackText = startText = root = null),
+            (isComposing = !1),
+            domEventName)
+          : null;
+      switch (domEventName) {
+        case "paste":
+          return null;
+        case "keypress":
+          if (
+            !(
+              nativeEvent.ctrlKey ||
+              nativeEvent.altKey ||
+              nativeEvent.metaKey
+            ) ||
+            (nativeEvent.ctrlKey && nativeEvent.altKey)
+          ) {
+            if (nativeEvent.char && 1 < nativeEvent.char.length)
+              return nativeEvent.char;
+            if (nativeEvent.which)
+              return String.fromCharCode(nativeEvent.which);
           }
-          if (!child)
-            for (;;) {
-              switch (fiber.tag) {
-                case 27:
-                case 5:
-                  hostInstances.add(fiber.stateNode);
-                  break a;
-                case 4:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-                case 3:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-              }
-              if (null === fiber.return)
-                throw Error("Expected to reach root first.");
-              fiber = fiber.return;
-            }
-        }
-      else
-        null !== child &&
-          findHostInstancesForMatchingFibersRecursively(
-            child,
-            types,
-            hostInstances
-          );
-      null !== sibling &&
-        findHostInstancesForMatchingFibersRecursively(
-          sibling,
-          types,
-          hostInstances
-        );
+          return null;
+        case "compositionend":
+          return useFallbackCompositionData && "ko" !== nativeEvent.locale
+            ? null
+            : nativeEvent.data;
+        default:
+          return null;
+      }
     }
-    function createCapturedValueAtFiber(value, source) {
-      if ("object" === typeof value && null !== value) {
-        var stack = CapturedStacks.get(value);
-        "string" !== typeof stack &&
-          ((stack = getStackByFiberInDevAndProd(source)),
-          CapturedStacks.set(value, stack));
-      } else stack = getStackByFiberInDevAndProd(source);
-      return { value: value, source: source, stack: stack };
+    function isTextInputElement(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return "input" === nodeName
+        ? !!supportedInputTypes[elem.type]
+        : "textarea" === nodeName
+        ? !0
+        : !1;
+    }
+    function isEventSupported(eventNameSuffix) {
+      if (!canUseDOM) return !1;
+      eventNameSuffix = "on" + eventNameSuffix;
+      var isSupported = eventNameSuffix in document;
+      isSupported ||
+        ((isSupported = document.createElement("div")),
+        isSupported.setAttribute(eventNameSuffix, "return;"),
+        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
+      return isSupported;
+    }
+    function createAndAccumulateChangeEvent(
+      dispatchQueue,
+      inst,
+      nativeEvent,
+      target
+    ) {
+      restoreTarget
+        ? restoreQueue
+          ? restoreQueue.push(target)
+          : (restoreQueue = [target])
+        : (restoreTarget = target);
+      inst = accumulateTwoPhaseListeners(inst, "onChange");
+      0 < inst.length &&
+        ((nativeEvent = new SyntheticEvent(
+          "onChange",
+          "change",
+          null,
+          nativeEvent,
+          target
+        )),
+        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
     }
-    function pushTreeFork(workInProgress, totalChildren) {
-      warnIfNotHydrating();
-      forkStack[forkStackIndex++] = treeForkCount;
-      forkStack[forkStackIndex++] = treeForkProvider;
-      treeForkProvider = workInProgress;
-      treeForkCount = totalChildren;
+    function runEventInBatch(dispatchQueue) {
+      processDispatchQueue(dispatchQueue, 0);
     }
-    function pushTreeId(workInProgress, totalChildren, index) {
-      warnIfNotHydrating();
-      idStack[idStackIndex++] = treeContextId;
-      idStack[idStackIndex++] = treeContextOverflow;
-      idStack[idStackIndex++] = treeContextProvider;
-      treeContextProvider = workInProgress;
-      var baseIdWithLeadingBit = treeContextId;
-      workInProgress = treeContextOverflow;
-      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
-      baseIdWithLeadingBit &= ~(1 << baseLength);
-      index += 1;
-      var length = 32 - clz32(totalChildren) + baseLength;
-      if (30 < length) {
-        var numberOfOverflowBits = baseLength - (baseLength % 5);
-        length = (
-          baseIdWithLeadingBit &
-          ((1 << numberOfOverflowBits) - 1)
-        ).toString(32);
-        baseIdWithLeadingBit >>= numberOfOverflowBits;
-        baseLength -= numberOfOverflowBits;
-        treeContextId =
-          (1 << (32 - clz32(totalChildren) + baseLength)) |
-          (index << baseLength) |
-          baseIdWithLeadingBit;
-        treeContextOverflow = length + workInProgress;
-      } else
-        (treeContextId =
-          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
-          (treeContextOverflow = workInProgress);
+    function getInstIfValueChanged(targetInst) {
+      var targetNode = getNodeFromInstance(targetInst);
+      if (updateValueIfChanged(targetNode)) return targetInst;
     }
-    function pushMaterializedTreeId(workInProgress) {
-      warnIfNotHydrating();
-      null !== workInProgress.return &&
-        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    function getTargetInstForChangeEvent(domEventName, targetInst) {
+      if ("change" === domEventName) return targetInst;
     }
-    function popTreeContext(workInProgress) {
-      for (; workInProgress === treeForkProvider; )
-        (treeForkProvider = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null),
-          (treeForkCount = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null);
-      for (; workInProgress === treeContextProvider; )
-        (treeContextProvider = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextOverflow = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextId = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null);
+    function stopWatchingForValueChange() {
+      activeElement$1 &&
+        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
+        (activeElementInst$1 = activeElement$1 = null));
     }
-    function warnIfNotHydrating() {
-      isHydrating ||
-        error$jscomp$0(
-          "Expected to be hydrating. This is a bug in React. Please file an issue."
+    function handlePropertyChange(nativeEvent) {
+      if (
+        "value" === nativeEvent.propertyName &&
+        getInstIfValueChanged(activeElementInst$1)
+      ) {
+        var dispatchQueue = [];
+        createAndAccumulateChangeEvent(
+          dispatchQueue,
+          activeElementInst$1,
+          nativeEvent,
+          getEventTarget(nativeEvent)
         );
+        batchedUpdates$2(runEventInBatch, dispatchQueue);
+      }
     }
-    function findNotableNode(node, indent) {
-      return void 0 === node.serverProps &&
-        0 === node.serverTail.length &&
-        1 === node.children.length &&
-        3 < node.distanceFromLeaf &&
-        node.distanceFromLeaf > idealDepth - indent
-        ? findNotableNode(node.children[0], indent)
-        : node;
+    function handleEventsForInputEventPolyfill(
+      domEventName,
+      target,
+      targetInst
+    ) {
+      "focusin" === domEventName
+        ? (stopWatchingForValueChange(),
+          (activeElement$1 = target),
+          (activeElementInst$1 = targetInst),
+          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
+        : "focusout" === domEventName && stopWatchingForValueChange();
     }
-    function indentation(indent) {
-      return "  " + "  ".repeat(indent);
+    function getTargetInstForInputEventPolyfill(domEventName) {
+      if (
+        "selectionchange" === domEventName ||
+        "keyup" === domEventName ||
+        "keydown" === domEventName
+      )
+        return getInstIfValueChanged(activeElementInst$1);
     }
-    function added(indent) {
-      return "+ " + "  ".repeat(indent);
+    function getTargetInstForClickEvent(domEventName, targetInst) {
+      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
     }
-    function removed(indent) {
-      return "- " + "  ".repeat(indent);
+    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
+      if ("input" === domEventName || "change" === domEventName)
+        return getInstIfValueChanged(targetInst);
     }
-    function describeFiberType(fiber) {
-      switch (fiber.tag) {
-        case 26:
-        case 27:
-        case 5:
-          return fiber.type;
-        case 16:
-          return "Lazy";
-        case 13:
-          return "Suspense";
-        case 19:
-          return "SuspenseList";
-        case 0:
-        case 15:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        case 11:
-          return (
-            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
-          );
-        case 1:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        default:
-          return null;
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    }
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) return !0;
+      if (
+        "object" !== typeof objA ||
+        null === objA ||
+        "object" !== typeof objB ||
+        null === objB
+      )
+        return !1;
+      var keysA = Object.keys(objA),
+        keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) return !1;
+      for (keysB = 0; keysB < keysA.length; keysB++) {
+        var currentKey = keysA[keysB];
+        if (
+          !hasOwnProperty.call(objB, currentKey) ||
+          !objectIs(objA[currentKey], objB[currentKey])
+        )
+          return !1;
       }
+      return !0;
     }
-    function describeTextNode(content, maxLength) {
-      return needsEscaping.test(content)
-        ? ((content = JSON.stringify(content)),
-          content.length > maxLength - 2
-            ? 8 > maxLength
-              ? '{"..."}'
-              : "{" + content.slice(0, maxLength - 7) + '..."}'
-            : "{" + content + "}")
-        : content.length > maxLength
-        ? 5 > maxLength
-          ? '{"..."}'
-          : content.slice(0, maxLength - 3) + "..."
-        : content;
+    function getLeafNode(node) {
+      for (; node && node.firstChild; ) node = node.firstChild;
+      return node;
     }
-    function describeTextDiff(clientText, serverProps, indent) {
-      var maxLength = maxRowLength - 2 * indent;
-      if (null === serverProps)
-        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
-      if ("string" === typeof serverProps) {
-        for (
-          var firstDiff = 0;
-          firstDiff < serverProps.length &&
-          firstDiff < clientText.length &&
-          serverProps.charCodeAt(firstDiff) ===
-            clientText.charCodeAt(firstDiff);
-          firstDiff++
-        );
-        firstDiff > maxLength - 8 &&
-          10 < firstDiff &&
-          ((clientText = "..." + clientText.slice(firstDiff - 8)),
-          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
-        return (
-          added(indent) +
-          describeTextNode(clientText, maxLength) +
-          "\n" +
-          removed(indent) +
-          describeTextNode(serverProps, maxLength) +
-          "\n"
-        );
+    function getNodeForCharacterOffset(root, offset) {
+      var node = getLeafNode(root);
+      root = 0;
+      for (var nodeEnd; node; ) {
+        if (3 === node.nodeType) {
+          nodeEnd = root + node.textContent.length;
+          if (root <= offset && nodeEnd >= offset)
+            return { node: node, offset: offset - root };
+          root = nodeEnd;
+        }
+        a: {
+          for (; node; ) {
+            if (node.nextSibling) {
+              node = node.nextSibling;
+              break a;
+            }
+            node = node.parentNode;
+          }
+          node = void 0;
+        }
+        node = getLeafNode(node);
+      }
+    }
+    function containsNode(outerNode, innerNode) {
+      return outerNode && innerNode
+        ? outerNode === innerNode
+          ? !0
+          : outerNode && 3 === outerNode.nodeType
+          ? !1
+          : innerNode && 3 === innerNode.nodeType
+          ? containsNode(outerNode, innerNode.parentNode)
+          : "contains" in outerNode
+          ? outerNode.contains(innerNode)
+          : outerNode.compareDocumentPosition
+          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
+          : !1
+        : !1;
+    }
+    function getActiveElementDeep() {
+      for (
+        var win = window, element = getActiveElement();
+        element instanceof win.HTMLIFrameElement;
+
+      ) {
+        try {
+          var JSCompiler_inline_result =
+            "string" === typeof element.contentWindow.location.href;
+        } catch (err) {
+          JSCompiler_inline_result = !1;
+        }
+        if (JSCompiler_inline_result) win = element.contentWindow;
+        else break;
+        element = getActiveElement(win.document);
       }
+      return element;
+    }
+    function hasSelectionCapabilities(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
       return (
-        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+        nodeName &&
+        (("input" === nodeName &&
+          ("text" === elem.type ||
+            "search" === elem.type ||
+            "tel" === elem.type ||
+            "url" === elem.type ||
+            "password" === elem.type)) ||
+          "textarea" === nodeName ||
+          "true" === elem.contentEditable)
       );
     }
-    function objectName(object) {
-      return Object.prototype.toString
-        .call(object)
-        .replace(/^\[object (.*)\]$/, function (m, p0) {
-          return p0;
-        });
-    }
-    function describeValue(value, maxLength) {
-      switch (typeof value) {
-        case "string":
-          return (
-            (value = JSON.stringify(value)),
-            value.length > maxLength
-              ? 5 > maxLength
-                ? '"..."'
-                : value.slice(0, maxLength - 4) + '..."'
-              : value
-          );
-        case "object":
-          if (null === value) return "null";
-          if (isArrayImpl(value)) return "[...]";
-          if (value.$$typeof === REACT_ELEMENT_TYPE)
-            return (maxLength = getComponentNameFromType(value.type))
-              ? "<" + maxLength + ">"
-              : "<...>";
-          var name = objectName(value);
-          if ("Object" === name) {
-            name = "";
-            maxLength -= 2;
-            for (var propName in value)
-              if (value.hasOwnProperty(propName)) {
-                var jsonPropName = JSON.stringify(propName);
-                jsonPropName !== '"' + propName + '"' &&
-                  (propName = jsonPropName);
-                maxLength -= propName.length - 2;
-                jsonPropName = describeValue(
-                  value[propName],
-                  15 > maxLength ? maxLength : 15
-                );
-                maxLength -= jsonPropName.length;
-                if (0 > maxLength) {
-                  name += "" === name ? "..." : ", ...";
-                  break;
-                }
-                name +=
-                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
-              }
-            return "{" + name + "}";
+    function restoreSelection(priorSelectionInformation) {
+      var curFocusedElem = getActiveElementDeep(),
+        priorFocusedElem = priorSelectionInformation.focusedElem,
+        priorSelectionRange = priorSelectionInformation.selectionRange;
+      if (
+        curFocusedElem !== priorFocusedElem &&
+        priorFocusedElem &&
+        priorFocusedElem.ownerDocument &&
+        containsNode(
+          priorFocusedElem.ownerDocument.documentElement,
+          priorFocusedElem
+        )
+      ) {
+        if (
+          null !== priorSelectionRange &&
+          hasSelectionCapabilities(priorFocusedElem)
+        )
+          if (
+            ((curFocusedElem = priorSelectionRange.start),
+            (priorSelectionInformation = priorSelectionRange.end),
+            void 0 === priorSelectionInformation &&
+              (priorSelectionInformation = curFocusedElem),
+            "selectionStart" in priorFocusedElem)
+          )
+            (priorFocusedElem.selectionStart = curFocusedElem),
+              (priorFocusedElem.selectionEnd = Math.min(
+                priorSelectionInformation,
+                priorFocusedElem.value.length
+              ));
+          else if (
+            ((priorSelectionInformation =
+              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
+                curFocusedElem.defaultView) ||
+              window),
+            priorSelectionInformation.getSelection)
+          ) {
+            priorSelectionInformation =
+              priorSelectionInformation.getSelection();
+            var length = priorFocusedElem.textContent.length,
+              start = Math.min(priorSelectionRange.start, length);
+            priorSelectionRange =
+              void 0 === priorSelectionRange.end
+                ? start
+                : Math.min(priorSelectionRange.end, length);
+            !priorSelectionInformation.extend &&
+              start > priorSelectionRange &&
+              ((length = priorSelectionRange),
+              (priorSelectionRange = start),
+              (start = length));
+            length = getNodeForCharacterOffset(priorFocusedElem, start);
+            var endMarker = getNodeForCharacterOffset(
+              priorFocusedElem,
+              priorSelectionRange
+            );
+            length &&
+              endMarker &&
+              (1 !== priorSelectionInformation.rangeCount ||
+                priorSelectionInformation.anchorNode !== length.node ||
+                priorSelectionInformation.anchorOffset !== length.offset ||
+                priorSelectionInformation.focusNode !== endMarker.node ||
+                priorSelectionInformation.focusOffset !== endMarker.offset) &&
+              ((curFocusedElem = curFocusedElem.createRange()),
+              curFocusedElem.setStart(length.node, length.offset),
+              priorSelectionInformation.removeAllRanges(),
+              start > priorSelectionRange
+                ? (priorSelectionInformation.addRange(curFocusedElem),
+                  priorSelectionInformation.extend(
+                    endMarker.node,
+                    endMarker.offset
+                  ))
+                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
+                  priorSelectionInformation.addRange(curFocusedElem)));
           }
-          return name;
-        case "function":
-          return (maxLength = value.displayName || value.name)
-            ? "function " + maxLength
-            : "function";
-        default:
-          return String(value);
+        curFocusedElem = [];
+        for (
+          priorSelectionInformation = priorFocusedElem;
+          (priorSelectionInformation = priorSelectionInformation.parentNode);
+
+        )
+          1 === priorSelectionInformation.nodeType &&
+            curFocusedElem.push({
+              element: priorSelectionInformation,
+              left: priorSelectionInformation.scrollLeft,
+              top: priorSelectionInformation.scrollTop
+            });
+        "function" === typeof priorFocusedElem.focus &&
+          priorFocusedElem.focus();
+        for (
+          priorFocusedElem = 0;
+          priorFocusedElem < curFocusedElem.length;
+          priorFocusedElem++
+        )
+          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
+            (priorSelectionInformation.element.scrollLeft =
+              priorSelectionInformation.left),
+            (priorSelectionInformation.element.scrollTop =
+              priorSelectionInformation.top);
+      }
+    }
+    function constructSelectEvent(
+      dispatchQueue,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var doc =
+        nativeEventTarget.window === nativeEventTarget
+          ? nativeEventTarget.document
+          : 9 === nativeEventTarget.nodeType
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
+      mouseDown ||
+        null == activeElement ||
+        activeElement !== getActiveElement(doc) ||
+        ((doc = activeElement),
+        "selectionStart" in doc && hasSelectionCapabilities(doc)
+          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
+          : ((doc = (
+              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
+              window
+            ).getSelection()),
+            (doc = {
+              anchorNode: doc.anchorNode,
+              anchorOffset: doc.anchorOffset,
+              focusNode: doc.focusNode,
+              focusOffset: doc.focusOffset
+            })),
+        (lastSelection && shallowEqual(lastSelection, doc)) ||
+          ((lastSelection = doc),
+          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
+          0 < doc.length &&
+            ((nativeEvent = new SyntheticEvent(
+              "onSelect",
+              "select",
+              null,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
+            (nativeEvent.target = activeElement))));
+    }
+    function makePrefixMap(styleProp, eventName) {
+      var prefixes = {};
+      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+      prefixes["Webkit" + styleProp] = "webkit" + eventName;
+      prefixes["Moz" + styleProp] = "moz" + eventName;
+      return prefixes;
+    }
+    function getVendorPrefixedEventName(eventName) {
+      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
+      if (!vendorPrefixes[eventName]) return eventName;
+      var prefixMap = vendorPrefixes[eventName],
+        styleProp;
+      for (styleProp in prefixMap)
+        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
+          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
+      return eventName;
+    }
+    function registerSimpleEvent(domEventName, reactName) {
+      topLevelEventsToReactNames.set(domEventName, reactName);
+      registerTwoPhaseEvent(reactName, [domEventName]);
+    }
+    function finishQueueingConcurrentUpdates() {
+      for (
+        var endIndex = concurrentQueuesIndex,
+          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+        i < endIndex;
+
+      ) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        if (null !== queue && null !== update) {
+          var pending = queue.pending;
+          null === pending
+            ? (update.next = update)
+            : ((update.next = pending.next), (pending.next = update));
+          queue.pending = update;
+        }
+        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function describePropValue(value, maxLength) {
-      return "string" !== typeof value || needsEscaping.test(value)
-        ? "{" + describeValue(value, maxLength - 2) + "}"
-        : value.length > maxLength - 2
-        ? 5 > maxLength
-          ? '"..."'
-          : '"' + value.slice(0, maxLength - 5) + '..."'
-        : '"' + value + '"';
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes |= lane;
+      fiber.lanes |= lane;
+      fiber = fiber.alternate;
+      null !== fiber && (fiber.lanes |= lane);
     }
-    function describeExpandedElement(type, props, rowPrefix) {
-      var remainingRowLength = maxRowLength - rowPrefix.length - type.length,
-        properties = [],
-        propName;
-      for (propName in props)
-        if (props.hasOwnProperty(propName) && "children" !== propName) {
-          var propValue = describePropValue(
-            props[propName],
-            maxRowLength - rowPrefix.length - propName.length - 1
-          );
-          remainingRowLength -= propName.length + propValue.length + 2;
-          properties.push(propName + "=" + propValue);
-        }
-      return 0 === properties.length
-        ? rowPrefix + "<" + type + ">\n"
-        : 0 < remainingRowLength
-        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
-        : rowPrefix +
-          "<" +
-          type +
-          "\n" +
-          rowPrefix +
-          "  " +
-          properties.join("\n" + rowPrefix + "  ") +
-          "\n" +
-          rowPrefix +
-          ">\n";
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      enqueueUpdate$1(fiber, queue, update, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describePropertiesDiff(clientObject, serverObject, indent) {
-      var properties = "",
-        remainingServerProperties = assign({}, serverObject),
-        propName;
-      for (propName in clientObject)
-        if (clientObject.hasOwnProperty(propName)) {
-          delete remainingServerProperties[propName];
-          var maxLength = maxRowLength - 2 * indent - propName.length - 2,
-            clientPropValue = describeValue(clientObject[propName], maxLength);
-          serverObject.hasOwnProperty(propName)
-            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
-              (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n"),
-              (properties +=
-                removed(indent) + propName + ": " + maxLength + "\n"))
-            : (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n");
-        }
-      for (var _propName in remainingServerProperties)
-        remainingServerProperties.hasOwnProperty(_propName) &&
-          ((clientObject = describeValue(
-            remainingServerProperties[_propName],
-            maxRowLength - 2 * indent - _propName.length - 2
-          )),
-          (properties +=
-            removed(indent) + _propName + ": " + clientObject + "\n"));
-      return properties;
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describeElementDiff(type, clientProps, serverProps, indent) {
-      var content = "",
-        serverPropNames = new Map();
-      for (propName$jscomp$0 in serverProps)
-        serverProps.hasOwnProperty(propName$jscomp$0) &&
-          serverPropNames.set(
-            propName$jscomp$0.toLowerCase(),
-            propName$jscomp$0
-          );
-      if (1 === serverPropNames.size && serverPropNames.has("children"))
-        content += describeExpandedElement(
-          type,
-          clientProps,
-          indentation(indent)
-        );
-      else {
-        for (var _propName2 in clientProps)
-          if (
-            clientProps.hasOwnProperty(_propName2) &&
-            "children" !== _propName2
-          ) {
-            var maxLength$jscomp$0 =
-                maxRowLength - 2 * (indent + 1) - _propName2.length - 1,
-              serverPropName = serverPropNames.get(_propName2.toLowerCase());
-            if (void 0 !== serverPropName) {
-              serverPropNames.delete(_propName2.toLowerCase());
-              var propName$jscomp$0 = clientProps[_propName2];
-              serverPropName = serverProps[serverPropName];
-              var clientPropValue = describePropValue(
-                propName$jscomp$0,
-                maxLength$jscomp$0
-              );
-              maxLength$jscomp$0 = describePropValue(
-                serverPropName,
-                maxLength$jscomp$0
-              );
-              "object" === typeof propName$jscomp$0 &&
-              null !== propName$jscomp$0 &&
-              "object" === typeof serverPropName &&
-              null !== serverPropName &&
-              "Object" === objectName(propName$jscomp$0) &&
-              "Object" === objectName(serverPropName) &&
-              (2 < Object.keys(propName$jscomp$0).length ||
-                2 < Object.keys(serverPropName).length ||
-                -1 < clientPropValue.indexOf("...") ||
-                -1 < maxLength$jscomp$0.indexOf("..."))
-                ? (content +=
-                    indentation(indent + 1) +
-                    _propName2 +
-                    "={{\n" +
-                    describePropertiesDiff(
-                      propName$jscomp$0,
-                      serverPropName,
-                      indent + 2
-                    ) +
-                    indentation(indent + 1) +
-                    "}}\n")
-                : ((content +=
-                    added(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    clientPropValue +
-                    "\n"),
-                  (content +=
-                    removed(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    maxLength$jscomp$0 +
-                    "\n"));
-            } else
-              content +=
-                indentation(indent + 1) +
-                _propName2 +
-                "=" +
-                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
-                "\n";
-          }
-        serverPropNames.forEach(function (propName) {
-          if ("children" !== propName) {
-            var maxLength =
-              maxRowLength - 2 * (indent + 1) - propName.length - 1;
-            content +=
-              removed(indent + 1) +
-              propName +
-              "=" +
-              describePropValue(serverProps[propName], maxLength) +
-              "\n";
-          }
-        });
-        content =
-          "" === content
-            ? indentation(indent) + "<" + type + ">\n"
-            : indentation(indent) +
-              "<" +
-              type +
-              "\n" +
-              content +
-              indentation(indent) +
-              ">\n";
-      }
-      type = serverProps.children;
-      clientProps = clientProps.children;
-      if (
-        "string" === typeof type ||
-        "number" === typeof type ||
-        "bigint" === typeof type
-      ) {
-        serverPropNames = "";
-        if (
-          "string" === typeof clientProps ||
-          "number" === typeof clientProps ||
-          "bigint" === typeof clientProps
-        )
-          serverPropNames = "" + clientProps;
-        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
-      } else if (
-        "string" === typeof clientProps ||
-        "number" === typeof clientProps ||
-        "bigint" === typeof clientProps
-      )
-        content += describeTextDiff("" + clientProps, void 0, indent + 1);
-      return content;
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      sourceFiber.lanes |= lane;
+      var alternate = sourceFiber.alternate;
+      null !== alternate && (alternate.lanes |= lane);
+      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+        (parent.childLanes |= lane),
+          (alternate = parent.alternate),
+          null !== alternate && (alternate.childLanes |= lane),
+          22 === parent.tag &&
+            ((sourceFiber = parent.stateNode),
+            null === sourceFiber ||
+              sourceFiber._visibility & OffscreenVisible ||
+              (isHidden = !0)),
+          (sourceFiber = parent),
+          (parent = parent.return);
+      isHidden &&
+        null !== update &&
+        3 === sourceFiber.tag &&
+        ((parent = sourceFiber.stateNode),
+        (isHidden = 31 - clz32(lane)),
+        (parent = parent.hiddenUpdates),
+        (sourceFiber = parent[isHidden]),
+        null === sourceFiber
+          ? (parent[isHidden] = [update])
+          : sourceFiber.push(update),
+        (update.lane = lane | OffscreenLane));
+    }
+    function getRootForUpdatedFiber(sourceFiber) {
+      throwIfInfiniteUpdateLoopDetected();
+      null === sourceFiber.alternate &&
+        0 !== (sourceFiber.flags & 4098) &&
+        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+      for (var node = sourceFiber, parent = node.return; null !== parent; )
+        null === node.alternate &&
+          0 !== (node.flags & 4098) &&
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
+          (node = parent),
+          (parent = node.return);
+      return 3 === node.tag ? node.stateNode : null;
+    }
+    function resolveFunctionForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family ? type : family.current;
+    }
+    function resolveForwardRefForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family
+        ? null !== type &&
+          void 0 !== type &&
+          "function" === typeof type.render &&
+          ((family = resolveFunctionForHotReloading(type.render)),
+          type.render !== family)
+          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
+            void 0 !== type.displayName &&
+              (family.displayName = type.displayName),
+            family)
+          : type
+        : family.current;
     }
-    function describeSiblingFiber(fiber, indent) {
-      var type = describeFiberType(fiber);
-      if (null === type) {
-        type = "";
-        for (fiber = fiber.child; fiber; )
-          (type += describeSiblingFiber(fiber, indent)),
-            (fiber = fiber.sibling);
-        return type;
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      if (null === resolveFamily) return !1;
+      var prevType = fiber.elementType;
+      element = element.type;
+      var needsCompareFamilies = !1,
+        $$typeofNextType =
+          "object" === typeof element && null !== element
+            ? element.$$typeof
+            : null;
+      switch (fiber.tag) {
+        case 1:
+          "function" === typeof element && (needsCompareFamilies = !0);
+          break;
+        case 0:
+          "function" === typeof element
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 11:
+          $$typeofNextType === REACT_FORWARD_REF_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 14:
+        case 15:
+          $$typeofNextType === REACT_MEMO_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        default:
+          return !1;
       }
-      return indentation(indent) + "<" + type + ">\n";
+      return needsCompareFamilies &&
+        ((fiber = resolveFamily(prevType)),
+        void 0 !== fiber && fiber === resolveFamily(element))
+        ? !0
+        : !1;
     }
-    function describeNode(node, indent) {
-      var skipToNode = findNotableNode(node, indent);
-      if (
-        skipToNode !== node &&
-        (1 !== node.children.length || node.children[0] !== skipToNode)
-      )
-        return (
-          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      null !== resolveFamily &&
+        "function" === typeof WeakSet &&
+        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
+        failedBoundaries.add(fiber));
+    }
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      var alternate = fiber.alternate,
+        child = fiber.child,
+        sibling = fiber.sibling,
+        tag = fiber.tag,
+        type = fiber.type,
+        candidateType = null;
+      switch (tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      if (null === resolveFamily)
+        throw Error("Expected resolveFamily to be set during hot reload.");
+      var needsRender = !1;
+      type = !1;
+      null !== candidateType &&
+        ((candidateType = resolveFamily(candidateType)),
+        void 0 !== candidateType &&
+          (staleFamilies.has(candidateType)
+            ? (type = !0)
+            : updatedFamilies.has(candidateType) &&
+              (1 === tag ? (type = !0) : (needsRender = !0))));
+      null !== failedBoundaries &&
+        (failedBoundaries.has(fiber) ||
+          (null !== alternate && failedBoundaries.has(alternate))) &&
+        (type = !0);
+      type && (fiber._debugNeedsRemount = !0);
+      if (type || needsRender)
+        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
+          null !== alternate &&
+            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
+      null === child ||
+        type ||
+        scheduleFibersWithFamiliesRecursively(
+          child,
+          updatedFamilies,
+          staleFamilies
         );
-      skipToNode = "";
-      var debugInfo = node.fiber._debugInfo;
-      if (debugInfo)
-        for (var i = 0; i < debugInfo.length; i++) {
-          var serverComponentName = debugInfo[i].name;
-          "string" === typeof serverComponentName &&
-            ((skipToNode +=
-              indentation(indent) + "<" + serverComponentName + ">\n"),
-            indent++);
-        }
-      debugInfo = "";
-      i = node.fiber.pendingProps;
-      if (6 === node.fiber.tag)
-        debugInfo = describeTextDiff(i, node.serverProps, indent);
-      else if (
-        ((serverComponentName = describeFiberType(node.fiber)),
-        null !== serverComponentName)
-      )
-        if (void 0 === node.serverProps) {
-          debugInfo = indent;
-          var maxLength =
-              maxRowLength - 2 * debugInfo - serverComponentName.length - 2,
-            content = "";
-          for (propName in i)
-            if (i.hasOwnProperty(propName) && "children" !== propName) {
-              var propValue = describePropValue(i[propName], 15);
-              maxLength -= propName.length + propValue.length + 2;
-              if (0 > maxLength) {
-                content += " ...";
-                break;
+      null !== sibling &&
+        scheduleFibersWithFamiliesRecursively(
+          sibling,
+          updatedFamilies,
+          staleFamilies
+        );
+    }
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      var child = fiber.child,
+        sibling = fiber.sibling,
+        type = fiber.type,
+        candidateType = null;
+      switch (fiber.tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      type = !1;
+      null !== candidateType && types.has(candidateType) && (type = !0);
+      if (type)
+        a: {
+          b: for (child = fiber, candidateType = !1; ; ) {
+            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
+              (candidateType = !0), hostInstances.add(child.stateNode);
+            else if (null !== child.child) {
+              child.child.return = child;
+              child = child.child;
+              continue;
+            }
+            if (child === fiber) {
+              child = candidateType;
+              break b;
+            }
+            for (; null === child.sibling; ) {
+              if (null === child.return || child.return === fiber) {
+                child = candidateType;
+                break b;
               }
-              content += " " + propName + "=" + propValue;
+              child = child.return;
             }
-          debugInfo =
-            indentation(debugInfo) +
-            "<" +
-            serverComponentName +
-            content +
-            ">\n";
-          indent++;
-        } else
-          null === node.serverProps
-            ? (debugInfo = describeExpandedElement(
-                serverComponentName,
-                i,
-                added(indent)
-              ))
-            : "string" === typeof node.serverProps
-            ? error$jscomp$0(
-                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
-              )
-            : ((debugInfo = describeElementDiff(
-                serverComponentName,
-                i,
-                node.serverProps,
-                indent
-              )),
-              indent++);
-      var propName = "";
-      i = node.fiber.child;
-      for (
-        serverComponentName = 0;
-        i && serverComponentName < node.children.length;
-
-      )
-        (maxLength = node.children[serverComponentName]),
-          maxLength.fiber === i
-            ? ((propName += describeNode(maxLength, indent)),
-              serverComponentName++)
-            : (propName += describeSiblingFiber(i, indent)),
-          (i = i.sibling);
-      i &&
-        0 < node.children.length &&
-        (propName += indentation(indent) + "...\n");
-      node = node.serverTail;
-      for (i = 0; i < node.length; i++)
-        (serverComponentName = node[i]),
-          (propName =
-            "string" === typeof serverComponentName
-              ? propName +
-                (removed(indent) +
-                  describeTextNode(
-                    serverComponentName,
-                    maxRowLength - 2 * indent
-                  ) +
-                  "\n")
-              : propName +
-                describeExpandedElement(
-                  serverComponentName.type,
-                  serverComponentName.props,
-                  removed(indent)
-                ));
-      return skipToNode + debugInfo + propName;
+            child.sibling.return = child.return;
+            child = child.sibling;
+          }
+          if (!child)
+            for (;;) {
+              switch (fiber.tag) {
+                case 27:
+                case 5:
+                  hostInstances.add(fiber.stateNode);
+                  break a;
+                case 4:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+                case 3:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+              }
+              if (null === fiber.return)
+                throw Error("Expected to reach root first.");
+              fiber = fiber.return;
+            }
+        }
+      else
+        null !== child &&
+          findHostInstancesForMatchingFibersRecursively(
+            child,
+            types,
+            hostInstances
+          );
+      null !== sibling &&
+        findHostInstancesForMatchingFibersRecursively(
+          sibling,
+          types,
+          hostInstances
+        );
     }
-    function describeDiff(rootNode) {
-      try {
-        return "\n\n" + describeNode(rootNode, 0);
-      } catch (x) {
-        return "";
-      }
+    function createCapturedValueAtFiber(value, source) {
+      if ("object" === typeof value && null !== value) {
+        var stack = CapturedStacks.get(value);
+        "string" !== typeof stack &&
+          ((stack = getStackByFiberInDevAndProd(source)),
+          CapturedStacks.set(value, stack));
+      } else stack = getStackByFiberInDevAndProd(source);
+      return { value: value, source: source, stack: stack };
+    }
+    function pushTreeFork(workInProgress, totalChildren) {
+      warnIfNotHydrating();
+      forkStack[forkStackIndex++] = treeForkCount;
+      forkStack[forkStackIndex++] = treeForkProvider;
+      treeForkProvider = workInProgress;
+      treeForkCount = totalChildren;
+    }
+    function pushTreeId(workInProgress, totalChildren, index) {
+      warnIfNotHydrating();
+      idStack[idStackIndex++] = treeContextId;
+      idStack[idStackIndex++] = treeContextOverflow;
+      idStack[idStackIndex++] = treeContextProvider;
+      treeContextProvider = workInProgress;
+      var baseIdWithLeadingBit = treeContextId;
+      workInProgress = treeContextOverflow;
+      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
+      baseIdWithLeadingBit &= ~(1 << baseLength);
+      index += 1;
+      var length = 32 - clz32(totalChildren) + baseLength;
+      if (30 < length) {
+        var numberOfOverflowBits = baseLength - (baseLength % 5);
+        length = (
+          baseIdWithLeadingBit &
+          ((1 << numberOfOverflowBits) - 1)
+        ).toString(32);
+        baseIdWithLeadingBit >>= numberOfOverflowBits;
+        baseLength -= numberOfOverflowBits;
+        treeContextId =
+          (1 << (32 - clz32(totalChildren) + baseLength)) |
+          (index << baseLength) |
+          baseIdWithLeadingBit;
+        treeContextOverflow = length + workInProgress;
+      } else
+        (treeContextId =
+          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
+          (treeContextOverflow = workInProgress);
+    }
+    function pushMaterializedTreeId(workInProgress) {
+      warnIfNotHydrating();
+      null !== workInProgress.return &&
+        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    }
+    function popTreeContext(workInProgress) {
+      for (; workInProgress === treeForkProvider; )
+        (treeForkProvider = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null),
+          (treeForkCount = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null);
+      for (; workInProgress === treeContextProvider; )
+        (treeContextProvider = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextOverflow = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextId = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null);
+    }
+    function warnIfNotHydrating() {
+      isHydrating ||
+        console.error(
+          "Expected to be hydrating. This is a bug in React. Please file an issue."
+        );
     }
     function buildHydrationDiffNode(fiber, distanceFromLeaf) {
       if (null === fiber.return) {
@@ -4453,7 +4505,7 @@
       null !== diffRoot &&
         ((hydrationDiffRootDEV = null),
         (diffRoot = describeDiff(diffRoot)),
-        error$jscomp$0(
+        console.error(
           "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s",
           "https://react.dev/link/hydration-mismatch",
           diffRoot
@@ -4477,7 +4529,7 @@
         : index !== thenable &&
           (thenableState.didWarnAboutUncachedPromise ||
             ((thenableState.didWarnAboutUncachedPromise = !0),
-            error$jscomp$0(
+            console.error(
               "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."
             )),
           thenable.then(noop$4, noop$4),
@@ -4568,11 +4620,12 @@
         if ("children" !== key && "key" !== key) {
           null === fiber &&
             ((fiber = createFiberFromElement(element, returnFiber.mode, 0)),
+            (fiber._debugInfo = currentDebugInfo),
             (fiber.return = returnFiber));
           runWithFiberInDEV(
             fiber,
             function (erroredKey) {
-              error$jscomp$0(
+              console.error(
                 "Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",
                 erroredKey
               );
@@ -4614,13 +4667,13 @@
         (invalidChild =
           invalidChild.displayName || invalidChild.name || "Component"),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  root.render(%s)",
               invalidChild,
               invalidChild,
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  <%s>{%s}</%s>",
               invalidChild,
               invalidChild,
@@ -4635,11 +4688,11 @@
         ((ownerHasSymbolTypeWarning[parentName] = !0),
         (invalidChild = String(invalidChild)),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Symbols are not valid as a React child.\n  root.render(%s)",
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Symbols are not valid as a React child.\n  <%s>%s</%s>",
               parentName,
               invalidChild,
@@ -4707,6 +4760,8 @@
               lanes
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4780,6 +4835,8 @@
               key
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4801,6 +4858,8 @@
               lanes
             )),
             (newChild.return = returnFiber),
+            (newChild._debugOwner = returnFiber),
+            (newChild._debugTask = returnFiber._debugTask),
             (newChild._debugInfo = currentDebugInfo),
             newChild
           );
@@ -4851,6 +4910,8 @@
                 null
               )),
               (lanes.return = returnFiber),
+              (lanes._debugOwner = returnFiber),
+              (lanes._debugTask = returnFiber._debugTask),
               (returnFiber = pushDebugInfo(newChild._debugInfo)),
               (lanes._debugInfo = currentDebugInfo),
               (currentDebugInfo = returnFiber),
@@ -5084,7 +5145,7 @@
               break;
             }
             runWithFiberInDEV(workInProgress, function () {
-              error$jscomp$0(
+              console.error(
                 "Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",
                 key
               );
@@ -5224,7 +5285,7 @@
             "[object AsyncGenerator]" ===
               Object.prototype.toString.call(newChildren)) ||
           (didWarnAboutGenerators ||
-            error$jscomp$0(
+            console.error(
               "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
             ),
           (didWarnAboutGenerators = !0));
@@ -5430,6 +5491,8 @@
                       newChild.key
                     )),
                     (currentFirstChild.return = returnFiber),
+                    (currentFirstChild._debugOwner = returnFiber),
+                    (currentFirstChild._debugTask = returnFiber._debugTask),
                     (currentFirstChild._debugInfo = currentDebugInfo),
                     validateFragmentProps(
                       newChild,
@@ -5535,14 +5598,14 @@
                 "[object Generator]" !== Object.prototype.toString.call(key)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$0(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
               newChild.entries !== child ||
                 didWarnAboutMaps ||
-                (error$jscomp$0(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
@@ -5613,6 +5676,9 @@
                   lanes
                 )),
                 (currentFirstChild.return = returnFiber),
+                (currentFirstChild._debugOwner = returnFiber),
+                (currentFirstChild._debugTask = returnFiber._debugTask),
+                (currentFirstChild._debugInfo = currentDebugInfo),
                 (returnFiber = currentFirstChild)),
             placeSingleChild(returnFiber)
           );
@@ -5755,7 +5821,7 @@
     }
     function retainCache(cache) {
       cache.controller.signal.aborted &&
-        warn(
+        console.warn(
           "A cache instance was retained after it was already freed. This likely indicates a bug in React."
         );
       cache.refCount++;
@@ -5763,7 +5829,7 @@
     function releaseCache(cache) {
       cache.refCount--;
       0 > cache.refCount &&
-        warn(
+        console.warn(
           "A cache instance was released after it was already freed. This likely indicates a bug in React."
         );
       0 === cache.refCount &&
@@ -5878,7 +5944,7 @@
             oldHookName += newHookName + "\n";
             table += oldHookName;
           }
-          error$jscomp$0(
+          console.error(
             "React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n   Previous render            Next render\n   ------------------------------------------------------\n%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
             componentName,
             table
@@ -5890,7 +5956,7 @@
       void 0 === deps ||
         null === deps ||
         isArrayImpl(deps) ||
-        error$jscomp$0(
+        console.error(
           "%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
           currentHookNameInDev,
           typeof deps
@@ -5900,7 +5966,7 @@
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
       didWarnAboutUseFormState.has(componentName) ||
         (didWarnAboutUseFormState.add(componentName),
-        error$jscomp$0(
+        console.error(
           "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
           componentName
         ));
@@ -5914,14 +5980,14 @@
       if (ignorePreviousDependencies) return !1;
       if (null === prevDeps)
         return (
-          error$jscomp$0(
+          console.error(
             "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
             currentHookNameInDev
           ),
           !1
         );
       nextDeps.length !== prevDeps.length &&
-        error$jscomp$0(
+        console.error(
           "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
           currentHookNameInDev,
           "[" + prevDeps.join(", ") + "]",
@@ -5956,7 +6022,7 @@
         )),
           didWarnAboutAsyncClientComponent.has(nextRenderLanes) ||
             (didWarnAboutAsyncClientComponent.add(nextRenderLanes),
-            error$jscomp$0(
+            console.error(
               "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
             ));
       workInProgress.memoizedState = null;
@@ -6010,7 +6076,7 @@
       hookTypesUpdateIndexDev = -1;
       null !== current &&
         (current.flags & 31457280) !== (workInProgress.flags & 31457280) &&
-        error$jscomp$0(
+        console.error(
           "Internal React error: Expected static flag was missing. Please notify the React team."
         );
       didScheduleRenderPhaseUpdate = !1;
@@ -6029,7 +6095,7 @@
         didWarnAboutUseWrappedInTryCatch.has(workInProgress) ||
           didWarnAboutAsyncClientComponent.has(workInProgress) ||
           (didWarnAboutUseWrappedInTryCatch.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "`use` was called from inside a try/catch block. This is not allowed and can lead to unexpected behavior. To handle errors triggered by `use`, wrap your component in a error boundary."
           )));
     }
@@ -6211,7 +6277,7 @@
           updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
       else
         updateQueue.length !== size &&
-          error$jscomp$0(
+          console.error(
             "Expected a constant size argument for each invocation of useMemoCache. The previous cache was allocated with size %s but size %s was requested.",
             updateQueue.length,
             size
@@ -6267,7 +6333,7 @@
           pendingQueue.next = baseFirst;
         }
         current.baseQueue !== baseQueue &&
-          error$jscomp$0(
+          console.error(
             "Internal error: Expected work-in-progress queue to be a clone. This is a bug in React."
           );
         current.baseQueue = baseQueue = pendingQueue;
@@ -6398,7 +6464,7 @@
         var nextSnapshot = getServerSnapshot();
         didWarnUncachedGetSnapshot ||
           nextSnapshot === getServerSnapshot() ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getServerSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6407,7 +6473,7 @@
         didWarnUncachedGetSnapshot ||
           ((getServerSnapshot = getSnapshot()),
           objectIs(nextSnapshot, getServerSnapshot) ||
-            (error$jscomp$0(
+            (console.error(
               "The result of getSnapshot should be cached to avoid an infinite loop"
             ),
             (didWarnUncachedGetSnapshot = !0)));
@@ -6464,7 +6530,7 @@
       ) {
         var cachedSnapshot = getSnapshot();
         objectIs(getServerSnapshot, cachedSnapshot) ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6542,7 +6608,7 @@
       try {
         var nextValue = latestGetSnapshot();
         return !objectIs(inst, nextValue);
-      } catch (error$4) {
+      } catch (error) {
         return !0;
       }
     }
@@ -6671,8 +6737,8 @@
           null !== onStartTransitionFinish &&
             onStartTransitionFinish(currentTransition, returnValue);
           handleActionReturnValue(actionQueue, node, returnValue);
-        } catch (error$5) {
-          onActionError(actionQueue, node, error$5);
+        } catch (error) {
+          onActionError(actionQueue, node, error);
         } finally {
           (ReactSharedInternals.T = prevTransition),
             null === prevTransition &&
@@ -6680,7 +6746,7 @@
               ((actionQueue = currentTransition._updatedFibers.size),
               currentTransition._updatedFibers.clear(),
               10 < actionQueue &&
-                warn(
+                console.warn(
                   "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
                 ));
         }
@@ -6688,8 +6754,8 @@
         try {
           (currentTransition = action(prevState, payload)),
             handleActionReturnValue(actionQueue, node, currentTransition);
-        } catch (error$6) {
-          onActionError(actionQueue, node, error$6);
+        } catch (error$3) {
+          onActionError(actionQueue, node, error$3);
         }
     }
     function handleActionReturnValue(actionQueue, node, returnValue) {
@@ -6705,7 +6771,7 @@
             }
           ),
           node.isTransition ||
-            error$jscomp$0(
+            console.error(
               "An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`"
             ))
         : onActionSuccess(actionQueue, node, returnValue);
@@ -6987,7 +7053,7 @@
       if (null !== ref && void 0 !== ref)
         return (
           ref.hasOwnProperty("current") ||
-            error$jscomp$0(
+            console.error(
               "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
               "an object with keys {" + Object.keys(ref).join(", ") + "}"
             ),
@@ -7000,7 +7066,7 @@
     }
     function mountImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7016,7 +7082,7 @@
     }
     function updateImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7150,11 +7216,11 @@
           );
           dispatchSetState(fiber, queue, thenableForFinishedState);
         } else dispatchSetState(fiber, queue, finishedState);
-      } catch (error$7) {
+      } catch (error) {
         dispatchSetState(fiber, queue, {
           then: function () {},
           status: "rejected",
-          reason: error$7
+          reason: error
         });
       } finally {
         (ReactDOMSharedInternals.p = previousPriority),
@@ -7164,7 +7230,7 @@
             ((fiber = currentTransition._updatedFibers.size),
             currentTransition._updatedFibers.clear(),
             10 < fiber &&
-              warn(
+              console.warn(
                 "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
               ));
       }
@@ -7225,7 +7291,7 @@
     }
     function requestFormReset$2(formFiber) {
       null === ReactSharedInternals.T &&
-        error$jscomp$0(
+        console.error(
           "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
         );
       var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
@@ -7322,7 +7388,7 @@
       JSCompiler_OptimizeArgumentsArray_p0
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p0 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p0 = requestUpdateLane(fiber);
@@ -7362,7 +7428,7 @@
       JSCompiler_OptimizeArgumentsArray_p1
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p1 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p1 = requestUpdateLane(fiber);
@@ -7394,7 +7460,7 @@
               null === workInProgressRoot && finishQueueingConcurrentUpdates();
               return;
             }
-          } catch (error$8) {
+          } catch (error) {
           } finally {
             ReactSharedInternals.H = prevDispatcher;
           }
@@ -7427,7 +7493,7 @@
     ) {
       null === ReactSharedInternals.T &&
         0 === currentEntangledLane &&
-        error$jscomp$0(
+        console.error(
           "An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition."
         );
       action = {
@@ -7441,7 +7507,7 @@
       if (isRenderPhaseUpdate(fiber)) {
         if (throwIfDuringRender)
           throw Error("Cannot update optimistic state while rendering.");
-        error$jscomp$0("Cannot call startTransition while rendering.");
+        console.error("Cannot call startTransition while rendering.");
       } else
         (throwIfDuringRender = enqueueConcurrentHookUpdate(
           fiber,
@@ -7535,7 +7601,7 @@
     }
     function defaultOnUncaughtError(error) {
       reportGlobalError(error);
-      warn(
+      console.warn(
         "%s\n\n%s\n",
         componentName
           ? "An error occurred in the <" + componentName + "> component."
@@ -7543,16 +7609,50 @@
         "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
       );
     }
-    function defaultOnCaughtError(error$1) {
-      error$jscomp$0(
-        "%o\n\n%s\n\n%s\n",
-        error$1,
-        componentName
+    function defaultOnCaughtError(error) {
+      var componentNameMessage = componentName
           ? "The above error occurred in the <" + componentName + "> component."
           : "The above error occurred in one of your React components.",
-        "React will try to recreate this component tree from scratch using the error boundary you provided, " +
-          ((errorBoundaryName || "Anonymous") + ".")
-      );
+        recreateMessage =
+          "React will try to recreate this component tree from scratch using the error boundary you provided, " +
+          ((errorBoundaryName || "Anonymous") + ".");
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        ].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              badgeFormat + error[0],
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            )
+          : error.splice(
+              0,
+              0,
+              badgeFormat,
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            );
+        console.error.apply(console, error);
+      } else
+        console.error(
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        );
     }
     function defaultOnRecoverableError(error) {
       reportGlobalError(error);
@@ -7570,9 +7670,9 @@
           var onUncaughtError = root.onUncaughtError;
           onUncaughtError(error, { componentStack: errorInfo.stack });
         }
-      } catch (e$9) {
+      } catch (e$4) {
         setTimeout(function () {
-          throw e$9;
+          throw e$4;
         });
       }
     }
@@ -7587,9 +7687,9 @@
           componentStack: errorInfo.stack,
           errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
         });
-      } catch (e$10) {
+      } catch (e$5) {
         setTimeout(function () {
-          throw e$10;
+          throw e$5;
         });
       }
     }
@@ -7610,9 +7710,9 @@
     function initializeClassErrorUpdate(update, root, fiber, errorInfo) {
       var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
       if ("function" === typeof getDerivedStateFromError) {
-        var error$1 = errorInfo.value;
+        var error = errorInfo.value;
         update.payload = function () {
-          return getDerivedStateFromError(error$1);
+          return getDerivedStateFromError(error);
         };
         update.callback = function () {
           markFailedErrorBoundaryForHotReloading(fiber);
@@ -7647,7 +7747,7 @@
           });
           "function" === typeof getDerivedStateFromError ||
             (0 === (fiber.lanes & SyncLane) &&
-              error$jscomp$0(
+              console.error(
                 "%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
                 getComponentNameFromFiber(fiber) || "Unknown"
               ));
@@ -8108,7 +8208,7 @@
       ) {
         var componentName = getComponentNameFromType(Component) || "Unknown";
         didWarnAboutBadClass[componentName] ||
-          (error$jscomp$0(
+          (console.error(
             "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
             componentName,
             componentName
@@ -8123,10 +8223,13 @@
       null === current &&
         (validateFunctionComponentInDev(workInProgress, workInProgress.type),
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-            getComponentNameFromType(Component) || "Unknown"
-          ));
+          ((componentName = getComponentNameFromType(Component) || "Unknown"),
+          didWarnAboutContextTypes$1[componentName] ||
+            ((didWarnAboutContextTypes$1[componentName] = !0),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+              componentName
+            ))));
       prepareToReadContext(workInProgress, renderLanes);
       markComponentRenderStarted(workInProgress);
       Component = renderWithHooks(
@@ -8236,7 +8339,7 @@
               : " However, it is set to an object with keys {" +
                 Object.keys(_instance).join(", ") +
                 "}."),
-          error$jscomp$0(
+          console.error(
             "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
             getComponentNameFromType(Component) || "Component",
             lane
@@ -8266,7 +8369,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutUninitializedState.has(state) ||
             (didWarnAboutUninitializedState.add(state),
-            error$jscomp$0(
+            console.error(
               "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
               state,
               null === _instance.state ? "null" : "undefined",
@@ -8302,7 +8405,7 @@
                 : "getSnapshotBeforeUpdate()";
             didWarnAboutLegacyLifecyclesAndDerivedState.has(_instance) ||
               (didWarnAboutLegacyLifecyclesAndDerivedState.add(_instance),
-              error$jscomp$0(
+              console.error(
                 "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                 _instance,
                 newApiName,
@@ -8317,88 +8420,87 @@
         _instance.render ||
           (Component.prototype &&
           "function" === typeof Component.prototype.render
-            ? error$jscomp$0(
+            ? console.error(
                 "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                 state
               )
-            : error$jscomp$0(
+            : console.error(
                 "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                 state
               ));
         !_instance.getInitialState ||
           _instance.getInitialState.isReactClassApproved ||
           _instance.state ||
-          error$jscomp$0(
+          console.error(
             "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
             state
           );
         _instance.getDefaultProps &&
           !_instance.getDefaultProps.isReactClassApproved &&
-          error$jscomp$0(
+          console.error(
             "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
             state
           );
-        _instance.propTypes &&
-          error$jscomp$0(
-            "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-            state
-          );
         _instance.contextType &&
-          error$jscomp$0(
+          console.error(
             "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
             state
           );
         Component.childContextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+          !didWarnAboutChildContextTypes.has(Component) &&
+          (didWarnAboutChildContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+          !didWarnAboutContextTypes.has(Component) &&
+          (didWarnAboutContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         "function" === typeof _instance.componentShouldUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
             state
           );
         Component.prototype &&
           Component.prototype.isPureReactComponent &&
           "undefined" !== typeof _instance.shouldComponentUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
             getComponentNameFromType(Component) || "A pure component"
           );
         "function" === typeof _instance.componentDidUnmount &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
             state
           );
         "function" === typeof _instance.componentDidReceiveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
             state
           );
         "function" === typeof _instance.componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
             state
           );
         "function" === typeof _instance.UNSAFE_componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
             state
           );
         lane = _instance.props !== nextProps;
         void 0 !== _instance.props &&
           lane &&
-          error$jscomp$0(
+          console.error(
             "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
             state
           );
         _instance.defaultProps &&
-          error$jscomp$0(
+          console.error(
             "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
             state,
             state
@@ -8407,31 +8509,31 @@
           "function" === typeof _instance.componentDidUpdate ||
           didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(Component) ||
           (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(Component),
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
             getComponentNameFromType(Component)
           ));
         "function" === typeof _instance.getDerivedStateFromProps &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof _instance.getDerivedStateFromError &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof Component.getSnapshotBeforeUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
             state
           );
         (lane = _instance.state) &&
           ("object" !== typeof lane || isArrayImpl(lane)) &&
-          error$jscomp$0("%s.state: must be set to an object or null", state);
+          console.error("%s.state: must be set to an object or null", state);
         "function" === typeof _instance.getChildContext &&
           "object" !== typeof Component.childContextTypes &&
-          error$jscomp$0(
+          console.error(
             "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
             state
           );
@@ -8449,7 +8551,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutDirectlyAssigningPropsToState.has(state) ||
             (didWarnAboutDirectlyAssigningPropsToState.add(state),
-            error$jscomp$0(
+            console.error(
               "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
               state
             )));
@@ -8482,7 +8584,7 @@
           "function" === typeof _instance.UNSAFE_componentWillMount &&
             _instance.UNSAFE_componentWillMount(),
           state !== _instance.state &&
-            (error$jscomp$0(
+            (console.error(
               "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
               getComponentNameFromFiber(workInProgress) || "Component"
             ),
@@ -8724,7 +8826,7 @@
       _instance &&
         renderLanes.props !== nextProps &&
         (didWarnAboutReassigningProps ||
-          error$jscomp$0(
+          console.error(
             "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
             getComponentNameFromFiber(workInProgress) || "a component"
           ),
@@ -8745,14 +8847,14 @@
     function validateFunctionComponentInDev(workInProgress, Component) {
       Component &&
         Component.childContextTypes &&
-        error$jscomp$0(
+        console.error(
           "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
           Component.displayName || Component.name || "Component"
         );
       "function" === typeof Component.getDerivedStateFromProps &&
         ((workInProgress = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutGetDerivedStateOnFunctionComponent[workInProgress] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
             workInProgress
           ),
@@ -8762,7 +8864,7 @@
         null !== Component.contextType &&
         ((Component = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutContextTypeOnFunctionComponent[Component] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support contextType.",
             Component
           ),
@@ -8781,33 +8883,33 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_componentStack_2341;
-      var JSCompiler_object_inline_stack_2340 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_componentStack_2327;
+      var JSCompiler_object_inline_stack_2326 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_message_2338 = !1;
+      var JSCompiler_object_inline_message_2324 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_componentStack_2341 = didSuspend) ||
-        (JSCompiler_object_inline_componentStack_2341 =
+      (JSCompiler_object_inline_componentStack_2327 = didSuspend) ||
+        (JSCompiler_object_inline_componentStack_2327 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_componentStack_2341 &&
-        ((JSCompiler_object_inline_message_2338 = !0),
+      JSCompiler_object_inline_componentStack_2327 &&
+        ((JSCompiler_object_inline_message_2324 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_componentStack_2341 =
+      JSCompiler_object_inline_componentStack_2327 =
         0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_message_2338
+          JSCompiler_object_inline_message_2324
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_digest_2339 = nextHydratableInstance;
+            var JSCompiler_object_inline_digest_2325 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2339)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2325)) {
               c: {
-                var instance = JSCompiler_object_inline_digest_2339;
+                var instance = JSCompiler_object_inline_digest_2325;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8848,19 +8950,19 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_digest_2339
+                JSCompiler_object_inline_digest_2325
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_digest_2339 = workInProgress.memoizedState;
+          JSCompiler_object_inline_digest_2325 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_digest_2339 &&
-            ((JSCompiler_object_inline_digest_2339 =
-              JSCompiler_object_inline_digest_2339.dehydrated),
-            null !== JSCompiler_object_inline_digest_2339)
+            null !== JSCompiler_object_inline_digest_2325 &&
+            ((JSCompiler_object_inline_digest_2325 =
+              JSCompiler_object_inline_digest_2325.dehydrated),
+            null !== JSCompiler_object_inline_digest_2325)
           )
             return (
-              JSCompiler_object_inline_digest_2339.data ===
+              JSCompiler_object_inline_digest_2325.data ===
               SUSPENSE_FALLBACK_START_DATA
                 ? (workInProgress.lanes = DefaultHydrationLane)
                 : (workInProgress.lanes = OffscreenLane),
@@ -8868,68 +8970,68 @@
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_digest_2339 =
-          JSCompiler_object_inline_stack_2340.children;
-        JSCompiler_temp = JSCompiler_object_inline_stack_2340.fallback;
-        if (JSCompiler_object_inline_message_2338)
+        JSCompiler_object_inline_digest_2325 =
+          JSCompiler_object_inline_stack_2326.children;
+        JSCompiler_temp = JSCompiler_object_inline_stack_2326.fallback;
+        if (JSCompiler_object_inline_message_2324)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2340 =
+            (JSCompiler_object_inline_stack_2326 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2339,
+                JSCompiler_object_inline_digest_2325,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2338 = workInProgress.child),
-            (JSCompiler_object_inline_message_2338.memoizedState =
+            (JSCompiler_object_inline_message_2324 = workInProgress.child),
+            (JSCompiler_object_inline_message_2324.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2338.childLanes =
+            (JSCompiler_object_inline_message_2324.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2341,
+                JSCompiler_object_inline_componentStack_2327,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2340
+            JSCompiler_object_inline_stack_2326
           );
         if (
           "number" ===
-          typeof JSCompiler_object_inline_stack_2340.unstable_expectedLoadTime
+          typeof JSCompiler_object_inline_stack_2326.unstable_expectedLoadTime
         )
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2340 =
+            (JSCompiler_object_inline_stack_2326 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2339,
+                JSCompiler_object_inline_digest_2325,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2338 = workInProgress.child),
-            (JSCompiler_object_inline_message_2338.memoizedState =
+            (JSCompiler_object_inline_message_2324 = workInProgress.child),
+            (JSCompiler_object_inline_message_2324.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2338.childLanes =
+            (JSCompiler_object_inline_message_2324.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2341,
+                JSCompiler_object_inline_componentStack_2327,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
             (workInProgress.lanes = 4194304),
-            JSCompiler_object_inline_stack_2340
+            JSCompiler_object_inline_stack_2326
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_digest_2339
+          JSCompiler_object_inline_digest_2325
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_digest_2339 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_digest_2339)
+        ((JSCompiler_object_inline_digest_2325 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_digest_2325)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8946,93 +9048,93 @@
               (workInProgress.flags |= 128),
               (workInProgress = null))
             : (reuseSuspenseHandlerOnStack(workInProgress),
-              (JSCompiler_object_inline_message_2338 =
-                JSCompiler_object_inline_stack_2340.fallback),
-              (JSCompiler_object_inline_digest_2339 = workInProgress.mode),
-              (JSCompiler_object_inline_stack_2340 =
+              (JSCompiler_object_inline_message_2324 =
+                JSCompiler_object_inline_stack_2326.fallback),
+              (JSCompiler_object_inline_digest_2325 = workInProgress.mode),
+              (JSCompiler_object_inline_stack_2326 =
                 mountWorkInProgressOffscreenFiber(
                   {
                     mode: "visible",
-                    children: JSCompiler_object_inline_stack_2340.children
+                    children: JSCompiler_object_inline_stack_2326.children
                   },
-                  JSCompiler_object_inline_digest_2339
+                  JSCompiler_object_inline_digest_2325
                 )),
-              (JSCompiler_object_inline_message_2338 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2338,
-                JSCompiler_object_inline_digest_2339,
+              (JSCompiler_object_inline_message_2324 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2324,
+                JSCompiler_object_inline_digest_2325,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2338.flags |= 2),
-              (JSCompiler_object_inline_stack_2340.return = workInProgress),
-              (JSCompiler_object_inline_message_2338.return = workInProgress),
-              (JSCompiler_object_inline_stack_2340.sibling =
-                JSCompiler_object_inline_message_2338),
-              (workInProgress.child = JSCompiler_object_inline_stack_2340),
+              (JSCompiler_object_inline_message_2324.flags |= 2),
+              (JSCompiler_object_inline_stack_2326.return = workInProgress),
+              (JSCompiler_object_inline_message_2324.return = workInProgress),
+              (JSCompiler_object_inline_stack_2326.sibling =
+                JSCompiler_object_inline_message_2324),
+              (workInProgress.child = JSCompiler_object_inline_stack_2326),
               reconcileChildFibers(
                 workInProgress,
                 current.child,
                 null,
                 renderLanes
               ),
-              (JSCompiler_object_inline_stack_2340 = workInProgress.child),
-              (JSCompiler_object_inline_stack_2340.memoizedState =
+              (JSCompiler_object_inline_stack_2326 = workInProgress.child),
+              (JSCompiler_object_inline_stack_2326.memoizedState =
                 mountSuspenseOffscreenState(renderLanes)),
-              (JSCompiler_object_inline_stack_2340.childLanes =
+              (JSCompiler_object_inline_stack_2326.childLanes =
                 getRemainingWorkInPrimaryTree(
                   current,
-                  JSCompiler_object_inline_componentStack_2341,
+                  JSCompiler_object_inline_componentStack_2327,
                   renderLanes
                 )),
               (workInProgress.memoizedState = SUSPENDED_MARKER),
-              (workInProgress = JSCompiler_object_inline_message_2338));
+              (workInProgress = JSCompiler_object_inline_message_2324));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
-            error$jscomp$0(
+            console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          JSCompiler_object_inline_digest_2339.data ===
+          JSCompiler_object_inline_digest_2325.data ===
             SUSPENSE_FALLBACK_START_DATA)
         ) {
-          JSCompiler_object_inline_componentStack_2341 =
-            JSCompiler_object_inline_digest_2339.nextSibling &&
-            JSCompiler_object_inline_digest_2339.nextSibling.dataset;
-          if (JSCompiler_object_inline_componentStack_2341) {
-            JSCompiler_temp = JSCompiler_object_inline_componentStack_2341.dgst;
-            var message = JSCompiler_object_inline_componentStack_2341.msg;
-            instance = JSCompiler_object_inline_componentStack_2341.stck;
+          JSCompiler_object_inline_componentStack_2327 =
+            JSCompiler_object_inline_digest_2325.nextSibling &&
+            JSCompiler_object_inline_digest_2325.nextSibling.dataset;
+          if (JSCompiler_object_inline_componentStack_2327) {
+            JSCompiler_temp = JSCompiler_object_inline_componentStack_2327.dgst;
+            var message = JSCompiler_object_inline_componentStack_2327.msg;
+            instance = JSCompiler_object_inline_componentStack_2327.stck;
             var componentStack =
-              JSCompiler_object_inline_componentStack_2341.cstck;
+              JSCompiler_object_inline_componentStack_2327.cstck;
           }
-          JSCompiler_object_inline_message_2338 = message;
-          JSCompiler_object_inline_digest_2339 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2340 = instance;
-          JSCompiler_object_inline_componentStack_2341 = componentStack;
-          "POSTPONE" !== JSCompiler_object_inline_digest_2339 &&
-            ((JSCompiler_object_inline_message_2338 =
-              JSCompiler_object_inline_message_2338
-                ? Error(JSCompiler_object_inline_message_2338)
+          JSCompiler_object_inline_message_2324 = message;
+          JSCompiler_object_inline_digest_2325 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2326 = instance;
+          JSCompiler_object_inline_componentStack_2327 = componentStack;
+          "POSTPONE" !== JSCompiler_object_inline_digest_2325 &&
+            ((JSCompiler_object_inline_message_2324 =
+              JSCompiler_object_inline_message_2324
+                ? Error(JSCompiler_object_inline_message_2324)
                 : Error(
                     "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                   )),
-            (JSCompiler_object_inline_message_2338.stack =
-              JSCompiler_object_inline_stack_2340 || ""),
-            (JSCompiler_object_inline_message_2338.digest =
-              JSCompiler_object_inline_digest_2339),
-            (JSCompiler_object_inline_componentStack_2341 =
-              void 0 === JSCompiler_object_inline_componentStack_2341
+            (JSCompiler_object_inline_message_2324.stack =
+              JSCompiler_object_inline_stack_2326 || ""),
+            (JSCompiler_object_inline_message_2324.digest =
+              JSCompiler_object_inline_digest_2325),
+            (JSCompiler_object_inline_componentStack_2327 =
+              void 0 === JSCompiler_object_inline_componentStack_2327
                 ? null
-                : JSCompiler_object_inline_componentStack_2341),
-            "string" === typeof JSCompiler_object_inline_componentStack_2341 &&
+                : JSCompiler_object_inline_componentStack_2327),
+            "string" === typeof JSCompiler_object_inline_componentStack_2327 &&
               CapturedStacks.set(
-                JSCompiler_object_inline_message_2338,
-                JSCompiler_object_inline_componentStack_2341
+                JSCompiler_object_inline_message_2324,
+                JSCompiler_object_inline_componentStack_2327
               ),
             queueHydrationError({
-              value: JSCompiler_object_inline_message_2338,
+              value: JSCompiler_object_inline_message_2324,
               source: null,
-              stack: JSCompiler_object_inline_componentStack_2341
+              stack: JSCompiler_object_inline_componentStack_2327
             }));
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9040,26 +9142,26 @@
             renderLanes
           );
         } else if (
-          ((JSCompiler_object_inline_componentStack_2341 =
+          ((JSCompiler_object_inline_componentStack_2327 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_componentStack_2341)
+          didReceiveUpdate || JSCompiler_object_inline_componentStack_2327)
         ) {
-          JSCompiler_object_inline_componentStack_2341 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_componentStack_2341) {
-            JSCompiler_object_inline_stack_2340 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2340 & SyncUpdateLanes))
-              JSCompiler_object_inline_stack_2340 = SyncHydrationLane;
+          JSCompiler_object_inline_componentStack_2327 = workInProgressRoot;
+          if (null !== JSCompiler_object_inline_componentStack_2327) {
+            JSCompiler_object_inline_stack_2326 = renderLanes & -renderLanes;
+            if (0 !== (JSCompiler_object_inline_stack_2326 & SyncUpdateLanes))
+              JSCompiler_object_inline_stack_2326 = SyncHydrationLane;
             else
-              switch (JSCompiler_object_inline_stack_2340) {
+              switch (JSCompiler_object_inline_stack_2326) {
                 case SyncLane:
-                  JSCompiler_object_inline_stack_2340 = SyncHydrationLane;
+                  JSCompiler_object_inline_stack_2326 = SyncHydrationLane;
                   break;
                 case InputContinuousLane:
-                  JSCompiler_object_inline_stack_2340 =
+                  JSCompiler_object_inline_stack_2326 =
                     InputContinuousHydrationLane;
                   break;
                 case DefaultLane:
-                  JSCompiler_object_inline_stack_2340 = DefaultHydrationLane;
+                  JSCompiler_object_inline_stack_2326 = DefaultHydrationLane;
                   break;
                 case 128:
                 case 256:
@@ -9080,40 +9182,40 @@
                 case 8388608:
                 case 16777216:
                 case 33554432:
-                  JSCompiler_object_inline_stack_2340 = TransitionHydrationLane;
+                  JSCompiler_object_inline_stack_2326 = TransitionHydrationLane;
                   break;
                 case IdleLane:
-                  JSCompiler_object_inline_stack_2340 = IdleHydrationLane;
+                  JSCompiler_object_inline_stack_2326 = IdleHydrationLane;
                   break;
                 default:
-                  JSCompiler_object_inline_stack_2340 = 0;
+                  JSCompiler_object_inline_stack_2326 = 0;
               }
-            JSCompiler_object_inline_stack_2340 =
+            JSCompiler_object_inline_stack_2326 =
               0 !==
-              (JSCompiler_object_inline_stack_2340 &
-                (JSCompiler_object_inline_componentStack_2341.suspendedLanes |
+              (JSCompiler_object_inline_stack_2326 &
+                (JSCompiler_object_inline_componentStack_2327.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2340;
+                : JSCompiler_object_inline_stack_2326;
             if (
-              0 !== JSCompiler_object_inline_stack_2340 &&
-              JSCompiler_object_inline_stack_2340 !== prevState.retryLane
+              0 !== JSCompiler_object_inline_stack_2326 &&
+              JSCompiler_object_inline_stack_2326 !== prevState.retryLane
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2340),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2326),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2340
+                  JSCompiler_object_inline_stack_2326
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_componentStack_2341,
+                  JSCompiler_object_inline_componentStack_2327,
                   current,
-                  JSCompiler_object_inline_stack_2340
+                  JSCompiler_object_inline_stack_2326
                 ),
                 SelectiveHydrationException)
               );
           }
-          JSCompiler_object_inline_digest_2339.data ===
+          JSCompiler_object_inline_digest_2325.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9121,7 +9223,7 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_digest_2339.data ===
+          JSCompiler_object_inline_digest_2325.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 128),
               (workInProgress.child = current.child),
@@ -9129,12 +9231,12 @@
                 null,
                 current
               )),
-              (JSCompiler_object_inline_digest_2339._reactRetry =
+              (JSCompiler_object_inline_digest_2325._reactRetry =
                 workInProgress),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_digest_2339.nextSibling
+                JSCompiler_object_inline_digest_2325.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -9152,54 +9254,54 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2340.children
+                JSCompiler_object_inline_stack_2326.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_message_2338)
+      if (JSCompiler_object_inline_message_2324)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_message_2338 =
-            JSCompiler_object_inline_stack_2340.fallback),
-          (JSCompiler_object_inline_digest_2339 = workInProgress.mode),
+          (JSCompiler_object_inline_message_2324 =
+            JSCompiler_object_inline_stack_2326.fallback),
+          (JSCompiler_object_inline_digest_2325 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2340 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2326 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2340.children
+              children: JSCompiler_object_inline_stack_2326.children
             }
           )),
-          (JSCompiler_object_inline_stack_2340.subtreeFlags =
+          (JSCompiler_object_inline_stack_2326.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_message_2338 = createWorkInProgress(
+            ? (JSCompiler_object_inline_message_2324 = createWorkInProgress(
                 instance,
-                JSCompiler_object_inline_message_2338
+                JSCompiler_object_inline_message_2324
               ))
-            : ((JSCompiler_object_inline_message_2338 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2338,
-                JSCompiler_object_inline_digest_2339,
+            : ((JSCompiler_object_inline_message_2324 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2324,
+                JSCompiler_object_inline_digest_2325,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2338.flags |= 2)),
-          (JSCompiler_object_inline_message_2338.return = workInProgress),
-          (JSCompiler_object_inline_stack_2340.return = workInProgress),
-          (JSCompiler_object_inline_stack_2340.sibling =
-            JSCompiler_object_inline_message_2338),
-          (workInProgress.child = JSCompiler_object_inline_stack_2340),
-          (JSCompiler_object_inline_stack_2340 =
-            JSCompiler_object_inline_message_2338),
-          (JSCompiler_object_inline_message_2338 = workInProgress.child),
-          (JSCompiler_object_inline_digest_2339 = current.child.memoizedState),
-          null === JSCompiler_object_inline_digest_2339
-            ? (JSCompiler_object_inline_digest_2339 =
+              (JSCompiler_object_inline_message_2324.flags |= 2)),
+          (JSCompiler_object_inline_message_2324.return = workInProgress),
+          (JSCompiler_object_inline_stack_2326.return = workInProgress),
+          (JSCompiler_object_inline_stack_2326.sibling =
+            JSCompiler_object_inline_message_2324),
+          (workInProgress.child = JSCompiler_object_inline_stack_2326),
+          (JSCompiler_object_inline_stack_2326 =
+            JSCompiler_object_inline_message_2324),
+          (JSCompiler_object_inline_message_2324 = workInProgress.child),
+          (JSCompiler_object_inline_digest_2325 = current.child.memoizedState),
+          null === JSCompiler_object_inline_digest_2325
+            ? (JSCompiler_object_inline_digest_2325 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_digest_2339.cachePool),
+                JSCompiler_object_inline_digest_2325.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -9207,38 +9309,38 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_digest_2339 = {
+              (JSCompiler_object_inline_digest_2325 = {
                 baseLanes:
-                  JSCompiler_object_inline_digest_2339.baseLanes | renderLanes,
+                  JSCompiler_object_inline_digest_2325.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_message_2338.memoizedState =
-            JSCompiler_object_inline_digest_2339),
-          (JSCompiler_object_inline_message_2338.childLanes =
+          (JSCompiler_object_inline_message_2324.memoizedState =
+            JSCompiler_object_inline_digest_2325),
+          (JSCompiler_object_inline_message_2324.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_componentStack_2341,
+              JSCompiler_object_inline_componentStack_2327,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2340
+          JSCompiler_object_inline_stack_2326
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2340.children
+        children: JSCompiler_object_inline_stack_2326.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_componentStack_2341 =
+        ((JSCompiler_object_inline_componentStack_2327 =
           workInProgress.deletions),
-        null === JSCompiler_object_inline_componentStack_2341
+        null === JSCompiler_object_inline_componentStack_2327
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_componentStack_2341.push(current));
+          : JSCompiler_object_inline_componentStack_2327.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -9306,7 +9408,7 @@
       childSlot = !isAnArray && "function" === typeof getIteratorFn(childSlot);
       return isAnArray || childSlot
         ? ((isAnArray = isAnArray ? "array" : "iterable"),
-          error$jscomp$0(
+          console.error(
             "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
             isAnArray,
             index,
@@ -9359,7 +9461,7 @@
             case "together":
             case "forwards":
             case "backwards":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
@@ -9367,20 +9469,20 @@
               break;
             case "forward":
             case "backward":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
               );
               break;
             default:
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
                 revealOrder
               );
           }
         else
-          error$jscomp$0(
+          console.error(
             '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
             revealOrder
           );
@@ -9388,14 +9490,14 @@
         didWarnAboutTailOptions[tailMode] ||
         ("collapsed" !== tailMode && "hidden" !== tailMode
           ? ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
               tailMode
             ))
           : "forwards" !== revealOrder &&
             "backwards" !== revealOrder &&
             ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
               tailMode
             )));
@@ -9416,7 +9518,7 @@
               _i++;
             }
         } else
-          error$jscomp$0(
+          console.error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
@@ -10169,7 +10271,7 @@
             "value" in prevSibling ||
               hasWarnedAboutUsingNoValuePropOnContextProvider ||
               ((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
-              error$jscomp$0(
+              console.error(
                 "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
               ));
             pushProvider(workInProgress, returnFiber, nextState);
@@ -10203,7 +10305,7 @@
             (prevSibling = workInProgress.type._context),
             (returnFiber = workInProgress.pendingProps.children),
             "function" !== typeof returnFiber &&
-              error$jscomp$0(
+              console.error(
                 "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
               ),
             prepareToReadContext(workInProgress, renderLanes),
@@ -10324,7 +10426,7 @@
       void 0 !== context._currentRenderer &&
         null !== context._currentRenderer &&
         context._currentRenderer !== rendererSigil &&
-        error$jscomp$0(
+        console.error(
           "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
         );
       context._currentRenderer = rendererSigil;
@@ -10353,7 +10455,7 @@
         parent = parent.return;
       }
       parent !== propagationRoot &&
-        error$jscomp$0(
+        console.error(
           "Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue."
         );
     }
@@ -10440,7 +10542,7 @@
     }
     function readContext(context) {
       isDisallowedContextReadInDEV &&
-        error$jscomp$0(
+        console.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 readContextForConsumer(currentlyRenderingFiber, context);
@@ -10504,7 +10606,7 @@
         !didWarnUpdateInsideUpdate
       ) {
         var componentName = getComponentNameFromFiber(fiber);
-        error$jscomp$0(
+        console.error(
           "An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.\n\nPlease update the following component: %s",
           componentName
         );
@@ -10768,7 +10870,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -10794,7 +10896,7 @@
         ((ctor = getComponentNameFromType(ctor) || "Component"),
         didWarnAboutUndefinedDerivedState.has(ctor) ||
           (didWarnAboutUndefinedDerivedState.add(ctor),
-          error$jscomp$0(
+          console.error(
             "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
             ctor
           )));
@@ -10835,7 +10937,7 @@
           }
         }
         void 0 === oldProps &&
-          error$jscomp$0(
+          console.error(
             "%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
             getComponentNameFromType(ctor) || "Component"
           );
@@ -10861,7 +10963,7 @@
           getComponentNameFromFiber(workInProgress) || "Component"),
         didWarnAboutStateAssignmentForComponent.has(workInProgress) ||
           (didWarnAboutStateAssignmentForComponent.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
             workInProgress
           )),
@@ -10931,16 +11033,16 @@
             else current.refCleanup = ref(instanceToUse);
           else
             "string" === typeof ref
-              ? error$jscomp$0("String refs are no longer supported.")
+              ? console.error("String refs are no longer supported.")
               : ref.hasOwnProperty("current") ||
-                error$jscomp$0(
+                console.error(
                   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
                   getComponentNameFromFiber(current)
                 ),
               (ref.current = instanceToUse);
         }
-      } catch (error$12) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$12);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function safelyDetachRef(current, nearestMountedAncestor) {
@@ -10956,8 +11058,8 @@
                 recordLayoutEffectDuration(current);
               }
             else refCleanup();
-          } catch (error$13) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$13);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           } finally {
             (current.refCleanup = null),
               (current = current.alternate),
@@ -10972,16 +11074,16 @@
                 recordLayoutEffectDuration(current);
               }
             else ref(null);
-          } catch (error$14) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$14);
+          } catch (error$6) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error$6);
           }
         else ref.current = null;
     }
     function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
       try {
         destroy();
-      } catch (error$15) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$15);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function commitBeforeMutationEffects(root, firstChild) {
@@ -11008,7 +11110,7 @@
               selection = selection.focusOffset;
               try {
                 JSCompiler_temp.nodeType, focusNode.nodeType;
-              } catch (e$3) {
+              } catch (e$2) {
                 JSCompiler_temp = null;
                 break a;
               }
@@ -11073,8 +11175,8 @@
                 commitBeforeMutationEffectsOnFiber,
                 firstChild
               );
-            } catch (error$16) {
-              captureCommitPhaseError(firstChild, firstChild.return, error$16);
+            } catch (error) {
+              captureCommitPhaseError(firstChild, firstChild.return, error);
             }
             root = firstChild.sibling;
             if (null !== root) {
@@ -11115,12 +11217,12 @@
               "ref" in finishedWork.memoizedProps ||
               didWarnAboutReassigningProps ||
               (current.props !== finishedWork.memoizedProps &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ),
               current.state !== finishedWork.memoizedState &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ));
@@ -11132,7 +11234,7 @@
             void 0 !== flags ||
               prevState.has(finishedWork.type) ||
               (prevState.add(finishedWork.type),
-              error$jscomp$0(
+              console.error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
                 getComponentNameFromFiber(finishedWork)
               ));
@@ -11258,7 +11360,7 @@
                   : 0 !== (effect.tag & Insertion)
                   ? "useInsertionEffect"
                   : "useEffect"),
-              error$jscomp$0(
+              console.error(
                 "%s must not return anything besides a function, which is used for clean-up.%s",
                 inst,
                 null === create
@@ -11281,15 +11383,15 @@
         try {
           startLayoutEffectTimer(),
             commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$17) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$17);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordLayoutEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$18) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$18);
+        } catch (error$7) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$7);
         }
     }
     function commitClassCallbacks(finishedWork) {
@@ -11300,19 +11402,19 @@
           "ref" in finishedWork.memoizedProps ||
           didWarnAboutReassigningProps ||
           (instance.props !== finishedWork.memoizedProps &&
-            error$jscomp$0(
+            console.error(
               "Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ),
           instance.state !== finishedWork.memoizedState &&
-            error$jscomp$0(
+            console.error(
               "Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ));
         try {
           commitCallbacks(updateQueue, instance);
-        } catch (error$23) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$23);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
     }
@@ -11331,8 +11433,8 @@
           case "img":
             props.src && (instance.src = props.src);
         }
-      } catch (error$24) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error$24);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
       }
     }
     function commitProfilerUpdate(finishedWork, current) {
@@ -11374,8 +11476,8 @@
             }
             parentFiber = parentFiber.return;
           }
-        } catch (error$25) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$25);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function commitLayoutEffectOnFiber(
@@ -11410,12 +11512,12 @@
                   "ref" in finishedWork.memoizedProps ||
                   didWarnAboutReassigningProps ||
                   (finishedRoot.props !== finishedWork.memoizedProps &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     ),
                   finishedRoot.state !== finishedWork.memoizedState &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     )),
@@ -11423,22 +11525,22 @@
               ) {
                 try {
                   startLayoutEffectTimer(), finishedRoot.componentDidMount();
-                } catch (error$19) {
+                } catch (error) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$19
+                    error
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
               } else
                 try {
                   finishedRoot.componentDidMount();
-                } catch (error$20) {
+                } catch (error$8) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$20
+                    error$8
                   );
                 }
             else {
@@ -11451,12 +11553,12 @@
                 "ref" in finishedWork.memoizedProps ||
                 didWarnAboutReassigningProps ||
                 (finishedRoot.props !== finishedWork.memoizedProps &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ),
                 finishedRoot.state !== finishedWork.memoizedState &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ));
@@ -11468,11 +11570,11 @@
                       prevState,
                       finishedRoot.__reactInternalSnapshotBeforeUpdate
                     );
-                } catch (error$21) {
+                } catch (error$9) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$21
+                    error$9
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
@@ -11483,11 +11585,11 @@
                     prevState,
                     finishedRoot.__reactInternalSnapshotBeforeUpdate
                   );
-                } catch (error$22) {
+                } catch (error$10) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$22
+                    error$10
                   );
                 }
             }
@@ -11516,12 +11618,8 @@
               }
             try {
               commitCallbacks(flags, finishedRoot);
-            } catch (error$26) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$26
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           }
           break;
@@ -11719,7 +11817,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -11865,11 +11963,11 @@
           )
             try {
               callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 deletedFiber,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           recursivelyTraverseDeletionEffects(
@@ -11916,8 +12014,8 @@
       )
         try {
           retryIfBlockedOn(finishedRoot);
-        } catch (error$29) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$29);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function getRetryCache(finishedWork) {
@@ -12016,8 +12114,8 @@
             var alternate = root.alternate;
             null !== alternate && (alternate.return = null);
             root.return = null;
-          } catch (error$30) {
-            captureCommitPhaseError(childToDelete, parentFiber, error$30);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
           }
         }
       if (parentFiber.subtreeFlags & 13878)
@@ -12049,12 +12147,8 @@
                 finishedWork.return
               ),
                 commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-            } catch (error$31) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$31
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
             if (shouldProfile(finishedWork)) {
               try {
@@ -12064,11 +12158,11 @@
                     finishedWork,
                     finishedWork.return
                   );
-              } catch (error$32) {
+              } catch (error$12) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$32
+                  error$12
                 );
               }
               recordLayoutEffectDuration(finishedWork);
@@ -12079,11 +12173,11 @@
                   finishedWork,
                   finishedWork.return
                 );
-              } catch (error$33) {
+              } catch (error$13) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$33
+                  error$13
                 );
               }
           }
@@ -12269,11 +12363,11 @@
                   newProps
                 );
                 domElement[internalPropsKey] = newProps;
-              } catch (error$34) {
+              } catch (error$14) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$34
+                  error$14
                 );
               }
           break;
@@ -12297,7 +12391,7 @@
             node = finishedWork.type;
             getInstanceFromNode(hoistableRoot) &&
               ((nextNode = hoistableRoot.tagName.toLowerCase()),
-              error$jscomp$0(
+              console.error(
                 "You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
                 nextNode,
                 nextNode,
@@ -12309,7 +12403,7 @@
               case "body":
                 break;
               default:
-                error$jscomp$0(
+                console.error(
                   "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
                 );
             }
@@ -12329,11 +12423,11 @@
             root = finishedWork.stateNode;
             try {
               setTextContent(root, "");
-            } catch (error$35) {
+            } catch (error$15) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$35
+                error$15
               );
             }
           }
@@ -12344,18 +12438,18 @@
             try {
               updateProperties(root, hoistableRoot, current, lanes),
                 (root[internalPropsKey] = lanes);
-            } catch (error$36) {
+            } catch (error$16) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$36
+                error$16
               );
             }
           }
           flags & 1024 &&
             ((needsFormReset = !0),
             "form" !== finishedWork.type &&
-              error$jscomp$0(
+              console.error(
                 "Unexpected host component type. Expected a form. This is a bug in React."
               ));
           break;
@@ -12371,11 +12465,11 @@
             current = finishedWork.memoizedProps;
             try {
               flags.nodeValue = current;
-            } catch (error$37) {
+            } catch (error$17) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$37
+                error$17
               );
             }
           }
@@ -12394,11 +12488,11 @@
           )
             try {
               retryIfBlockedOn(root.containerInfo);
-            } catch (error$38) {
+            } catch (error$18) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$38
+                error$18
               );
             }
           needsFormReset &&
@@ -12481,11 +12575,11 @@
                             null == nodeName || "boolean" === typeof nodeName
                               ? ""
                               : ("" + nodeName).trim()));
-                  } catch (error$27) {
+                  } catch (error) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$27
+                      error
                     );
                   }
                 }
@@ -12495,11 +12589,11 @@
                     root.stateNode.nodeValue = domElement
                       ? ""
                       : root.memoizedProps;
-                  } catch (error$28) {
+                  } catch (error$11) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$28
+                      error$11
                     );
                   }
               } else if (
@@ -12597,8 +12691,8 @@
                 );
             }
           }
-        } catch (error$40) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$40);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         finishedWork.flags &= -3;
       }
@@ -12671,11 +12765,11 @@
             var nearestMountedAncestor = finishedWork.return;
             try {
               callComponentWillUnmountWithTimer(finishedWork, instance);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 finishedWork,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           }
@@ -12729,12 +12823,8 @@
           if ("function" === typeof finishedRoot.componentDidMount)
             try {
               finishedRoot.componentDidMount();
-            } catch (error$41) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$41
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           var updateQueue = finishedWork.updateQueue;
           if (
@@ -12826,15 +12916,15 @@
         passiveEffectStartTime = now();
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$42) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$42);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordPassiveEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$43) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$43);
+        } catch (error$20) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$20);
         }
     }
     function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -13390,9 +13480,6 @@
         "function" !== typeof Object.preventExtensions ||
         Object.preventExtensions(this);
     }
-    function createFiber(tag, pendingProps, key, mode) {
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
     function shouldConstruct(Component) {
       Component = Component.prototype;
       return !(!Component || !Component.isReactComponent);
@@ -13529,34 +13616,32 @@
             break;
           case REACT_PROFILER_TYPE:
             return (
+              (type = pendingProps),
               (owner = mode),
-              "string" !== typeof pendingProps.id &&
-                error$jscomp$0(
+              "string" !== typeof type.id &&
+                console.error(
                   'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-                  typeof pendingProps.id
+                  typeof type.id
                 ),
-              (owner = createFiber(12, pendingProps, key, owner | 2)),
-              (owner.elementType = REACT_PROFILER_TYPE),
-              (owner.lanes = lanes),
-              (owner.stateNode = {
-                effectDuration: 0,
-                passiveEffectDuration: 0
-              }),
-              owner
+              (key = createFiber(12, type, key, owner | 2)),
+              (key.elementType = REACT_PROFILER_TYPE),
+              (key.lanes = lanes),
+              (key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
+              key
             );
           case REACT_SUSPENSE_TYPE:
             return (
-              (owner = createFiber(13, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(13, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_SUSPENSE_LIST_TYPE:
             return (
-              (owner = createFiber(19, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_LIST_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(19, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_LIST_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_OFFSCREEN_TYPE:
             return createFiberFromOffscreen(pendingProps, mode, lanes, key);
@@ -13582,33 +13667,36 @@
                   resolvedType = null;
                   break a;
               }
-            lanes = "";
+            resolvedType = "";
             if (
               void 0 === type ||
               ("object" === typeof type &&
                 null !== type &&
                 0 === Object.keys(type).length)
             )
-              lanes +=
+              resolvedType +=
                 " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             null === type
-              ? (type = "null")
+              ? (pendingProps = "null")
               : isArrayImpl(type)
-              ? (type = "array")
+              ? (pendingProps = "array")
               : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-              ? ((type =
+              ? ((pendingProps =
                   "<" +
                   (getComponentNameFromType(type.type) || "Unknown") +
                   " />"),
-                (lanes =
+                (resolvedType =
                   " Did you accidentally export a JSX literal instead of a component?"))
-              : (type = typeof type);
-            (owner = owner ? getComponentNameFromOwner(owner) : null) &&
-              (lanes += "\n\nCheck the render method of `" + owner + "`.");
-            throw Error(
+              : (pendingProps = typeof type);
+            (fiberTag = owner ? getComponentNameFromOwner(owner) : null) &&
+              (resolvedType +=
+                "\n\nCheck the render method of `" + fiberTag + "`.");
+            fiberTag = 29;
+            pendingProps = Error(
               "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-                (type + "." + lanes)
+                (pendingProps + "." + resolvedType)
             );
+            resolvedType = null;
         }
       key = createFiber(fiberTag, pendingProps, key, mode);
       key.elementType = type;
@@ -13976,7 +14064,7 @@
                           : current.createElement(renderLanes)),
                         -1 === renderLanes.indexOf("-") &&
                           (renderLanes !== renderLanes.toLowerCase() &&
-                            error$jscomp$0(
+                            console.error(
                               "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
                               renderLanes
                             ),
@@ -13987,7 +14075,7 @@
                               renderLanes
                             ) ||
                             ((warnedUnknownTags[renderLanes] = !0),
-                            error$jscomp$0(
+                            console.error(
                               "The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
                               renderLanes
                             )));
@@ -14477,7 +14565,7 @@
           : void 0;
       isReactActEnvironmentGlobal ||
         null === ReactSharedInternals.actQueue ||
-        error$jscomp$0(
+        console.error(
           "The current testing environment is not configured to support act(...)"
         );
       return isReactActEnvironmentGlobal;
@@ -14508,7 +14596,7 @@
     }
     function scheduleUpdateOnFiber(root, fiber, lane) {
       isRunningInsertionEffect &&
-        error$jscomp$0("useInsertionEffect must not schedule updates.");
+        console.error("useInsertionEffect must not schedule updates.");
       isFlushingPassiveEffects && (didScheduleUpdateDuringPassiveEffects = !0);
       if (
         (root === workInProgressRoot &&
@@ -14537,7 +14625,7 @@
               didWarnAboutUpdateInRenderForAnotherComponent.has(root) ||
                 (didWarnAboutUpdateInRenderForAnotherComponent.add(root),
                 (fiber = getComponentNameFromFiber(fiber) || "Unknown"),
-                error$jscomp$0(
+                console.error(
                   "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://react.dev/link/setstate-in-render",
                   fiber,
                   root,
@@ -14546,7 +14634,7 @@
               break;
             case 1:
               didWarnAboutUpdateInRender ||
-                (error$jscomp$0(
+                (console.error(
                   "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
                 ),
                 (didWarnAboutUpdateInRender = !0));
@@ -14803,7 +14891,7 @@
               check = check.value;
               try {
                 if (!objectIs(getSnapshot(), check)) return !1;
-              } catch (error$45) {
+              } catch (error) {
                 return !1;
               }
             }
@@ -15114,8 +15202,8 @@
           }
           workLoopSync();
           break;
-        } catch (thrownValue$46) {
-          handleThrow(root, thrownValue$46);
+        } catch (thrownValue$22) {
+          handleThrow(root, thrownValue$22);
         }
       while (1);
       lanes && root.shellSuspendCounter++;
@@ -15229,7 +15317,7 @@
                     }
                     break;
                   default:
-                    error$jscomp$0(
+                    console.error(
                       "Unexpected type of fiber triggered a suspensey commit. This is a bug in React."
                     );
                 }
@@ -15255,8 +15343,8 @@
             ? workLoopSync()
             : workLoopConcurrent();
           break;
-        } catch (thrownValue$47) {
-          handleThrow(root, thrownValue$47);
+        } catch (thrownValue$23) {
+          handleThrow(root, thrownValue$23);
         }
       while (1);
       resetContextDependencies();
@@ -15371,9 +15459,8 @@
           workInProgress = null;
           return;
         }
-      } catch (error$48) {
-        if (null !== returnFiber)
-          throw ((workInProgress = returnFiber), error$48);
+      } catch (error) {
+        if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
         workInProgressRootExitStatus = RootFatalErrored;
         logUncaughtError(
           root,
@@ -15416,7 +15503,7 @@
       var completedWork = unitOfWork;
       do {
         0 !== (completedWork.flags & 32768) &&
-          error$jscomp$0(
+          console.error(
             "Internal React error: Expected this fiber to be complete, but it isn't. It should have been unwound. This is a bug in React."
           );
         var current = completedWork.alternate;
@@ -15499,7 +15586,7 @@
         injectedProfilingHooks.markCommitStarted(lanes);
       if (null === finishedWork) return markCommitStopped(), null;
       0 === lanes &&
-        error$jscomp$0(
+        console.error(
           "root.finishedLanes should not be empty during a commit. This is a bug in React."
         );
       root.finishedWork = null;
@@ -15604,7 +15691,7 @@
       componentStack = { componentStack: componentStack };
       Object.defineProperty(componentStack, "digest", {
         get: function () {
-          error$jscomp$0(
+          console.error(
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError. This property is no longer provided as part of errorInfo but can be accessed as a property of the Error instance itself.'
           );
         }
@@ -15744,7 +15831,7 @@
               } catch (err) {
                 hasLoggedError ||
                   ((hasLoggedError = !0),
-                  error$jscomp$0(
+                  console.error(
                     "React instrumentation encountered an error: %s",
                     err
                   ));
@@ -15787,18 +15874,18 @@
     function captureCommitPhaseError(
       sourceFiber,
       nearestMountedAncestor,
-      error$1
+      error
     ) {
       isRunningInsertionEffect = !1;
       if (3 === sourceFiber.tag)
-        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
       else {
         for (; null !== nearestMountedAncestor; ) {
           if (3 === nearestMountedAncestor.tag) {
             captureCommitPhaseErrorOnRoot(
               nearestMountedAncestor,
               sourceFiber,
-              error$1
+              error
             );
             return;
           }
@@ -15811,16 +15898,12 @@
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
             ) {
-              sourceFiber = createCapturedValueAtFiber(error$1, sourceFiber);
-              error$1 = createClassErrorUpdate(SyncLane);
-              instance = enqueueUpdate(
-                nearestMountedAncestor,
-                error$1,
-                SyncLane
-              );
+              sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+              error = createClassErrorUpdate(SyncLane);
+              instance = enqueueUpdate(nearestMountedAncestor, error, SyncLane);
               null !== instance &&
                 (initializeClassErrorUpdate(
-                  error$1,
+                  error,
                   instance,
                   nearestMountedAncestor,
                   sourceFiber
@@ -15832,9 +15915,9 @@
           }
           nearestMountedAncestor = nearestMountedAncestor.return;
         }
-        error$jscomp$0(
+        console.error(
           "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-          error$1
+          error
         );
       }
     }
@@ -15866,7 +15949,7 @@
       throwIfInfiniteUpdateLoopDetected();
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
-        error$jscomp$0(
+        console.error(
           "A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n\nWhen testing, code that resolves suspended data should be wrapped into act(...):\n\nact(() => {\n  /* finish loading suspended data */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act"
         );
       workInProgressRoot === root &&
@@ -15932,7 +16015,7 @@
       nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT &&
         ((nestedPassiveUpdateCount = 0),
         (rootWithPassiveNestedUpdates = null),
-        error$jscomp$0(
+        console.error(
           "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."
         ));
     }
@@ -16018,7 +16101,7 @@
             didWarnStateUpdateForNotYetMountedComponent.add(tag);
           } else didWarnStateUpdateForNotYetMountedComponent = new Set([tag]);
           runWithFiberInDEV(fiber, function () {
-            error$jscomp$0(
+            console.error(
               "Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead."
             );
           });
@@ -16041,7 +16124,7 @@
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
         runWithFiberInDEV(fiber, function () {
-          error$jscomp$0(
+          console.error(
             "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act",
             getComponentNameFromFiber(fiber)
           );
@@ -16333,8 +16416,8 @@
       event.currentTarget = currentTarget;
       try {
         listener(event);
-      } catch (error$49) {
-        reportGlobalError(error$49);
+      } catch (error) {
+        reportGlobalError(error);
       }
       event.currentTarget = null;
     }
@@ -16397,7 +16480,7 @@
     }
     function listenToNonDelegatedEvent(domEventName, targetElement) {
       nonDelegatedEvents.has(domEventName) ||
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNonDelegatedEvent() call for "%s". This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16412,7 +16495,7 @@
     function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
       nonDelegatedEvents.has(domEventName) &&
         !isCapturePhaseListener &&
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -17070,11 +17153,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$0(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$0(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -17088,7 +17171,7 @@
       props.contentEditable &&
         !props.suppressContentEditableWarning &&
         null != props.children &&
-        error$jscomp$0(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
     }
@@ -17117,13 +17200,13 @@
     }
     function warnForInvalidEventListener(registrationName, listener) {
       !1 === listener
-        ? error$jscomp$0(
+        ? console.error(
             "Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
             registrationName,
             registrationName,
             registrationName
           )
-        : error$jscomp$0(
+        : console.error(
             "Expected `%s` listener to be a function, instead got a value of `%s` type.",
             registrationName,
             typeof listener
@@ -17143,7 +17226,7 @@
     }
     function normalizeMarkupForTextOrAttribute(markup) {
       willCoercionThrow(markup) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(markup)
         ),
@@ -17187,16 +17270,21 @@
         case "style":
           setValueForStyles(domElement, value, prevValue);
           break;
+        case "data":
+          if ("object" !== tag) {
+            setValueForKnownAttribute(domElement, "data", value);
+            break;
+          }
         case "src":
         case "href":
           if ("" === value && ("a" !== tag || "href" !== key)) {
             "src" === key
-              ? error$jscomp$0(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
                 )
-              : error$jscomp$0(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
@@ -17222,25 +17310,25 @@
           null != value &&
             ("form" === tag
               ? "formAction" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
                   )
                 : "function" === typeof value &&
                   ((null == props.encType && null == props.method) ||
                     didWarnFormActionMethod ||
                     ((didWarnFormActionMethod = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
                     )),
                   null == props.target ||
                     didWarnFormActionTarget ||
                     ((didWarnFormActionTarget = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
                     )))
               : "input" === tag || "button" === tag
               ? "action" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
                   )
                 : "input" !== tag ||
@@ -17255,32 +17343,32 @@
                     (null == props.name ||
                       didWarnFormActionName ||
                       ((didWarnFormActionName = !0),
-                      error$jscomp$0(
+                      console.error(
                         'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
                       )),
                     (null == props.formEncType && null == props.formMethod) ||
                       didWarnFormActionMethod ||
                       ((didWarnFormActionMethod = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
                       )),
                     null == props.formTarget ||
                       didWarnFormActionTarget ||
                       ((didWarnFormActionTarget = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
                       )))
                   : ((didWarnFormActionType = !0),
-                    error$jscomp$0(
+                    console.error(
                       'A button can only specify a formAction along with type="submit" or no type.'
                     ))
                 : ((didWarnFormActionType = !0),
-                  error$jscomp$0(
+                  console.error(
                     'An input can only specify a formAction along with type="submit" or type="image".'
                   ))
               : "action" === key
-              ? error$jscomp$0("You can only pass the action prop to <form>.")
-              : error$jscomp$0(
+              ? console.error("You can only pass the action prop to <form>.")
+              : console.error(
                   "You can only pass the formAction prop to <input> or <button>."
                 ));
           if ("function" === typeof value) {
@@ -17431,7 +17519,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[key] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[key] = !0),
-            error$jscomp$0(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               key
             ));
@@ -17575,7 +17663,7 @@
           break;
         case "is":
           null != prevValue &&
-            error$jscomp$0(
+            console.error(
               'Cannot update the "is" prop after it has been initialized.'
             );
           setValueForAttribute(domElement, "is", value);
@@ -17588,7 +17676,7 @@
             null == value ||
             "object" !== typeof value ||
             ((didWarnPopoverTargetObject = !0),
-            error$jscomp$0(
+            console.error(
               "The `popoverTarget` prop expects the ID of an Element as a string. Received %s instead.",
               value
             ));
@@ -17711,59 +17799,87 @@
         case "p":
         case "li":
           break;
-        case "input":
-          checkControlledValueProps("input", props);
-          listenToNonDelegatedEvent("invalid", domElement);
-          var name = null,
-            type = null,
-            value = null,
-            defaultValue = null,
-            checked = null,
-            defaultChecked = null;
+        case "img":
+          listenToNonDelegatedEvent("error", domElement);
+          listenToNonDelegatedEvent("load", domElement);
+          var hasSrc = !1,
+            hasSrcSet = !1,
+            propKey;
           for (propKey in props)
             if (props.hasOwnProperty(propKey)) {
               var propValue = props[propKey];
               if (null != propValue)
                 switch (propKey) {
+                  case "src":
+                    hasSrc = !0;
+                    break;
+                  case "srcSet":
+                    hasSrcSet = !0;
+                    break;
+                  case "children":
+                  case "dangerouslySetInnerHTML":
+                    throw Error(
+                      tag +
+                        " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                    );
+                  default:
+                    setProp(domElement, tag, propKey, propValue, props, null);
+                }
+            }
+          hasSrcSet &&
+            setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+          hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+          return;
+        case "input":
+          checkControlledValueProps("input", props);
+          listenToNonDelegatedEvent("invalid", domElement);
+          var defaultValue = (propKey = propValue = hasSrcSet = null),
+            checked = null,
+            defaultChecked = null;
+          for (hasSrc in props)
+            if (props.hasOwnProperty(hasSrc)) {
+              var _propValue = props[hasSrc];
+              if (null != _propValue)
+                switch (hasSrc) {
                   case "name":
-                    name = propValue;
+                    hasSrcSet = _propValue;
                     break;
                   case "type":
-                    type = propValue;
+                    propValue = _propValue;
                     break;
                   case "checked":
-                    checked = propValue;
+                    checked = _propValue;
                     break;
                   case "defaultChecked":
-                    defaultChecked = propValue;
+                    defaultChecked = _propValue;
                     break;
                   case "value":
-                    value = propValue;
+                    propKey = _propValue;
                     break;
                   case "defaultValue":
-                    defaultValue = propValue;
+                    defaultValue = _propValue;
                     break;
                   case "children":
                   case "dangerouslySetInnerHTML":
-                    if (null != propValue)
+                    if (null != _propValue)
                       throw Error(
                         tag +
                           " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                       );
                     break;
                   default:
-                    setProp(domElement, tag, propKey, propValue, props, null);
+                    setProp(domElement, tag, hasSrc, _propValue, props, null);
                 }
             }
           validateInputProps(domElement, props);
           initInput(
             domElement,
-            value,
+            propKey,
             defaultValue,
             checked,
             defaultChecked,
-            type,
-            name,
+            propValue,
+            hasSrcSet,
             !1
           );
           track(domElement);
@@ -17771,50 +17887,57 @@
         case "select":
           checkControlledValueProps("select", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          var propKey = (type = value = null);
-          for (name in props)
+          hasSrc = propValue = propKey = null;
+          for (hasSrcSet in props)
             if (
-              props.hasOwnProperty(name) &&
-              ((defaultValue = props[name]), null != defaultValue)
+              props.hasOwnProperty(hasSrcSet) &&
+              ((defaultValue = props[hasSrcSet]), null != defaultValue)
             )
-              switch (name) {
+              switch (hasSrcSet) {
                 case "value":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "defaultValue":
-                  type = defaultValue;
+                  propValue = defaultValue;
                   break;
                 case "multiple":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                 default:
-                  setProp(domElement, tag, name, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    hasSrcSet,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateSelectProps(domElement, props);
-          tag = value;
-          props = type;
-          domElement.multiple = !!propKey;
+          tag = propKey;
+          props = propValue;
+          domElement.multiple = !!hasSrc;
           null != tag
-            ? updateOptions(domElement, !!propKey, tag, !1)
-            : null != props && updateOptions(domElement, !!propKey, props, !0);
+            ? updateOptions(domElement, !!hasSrc, tag, !1)
+            : null != props && updateOptions(domElement, !!hasSrc, props, !0);
           return;
         case "textarea":
           checkControlledValueProps("textarea", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          value = name = propKey = null;
-          for (type in props)
+          propKey = hasSrcSet = hasSrc = null;
+          for (propValue in props)
             if (
-              props.hasOwnProperty(type) &&
-              ((defaultValue = props[type]), null != defaultValue)
+              props.hasOwnProperty(propValue) &&
+              ((defaultValue = props[propValue]), null != defaultValue)
             )
-              switch (type) {
+              switch (propValue) {
                 case "value":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                   break;
                 case "defaultValue":
-                  name = defaultValue;
+                  hasSrcSet = defaultValue;
                   break;
                 case "children":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "dangerouslySetInnerHTML":
                   if (null != defaultValue)
@@ -17823,28 +17946,35 @@
                     );
                   break;
                 default:
-                  setProp(domElement, tag, type, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    propValue,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateTextareaProps(domElement, props);
-          initTextarea(domElement, propKey, name, value);
+          initTextarea(domElement, hasSrc, hasSrcSet, propKey);
           track(domElement);
           return;
         case "option":
           validateOptionProps(domElement, props);
-          for (defaultValue in props)
+          for (checked in props)
             if (
-              props.hasOwnProperty(defaultValue) &&
-              ((propKey = props[defaultValue]), null != propKey)
+              props.hasOwnProperty(checked) &&
+              ((hasSrc = props[checked]), null != hasSrc)
             )
-              switch (defaultValue) {
+              switch (checked) {
                 case "selected":
                   domElement.selected =
-                    propKey &&
-                    "function" !== typeof propKey &&
-                    "symbol" !== typeof propKey;
+                    hasSrc &&
+                    "function" !== typeof hasSrc &&
+                    "symbol" !== typeof hasSrc;
                   break;
                 default:
-                  setProp(domElement, tag, defaultValue, propKey, props, null);
+                  setProp(domElement, tag, checked, hasSrc, props, null);
               }
           return;
         case "dialog":
@@ -17857,8 +17987,8 @@
           break;
         case "video":
         case "audio":
-          for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-            listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+          for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+            listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
           break;
         case "image":
           listenToNonDelegatedEvent("error", domElement);
@@ -17869,7 +17999,6 @@
           break;
         case "embed":
         case "source":
-        case "img":
         case "link":
           listenToNonDelegatedEvent("error", domElement),
             listenToNonDelegatedEvent("load", domElement);
@@ -17884,12 +18013,12 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (checked in props)
+          for (defaultChecked in props)
             if (
-              props.hasOwnProperty(checked) &&
-              ((propKey = props[checked]), null != propKey)
+              props.hasOwnProperty(defaultChecked) &&
+              ((hasSrc = props[defaultChecked]), null != hasSrc)
             )
-              switch (checked) {
+              switch (defaultChecked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
                   throw Error(
@@ -17897,31 +18026,31 @@
                       " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                   );
                 default:
-                  setProp(domElement, tag, checked, propKey, props, null);
+                  setProp(domElement, tag, defaultChecked, hasSrc, props, null);
               }
           return;
         default:
           if (isCustomElement(tag)) {
-            for (defaultChecked in props)
-              props.hasOwnProperty(defaultChecked) &&
-                ((propKey = props[defaultChecked]),
-                void 0 !== propKey &&
+            for (_propValue in props)
+              props.hasOwnProperty(_propValue) &&
+                ((hasSrc = props[_propValue]),
+                void 0 !== hasSrc &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    defaultChecked,
-                    propKey,
+                    _propValue,
+                    hasSrc,
                     props,
                     void 0
                   ));
             return;
           }
       }
-      for (value in props)
-        props.hasOwnProperty(value) &&
-          ((propKey = props[value]),
-          null != propKey &&
-            setProp(domElement, tag, value, propKey, props, null));
+      for (defaultValue in props)
+        props.hasOwnProperty(defaultValue) &&
+          ((hasSrc = props[defaultValue]),
+          null != hasSrc &&
+            setProp(domElement, tag, defaultValue, hasSrc, props, null));
     }
     function updateProperties(domElement, tag, lastProps, nextProps) {
       validatePropertiesInDevelopment(tag, nextProps);
@@ -17965,14 +18094,14 @@
                     );
               }
           }
-          for (var _propKey7 in nextProps) {
-            var propKey = nextProps[_propKey7];
-            lastProp = lastProps[_propKey7];
+          for (var _propKey8 in nextProps) {
+            var propKey = nextProps[_propKey8];
+            lastProp = lastProps[_propKey8];
             if (
-              nextProps.hasOwnProperty(_propKey7) &&
+              nextProps.hasOwnProperty(_propKey8) &&
               (null != propKey || null != lastProp)
             )
-              switch (_propKey7) {
+              switch (_propKey8) {
                 case "type":
                   type = propKey;
                   break;
@@ -18004,7 +18133,7 @@
                     setProp(
                       domElement,
                       tag,
-                      _propKey7,
+                      _propKey8,
                       propKey,
                       nextProps,
                       lastProp
@@ -18022,14 +18151,14 @@
           tag ||
             !nextProps ||
             didWarnUncontrolledToControlled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnUncontrolledToControlled = !0));
           !tag ||
             nextProps ||
             didWarnControlledToUncontrolled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnControlledToUncontrolled = !0));
@@ -18045,7 +18174,7 @@
           );
           return;
         case "select":
-          propKey = value = defaultValue = _propKey7 = null;
+          propKey = value = defaultValue = _propKey8 = null;
           for (type in lastProps)
             if (
               ((lastDefaultValue = lastProps[type]),
@@ -18076,7 +18205,7 @@
             )
               switch (name) {
                 case "value":
-                  _propKey7 = type;
+                  _propKey8 = type;
                   break;
                 case "defaultValue":
                   defaultValue = type;
@@ -18097,15 +18226,15 @@
           nextProps = defaultValue;
           tag = value;
           lastProps = propKey;
-          null != _propKey7
-            ? updateOptions(domElement, !!tag, _propKey7, !1)
+          null != _propKey8
+            ? updateOptions(domElement, !!tag, _propKey8, !1)
             : !!lastProps !== !!tag &&
               (null != nextProps
                 ? updateOptions(domElement, !!tag, nextProps, !0)
                 : updateOptions(domElement, !!tag, tag ? [] : "", !1));
           return;
         case "textarea":
-          propKey = _propKey7 = null;
+          propKey = _propKey8 = null;
           for (defaultValue in lastProps)
             if (
               ((name = lastProps[defaultValue]),
@@ -18129,7 +18258,7 @@
             )
               switch (value) {
                 case "value":
-                  _propKey7 = name;
+                  _propKey8 = name;
                   break;
                 case "defaultValue":
                   propKey = name;
@@ -18146,17 +18275,17 @@
                   name !== type &&
                     setProp(domElement, tag, value, name, nextProps, type);
               }
-          updateTextarea(domElement, _propKey7, propKey);
+          updateTextarea(domElement, _propKey8, propKey);
           return;
         case "option":
-          for (var _propKey12 in lastProps)
+          for (var _propKey13 in lastProps)
             if (
-              ((_propKey7 = lastProps[_propKey12]),
-              lastProps.hasOwnProperty(_propKey12) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey12))
+              ((_propKey8 = lastProps[_propKey13]),
+              lastProps.hasOwnProperty(_propKey13) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey13))
             )
-              switch (_propKey12) {
+              switch (_propKey13) {
                 case "selected":
                   domElement.selected = !1;
                   break;
@@ -18164,33 +18293,33 @@
                   setProp(
                     domElement,
                     tag,
-                    _propKey12,
+                    _propKey13,
                     null,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
               }
           for (lastDefaultValue in nextProps)
             if (
-              ((_propKey7 = nextProps[lastDefaultValue]),
+              ((_propKey8 = nextProps[lastDefaultValue]),
               (propKey = lastProps[lastDefaultValue]),
               nextProps.hasOwnProperty(lastDefaultValue) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (lastDefaultValue) {
                 case "selected":
                   domElement.selected =
-                    _propKey7 &&
-                    "function" !== typeof _propKey7 &&
-                    "symbol" !== typeof _propKey7;
+                    _propKey8 &&
+                    "function" !== typeof _propKey8 &&
+                    "symbol" !== typeof _propKey8;
                   break;
                 default:
                   setProp(
                     domElement,
                     tag,
                     lastDefaultValue,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18211,31 +18340,31 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (var _propKey14 in lastProps)
-            (_propKey7 = lastProps[_propKey14]),
-              lastProps.hasOwnProperty(_propKey14) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey14) &&
+          for (var _propKey15 in lastProps)
+            (_propKey8 = lastProps[_propKey15]),
+              lastProps.hasOwnProperty(_propKey15) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey15) &&
                 setProp(
                   domElement,
                   tag,
-                  _propKey14,
+                  _propKey15,
                   null,
                   nextProps,
-                  _propKey7
+                  _propKey8
                 );
           for (checked in nextProps)
             if (
-              ((_propKey7 = nextProps[checked]),
+              ((_propKey8 = nextProps[checked]),
               (propKey = lastProps[checked]),
               nextProps.hasOwnProperty(checked) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (checked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
-                  if (null != _propKey7)
+                  if (null != _propKey8)
                     throw Error(
                       tag +
                         " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
@@ -18246,7 +18375,7 @@
                     domElement,
                     tag,
                     checked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18254,49 +18383,49 @@
           return;
         default:
           if (isCustomElement(tag)) {
-            for (var _propKey16 in lastProps)
-              (_propKey7 = lastProps[_propKey16]),
-                lastProps.hasOwnProperty(_propKey16) &&
-                  void 0 !== _propKey7 &&
-                  !nextProps.hasOwnProperty(_propKey16) &&
+            for (var _propKey17 in lastProps)
+              (_propKey8 = lastProps[_propKey17]),
+                lastProps.hasOwnProperty(_propKey17) &&
+                  void 0 !== _propKey8 &&
+                  !nextProps.hasOwnProperty(_propKey17) &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    _propKey16,
+                    _propKey17,
                     void 0,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
             for (defaultChecked in nextProps)
-              (_propKey7 = nextProps[defaultChecked]),
+              (_propKey8 = nextProps[defaultChecked]),
                 (propKey = lastProps[defaultChecked]),
                 !nextProps.hasOwnProperty(defaultChecked) ||
-                  _propKey7 === propKey ||
-                  (void 0 === _propKey7 && void 0 === propKey) ||
+                  _propKey8 === propKey ||
+                  (void 0 === _propKey8 && void 0 === propKey) ||
                   setPropOnCustomElement(
                     domElement,
                     tag,
                     defaultChecked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
             return;
           }
       }
-      for (var _propKey18 in lastProps)
-        (_propKey7 = lastProps[_propKey18]),
-          lastProps.hasOwnProperty(_propKey18) &&
-            null != _propKey7 &&
-            !nextProps.hasOwnProperty(_propKey18) &&
-            setProp(domElement, tag, _propKey18, null, nextProps, _propKey7);
+      for (var _propKey19 in lastProps)
+        (_propKey8 = lastProps[_propKey19]),
+          lastProps.hasOwnProperty(_propKey19) &&
+            null != _propKey8 &&
+            !nextProps.hasOwnProperty(_propKey19) &&
+            setProp(domElement, tag, _propKey19, null, nextProps, _propKey8);
       for (lastProp in nextProps)
-        (_propKey7 = nextProps[lastProp]),
+        (_propKey8 = nextProps[lastProp]),
           (propKey = lastProps[lastProp]),
           !nextProps.hasOwnProperty(lastProp) ||
-            _propKey7 === propKey ||
-            (null == _propKey7 && null == propKey) ||
-            setProp(domElement, tag, lastProp, _propKey7, nextProps, propKey);
+            _propKey8 === propKey ||
+            (null == _propKey8 && null == propKey) ||
+            setProp(domElement, tag, lastProp, _propKey8, nextProps, propKey);
     }
     function getPropNameFromAttributeName(attrName) {
       switch (attrName) {
@@ -18320,7 +18449,7 @@
     }
     function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
       if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
-        error$jscomp$0(
+        console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
       else if (canDiffStyleForHydrationWarning) {
@@ -18599,7 +18728,7 @@
                   case "outerText":
                   case "outerHTML":
                     extraAttributes.delete(propKey.toLowerCase());
-                    error$jscomp$0(
+                    console.error(
                       "Assignment to read-only property will result in a no-op: `%s`",
                       propKey
                     );
@@ -18728,16 +18857,34 @@
                     serverDifferences
                   );
                   continue;
+                case "data":
+                  if ("object" !== tag) {
+                    extraAttributes.delete(value);
+                    attributes = domElement.getAttribute("data");
+                    warnForPropDifference(
+                      value,
+                      attributes,
+                      propKey,
+                      serverDifferences
+                    );
+                    continue;
+                  }
                 case "src":
                 case "href":
-                  if ("" === propKey && ("a" !== tag || "href" !== value)) {
+                  if (
+                    !(
+                      "" !== propKey ||
+                      ("a" === tag && "href" === value) ||
+                      ("object" === tag && "data" === value)
+                    )
+                  ) {
                     "src" === value
-                      ? error$jscomp$0(
+                      ? console.error(
                           'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
                         )
-                      : error$jscomp$0(
+                      : console.error(
                           'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
@@ -19075,7 +19222,7 @@
                   "" !== propKey ||
                     didWarnForNewBooleanPropsWithEmptyValue[value] ||
                     ((didWarnForNewBooleanPropsWithEmptyValue[value] = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
                       value
                     ));
@@ -19914,7 +20061,7 @@
               "style" !== type &&
               "link" !== type &&
               "script" !== type) ||
-            error$jscomp$0(
+            console.error(
               "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.",
               type,
               type
@@ -19932,7 +20079,7 @@
             "" === props.href
           ) {
             outsideHostContainerContext &&
-              error$jscomp$0(
+              console.error(
                 'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.'
               );
             break;
@@ -19962,7 +20109,7 @@
               disabled =
                 1 === hostContext.length ? "an " + onError : "the " + onError;
               hostContext.length &&
-                error$jscomp$0(
+                console.error(
                   'React encountered a <link rel="stylesheet" href="%s" ... /> with a `precedence` prop that also included %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                   type,
                   disabled,
@@ -19973,11 +20120,11 @@
               ("string" !== typeof props.rel ||
               "string" !== typeof props.href ||
               "" === props.href
-                ? error$jscomp$0(
+                ? console.error(
                     "Cannot render a <link> outside the main document without a `rel` and `href` prop. Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
                   )
                 : (props.onError || props.onLoad) &&
-                  error$jscomp$0(
+                  console.error(
                     "Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                   ));
             break;
@@ -19989,7 +20136,7 @@
                 (props = props.disabled),
                 "string" !== typeof type &&
                   outsideHostContainerContext &&
-                  error$jscomp$0(
+                  console.error(
                     'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.'
                   ),
                 "string" === typeof type && null == props
@@ -20012,13 +20159,13 @@
             outsideHostContainerContext &&
               (type
                 ? props.onLoad || props.onError
-                  ? error$jscomp$0(
+                  ? console.error(
                       "Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                     )
-                  : error$jscomp$0(
+                  : console.error(
                       "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop. Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or somewhere in the <body>."
                     )
-                : error$jscomp$0(
+                : console.error(
                     'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.'
                   ));
             break;
@@ -20027,7 +20174,7 @@
         case "noscript":
         case "template":
           outsideHostContainerContext &&
-            error$jscomp$0(
+            console.error(
               "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
               type
             );
@@ -20281,7 +20428,7 @@
       var key =
         3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
       willCoercionThrow(key) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(key)
         ),
@@ -20333,7 +20480,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -20349,7 +20496,7 @@
         null !== current &&
         !didWarnAboutNestedUpdates &&
         ((didWarnAboutNestedUpdates = !0),
-        error$jscomp$0(
+        console.error(
           "Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
           getComponentNameFromFiber(current) || "Unknown"
         ));
@@ -20358,7 +20505,7 @@
       callback = void 0 === callback ? null : callback;
       null !== callback &&
         ("function" !== typeof callback &&
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ),
@@ -20822,13 +20969,13 @@
             ),
             event = nativeEventClone;
           null !== currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = event;
           nextBlockedOn.target.dispatchEvent(nativeEventClone);
           null === currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = null;
@@ -20972,10 +21119,10 @@
     function warnIfReactDOMContainerInDEV(container) {
       container[internalContainerInstanceKey] &&
         (container._reactRootContainer
-          ? error$jscomp$0(
+          ? console.error(
               "You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."
             )
-          : error$jscomp$0(
+          : console.error(
               "You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."
             ));
     }
@@ -21011,13 +21158,9 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React = require("next/dist/compiled/react-experimental"),
-      Scheduler = require("next/dist/compiled/scheduler-experimental"),
+    var Scheduler = require("next/dist/compiled/scheduler-experimental"),
+      React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      suppressWarning = !1,
-      supportsCreateTask = !!console.createTask,
       REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -21042,6 +21185,8 @@
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
       ASYNC_ITERATOR = Symbol.asyncIterator,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       assign = Object.assign,
       disabledDepth = 0,
       prevLog,
@@ -21053,6 +21198,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -21173,6 +21319,7 @@
     var didWarnValueDefaultValue = !1;
     var valuePropNames = ["value", "defaultValue"],
       didWarnValDefaultVal = !1,
+      needsEscaping = /["'&<>\n\t]|^\s|\s$/,
       specialTags =
         "address applet area article aside base basefont bgsound blockquote body br button caption center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input isindex li link listing main marquee menu menuitem meta nav noembed noframes noscript object ol p param plaintext pre script section select source style summary table tbody td template textarea tfoot th thead title tr track ul wbr xmp".split(
           " "
@@ -22429,7 +22576,7 @@
         var sortedNames = setToSortedString(
           UNSAFE_componentWillMountUniqueNames
         );
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
           sortedNames
         );
@@ -22438,7 +22585,7 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillReceivePropsUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22446,13 +22593,13 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillUpdateUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillMountUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillMountUniqueNames)),
-        warn(
+        console.warn(
           "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22460,13 +22607,13 @@
         ((sortedNames = setToSortedString(
           componentWillReceivePropsUniqueNames
         )),
-        warn(
+        console.warn(
           "componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillUpdateUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillUpdateUniqueNames)),
-        warn(
+        console.warn(
           "componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22481,7 +22628,7 @@
       for (var node = fiber; null !== node; )
         node.mode & 8 && (strictRoot = node), (node = node.return);
       null === strictRoot
-        ? error$jscomp$0(
+        ? console.error(
             "Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue."
           )
         : !didWarnAboutLegacyContext.has(fiber.type) &&
@@ -22505,7 +22652,7 @@
           });
           var sortedNames = setToSortedString(uniqueNames);
           runWithFiberInDEV(firstFiber, function () {
-            error$jscomp$0(
+            console.error(
               "Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
               sortedNames
             );
@@ -22532,9 +22679,6 @@
       treeContextProvider = null,
       treeContextId = 1,
       treeContextOverflow = "",
-      maxRowLength = 120,
-      idealDepth = 15,
-      needsEscaping = /["'&<>\n\t]/,
       hydrationParentFiber = null,
       nextHydratableInstance = null,
       isHydrating = !1,
@@ -22553,7 +22697,7 @@
       ),
       noopSuspenseyCommitThenable = {
         then: function () {
-          error$jscomp$0(
+          console.error(
             'Internal React error: A listener was unexpectedly attached to a "noop" thenable. This is a bug in React. Please file an issue.'
           );
         }
@@ -22610,7 +22754,7 @@
               (childOwnerAppendix =
                 " It was passed a child from " + componentName + "."));
           runWithFiberInDEV(workInProgress, function () {
-            error$jscomp$0(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               currentComponentErrorInfo,
               childOwnerAppendix
@@ -22862,6 +23006,7 @@
     HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
       currentHookNameInDev = "useFormState";
       mountHookTypesDev();
+      warnOnUseFormStateInDev();
       return mountActionState(action, initialState);
     };
     HooksDispatcherOnMountInDEV.useActionState = function (
@@ -23842,6 +23987,7 @@
       didReceiveUpdate = !1;
     var didWarnAboutBadClass = {};
     var didWarnAboutContextTypeOnFunctionComponent = {};
+    var didWarnAboutContextTypes$1 = {};
     var didWarnAboutGetDerivedStateOnFunctionComponent = {};
     var didWarnAboutReassigningProps = !1;
     var didWarnAboutRevealOrder = {};
@@ -23874,6 +24020,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     Object.freeze(fakeInternalInstance);
@@ -23883,7 +24031,7 @@
           if (null !== owner && isRendering && 1 === owner.tag) {
             var instance = owner.stateNode;
             instance._warnedAboutRefsInRender ||
-              error$jscomp$0(
+              console.error(
                 "%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
                 getComponentNameFromFiber(owner) || "A component"
               );
@@ -23959,7 +24107,7 @@
       var nonExtensibleObject = Object.preventExtensions({});
       new Map([[nonExtensibleObject, null]]);
       new Set([nonExtensibleObject]);
-    } catch (e$44) {
+    } catch (e$21) {
       hasBadMapPolyfill = !0;
     }
     var DefaultAsyncDispatcher = {
@@ -24415,7 +24563,12 @@
       suspendedState = null,
       LAST_PRECEDENCE = null,
       precedencesByRoot = null,
-      NotPendingTransition = NotPending;
+      NotPendingTransition = NotPending,
+      badgeFormat = "%c%s%c ",
+      badgeStyle =
+        "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+      resetStyle = "",
+      pad = " ";
     var didWarnAboutNestedUpdates = !1;
     var overrideHookState = null,
       overrideHookStateDeletePath = null,
@@ -24507,15 +24660,15 @@
         var root = this._internalRoot;
         if (null === root) throw Error("Cannot update an unmounted root.");
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p2
-          ? error$jscomp$0(
+          ? console.error(
               "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
             )
           : isValidContainer(JSCompiler_OptimizeArgumentsArray_p2)
-          ? error$jscomp$0(
+          ? console.error(
               "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
             )
           : "undefined" !== typeof JSCompiler_OptimizeArgumentsArray_p2 &&
-            error$jscomp$0(
+            console.error(
               "You passed a second argument to root.render(...) but it only accepts one argument."
             );
         JSCompiler_OptimizeArgumentsArray_p2 = root.current;
@@ -24532,7 +24685,7 @@
     ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
       function (JSCompiler_OptimizeArgumentsArray_p3) {
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p3 &&
-          error$jscomp$0(
+          console.error(
             "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
           );
         JSCompiler_OptimizeArgumentsArray_p3 = this._internalRoot;
@@ -24540,7 +24693,7 @@
           this._internalRoot = null;
           var container = JSCompiler_OptimizeArgumentsArray_p3.containerInfo;
           (executionContext & (RenderContext | CommitContext)) !== NoContext &&
-            error$jscomp$0(
+            console.error(
               "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
             );
           updateContainerSync(
@@ -24572,11 +24725,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24586,7 +24739,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://react.dev/link/react-polyfills"
       );
     ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -24631,12 +24784,12 @@
           scheduleRoot: scheduleRoot,
           setRefreshHandler: setRefreshHandler,
           getCurrentFiber: getCurrentFiberForDevTools,
-          reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+          reconcilerVersion: "19.0.0-experimental-01172397-20240716"
         });
       })({
         findFiberByHostInstance: getClosestInstanceFromNode,
         bundleType: 1,
-        version: "19.0.0-experimental-dfd30974ab-20240613",
+        version: "19.0.0-experimental-01172397-20240716",
         rendererPackageName: "react-dom"
       }) &&
       canUseDOM &&
@@ -24681,7 +24834,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -24706,13 +24859,13 @@
       null !== options &&
         void 0 !== options &&
         (options.hydrate
-          ? warn(
+          ? console.warn(
               "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
             )
           : "object" === typeof options &&
             null !== options &&
             options.$$typeof === REACT_ELEMENT_TYPE &&
-            error$jscomp$0(
+            console.error(
               "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
             ),
         !0 === options.unstable_strictMode && (isStrictMode = !0),
@@ -24761,7 +24914,7 @@
         (ReactSharedInternals.T = previousTransition),
           (ReactDOMSharedInternals.p = previousUpdatePriority),
           ReactDOMSharedInternals.d.f() &&
-            error$jscomp$0(
+            console.error(
               "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
             );
       }
@@ -24771,7 +24924,7 @@
         throw Error("Target container is not a DOM element.");
       warnIfReactDOMContainerInDEV(container);
       void 0 === initialChildren &&
-        error$jscomp$0(
+        console.error(
           "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
         );
       var isStrictMode = !1,
@@ -24826,17 +24979,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error$jscomp$0(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error$jscomp$0(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -24854,18 +25007,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error$jscomp$0(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error$jscomp$0(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -24875,17 +25028,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error$jscomp$0(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error$jscomp$0(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -24943,7 +25096,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error$jscomp$0(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -24958,7 +25111,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error$jscomp$0(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -25000,7 +25153,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error$jscomp$0(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -25061,7 +25214,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error$jscomp$0(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -25096,7 +25249,7 @@
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js
index f328f6d338d00..104c47a9076d5 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js
@@ -74,7 +74,8 @@ Symbol.for("react.client.reference");
 var ReactSharedInternals =
     React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   assign = Object.assign,
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -82,8 +83,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -2030,19 +2037,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$304;
+  var JSCompiler_inline_result$jscomp$306;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_437 = "oninput" in document;
-    if (!isSupported$jscomp$inline_437) {
-      var element$jscomp$inline_438 = document.createElement("div");
-      element$jscomp$inline_438.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_437 =
-        "function" === typeof element$jscomp$inline_438.oninput;
+    var isSupported$jscomp$inline_439 = "oninput" in document;
+    if (!isSupported$jscomp$inline_439) {
+      var element$jscomp$inline_440 = document.createElement("div");
+      element$jscomp$inline_440.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_439 =
+        "function" === typeof element$jscomp$inline_440.oninput;
     }
-    JSCompiler_inline_result$jscomp$304 = isSupported$jscomp$inline_437;
-  } else JSCompiler_inline_result$jscomp$304 = !1;
+    JSCompiler_inline_result$jscomp$306 = isSupported$jscomp$inline_439;
+  } else JSCompiler_inline_result$jscomp$306 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$304 &&
+    JSCompiler_inline_result$jscomp$306 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3497,7 +3504,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       return firstChildFiber;
     } catch (x) {
       if (x === SuspenseException) throw x;
-      var fiber = createFiber(29, x, null, returnFiber.mode);
+      var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
       fiber.lanes = lanes;
       fiber.return = returnFiber;
       return fiber;
@@ -6061,7 +6068,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                     : null,
                 retryLane: 536870912
               }),
-              (JSCompiler_temp$jscomp$0 = createFiber(18, null, null, 0)),
+              (JSCompiler_temp$jscomp$0 = createFiberImplClass(
+                18,
+                null,
+                null,
+                0
+              )),
               (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
               (JSCompiler_temp$jscomp$0.return = workInProgress),
               (workInProgress.child = JSCompiler_temp$jscomp$0),
@@ -9686,7 +9698,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.actualStartTime = -1;
   this.treeBaseDuration = this.selfBaseDuration = 0;
 }
-function createFiber(tag, pendingProps, key, mode) {
+function createFiberImplClass(tag, pendingProps, key, mode) {
   return new FiberNode(tag, pendingProps, key, mode);
 }
 function shouldConstruct(Component) {
@@ -9696,7 +9708,7 @@ function shouldConstruct(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = createFiberImplClass(
         current.tag,
         pendingProps,
         current.key,
@@ -9801,7 +9813,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 2)),
+          (type = createFiberImplClass(12, pendingProps, key, mode | 2)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.lanes = lanes),
           (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
@@ -9809,14 +9821,14 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = createFiberImplClass(13, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = createFiberImplClass(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.lanes = lanes),
           type
@@ -9844,23 +9856,25 @@ function createFiberFromTypeAndProps(
               owner = null;
               break a;
           }
-        throw Error(
+        fiberTag = 29;
+        pendingProps = Error(
           formatProdErrorMessage(130, null === type ? "null" : typeof type, "")
         );
+        owner = null;
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = createFiberImplClass(fiberTag, pendingProps, key, mode);
   key.elementType = type;
   key.type = owner;
   key.lanes = lanes;
   return key;
 }
 function createFiberFromFragment(elements, mode, lanes, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = createFiberImplClass(7, elements, key, mode);
   elements.lanes = lanes;
   return elements;
 }
 function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  pendingProps = createFiber(22, pendingProps, key, mode);
+  pendingProps = createFiberImplClass(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
   var primaryChildInstance = {
@@ -9895,12 +9909,12 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
-  content = createFiber(6, content, null, mode);
+  content = createFiberImplClass(6, content, null, mode);
   content.lanes = lanes;
   return content;
 }
 function createFiberFromPortal(portal, mode, lanes) {
-  mode = createFiber(
+  mode = createFiberImplClass(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -12071,20 +12085,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1485 = 0;
-  i$jscomp$inline_1485 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1485++
+  var i$jscomp$inline_1487 = 0;
+  i$jscomp$inline_1487 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1487++
 ) {
-  var eventName$jscomp$inline_1486 =
-      simpleEventPluginEvents[i$jscomp$inline_1485],
-    domEventName$jscomp$inline_1487 =
-      eventName$jscomp$inline_1486.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1488 =
-      eventName$jscomp$inline_1486[0].toUpperCase() +
-      eventName$jscomp$inline_1486.slice(1);
+  var eventName$jscomp$inline_1488 =
+      simpleEventPluginEvents[i$jscomp$inline_1487],
+    domEventName$jscomp$inline_1489 =
+      eventName$jscomp$inline_1488.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1490 =
+      eventName$jscomp$inline_1488[0].toUpperCase() +
+      eventName$jscomp$inline_1488.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1487,
-    "on" + capitalizedEvent$jscomp$inline_1488
+    domEventName$jscomp$inline_1489,
+    "on" + capitalizedEvent$jscomp$inline_1490
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12859,6 +12873,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "style":
       setValueForStyles(domElement, value, prevValue);
       break;
+    case "data":
+      if ("object" !== tag) {
+        setValueForKnownAttribute(domElement, "data", value);
+        break;
+      }
     case "src":
     case "href":
       if ("" === value && ("a" !== tag || "href" !== key)) {
@@ -13227,127 +13246,152 @@ function setInitialProperties(domElement, tag, props) {
     case "p":
     case "li":
       break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
+    case "img":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      var hasSrc = !1,
+        hasSrcSet = !1,
+        propKey;
       for (propKey in props)
         if (props.hasOwnProperty(propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "src":
+                hasSrc = !0;
+                break;
+              case "srcSet":
+                hasSrcSet = !0;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(137, tag));
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      hasSrcSet &&
+        setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+      hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+      return;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var defaultValue = (propKey = propValue = hasSrcSet = null),
+        checked = null,
+        defaultChecked = null;
+      for (hasSrc in props)
+        if (props.hasOwnProperty(hasSrc)) {
+          var propValue$210 = props[hasSrc];
+          if (null != propValue$210)
+            switch (hasSrc) {
               case "name":
-                name = propValue;
+                hasSrcSet = propValue$210;
                 break;
               case "type":
-                type = propValue;
+                propValue = propValue$210;
                 break;
               case "checked":
-                checked = propValue;
+                checked = propValue$210;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue;
+                defaultChecked = propValue$210;
                 break;
               case "value":
-                value = propValue;
+                propKey = propValue$210;
                 break;
               case "defaultValue":
-                defaultValue = propValue;
+                defaultValue = propValue$210;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue)
+                if (null != propValue$210)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, propKey, propValue, props, null);
+                setProp(domElement, tag, hasSrc, propValue$210, props, null);
             }
         }
       initInput(
         domElement,
-        value,
+        propKey,
         defaultValue,
         checked,
         defaultChecked,
-        type,
-        name,
+        propValue,
+        hasSrcSet,
         !1
       );
       track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (type = value = null);
-      for (name in props)
+      hasSrc = propValue = propKey = null;
+      for (hasSrcSet in props)
         if (
-          props.hasOwnProperty(name) &&
-          ((defaultValue = props[name]), null != defaultValue)
+          props.hasOwnProperty(hasSrcSet) &&
+          ((defaultValue = props[hasSrcSet]), null != defaultValue)
         )
-          switch (name) {
+          switch (hasSrcSet) {
             case "value":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = defaultValue;
+              propValue = defaultValue;
               break;
             case "multiple":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
             default:
-              setProp(domElement, tag, name, defaultValue, props, null);
+              setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
           }
-      tag = value;
-      props = type;
-      domElement.multiple = !!propKey;
+      tag = propKey;
+      props = propValue;
+      domElement.multiple = !!hasSrc;
       null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
+        ? updateOptions(domElement, !!hasSrc, tag, !1)
+        : null != props && updateOptions(domElement, !!hasSrc, props, !0);
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      value = name = propKey = null;
-      for (type in props)
+      propKey = hasSrcSet = hasSrc = null;
+      for (propValue in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((defaultValue = props[type]), null != defaultValue)
+          props.hasOwnProperty(propValue) &&
+          ((defaultValue = props[propValue]), null != defaultValue)
         )
-          switch (type) {
+          switch (propValue) {
             case "value":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
               break;
             case "defaultValue":
-              name = defaultValue;
+              hasSrcSet = defaultValue;
               break;
             case "children":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
               if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, type, defaultValue, props, null);
+              setProp(domElement, tag, propValue, defaultValue, props, null);
           }
-      initTextarea(domElement, propKey, name, value);
+      initTextarea(domElement, hasSrc, hasSrcSet, propKey);
       track(domElement);
       return;
     case "option":
-      for (defaultValue in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultValue) &&
-          ((propKey = props[defaultValue]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((hasSrc = props[checked]), null != hasSrc)
         )
-          switch (defaultValue) {
+          switch (checked) {
             case "selected":
               domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
+                hasSrc &&
+                "function" !== typeof hasSrc &&
+                "symbol" !== typeof hasSrc;
               break;
             default:
-              setProp(domElement, tag, defaultValue, propKey, props, null);
+              setProp(domElement, tag, checked, hasSrc, props, null);
           }
       return;
     case "dialog":
@@ -13360,8 +13404,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "video":
     case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+        listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
       break;
     case "image":
       listenToNonDelegatedEvent("error", domElement);
@@ -13372,7 +13416,6 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "embed":
     case "source":
-    case "img":
     case "link":
       listenToNonDelegatedEvent("error", domElement),
         listenToNonDelegatedEvent("load", domElement);
@@ -13387,40 +13430,41 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (checked in props)
+      for (defaultChecked in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultChecked) &&
+          ((hasSrc = props[defaultChecked]), null != hasSrc)
         )
-          switch (checked) {
+          switch (defaultChecked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, checked, propKey, props, null);
+              setProp(domElement, tag, defaultChecked, hasSrc, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (defaultChecked in props)
-          props.hasOwnProperty(defaultChecked) &&
-            ((propKey = props[defaultChecked]),
-            void 0 !== propKey &&
+        for (propValue$210 in props)
+          props.hasOwnProperty(propValue$210) &&
+            ((hasSrc = props[propValue$210]),
+            void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                defaultChecked,
-                propKey,
+                propValue$210,
+                hasSrc,
                 props,
                 void 0
               ));
         return;
       }
   }
-  for (value in props)
-    props.hasOwnProperty(value) &&
-      ((propKey = props[value]),
-      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+  for (defaultValue in props)
+    props.hasOwnProperty(defaultValue) &&
+      ((hasSrc = props[defaultValue]),
+      null != hasSrc &&
+        setProp(domElement, tag, defaultValue, hasSrc, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -13456,14 +13500,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$225 in nextProps) {
-        var propKey = nextProps[propKey$225];
-        lastProp = lastProps[propKey$225];
+      for (var propKey$227 in nextProps) {
+        var propKey = nextProps[propKey$227];
+        lastProp = lastProps[propKey$227];
         if (
-          nextProps.hasOwnProperty(propKey$225) &&
+          nextProps.hasOwnProperty(propKey$227) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$225) {
+          switch (propKey$227) {
             case "type":
               type = propKey;
               break;
@@ -13492,7 +13536,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$225,
+                  propKey$227,
                   propKey,
                   nextProps,
                   lastProp
@@ -13511,7 +13555,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$225 = null;
+      propKey = value = defaultValue = propKey$227 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -13542,7 +13586,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$225 = type;
+              propKey$227 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -13563,15 +13607,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$225
-        ? updateOptions(domElement, !!lastProps, propKey$225, !1)
+      null != propKey$227
+        ? updateOptions(domElement, !!lastProps, propKey$227, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$225 = null;
+      propKey = propKey$227 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -13595,7 +13639,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$225 = name;
+              propKey$227 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -13609,17 +13653,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$225, propKey);
+      updateTextarea(domElement, propKey$227, propKey);
       return;
     case "option":
-      for (var propKey$241 in lastProps)
+      for (var propKey$243 in lastProps)
         if (
-          ((propKey$225 = lastProps[propKey$241]),
-          lastProps.hasOwnProperty(propKey$241) &&
-            null != propKey$225 &&
-            !nextProps.hasOwnProperty(propKey$241))
+          ((propKey$227 = lastProps[propKey$243]),
+          lastProps.hasOwnProperty(propKey$243) &&
+            null != propKey$227 &&
+            !nextProps.hasOwnProperty(propKey$243))
         )
-          switch (propKey$241) {
+          switch (propKey$243) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -13627,33 +13671,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$241,
+                propKey$243,
                 null,
                 nextProps,
-                propKey$225
+                propKey$227
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$225 = nextProps[lastDefaultValue]),
+          ((propKey$227 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$225 !== propKey &&
-            (null != propKey$225 || null != propKey))
+            propKey$227 !== propKey &&
+            (null != propKey$227 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$225 &&
-                "function" !== typeof propKey$225 &&
-                "symbol" !== typeof propKey$225;
+                propKey$227 &&
+                "function" !== typeof propKey$227 &&
+                "symbol" !== typeof propKey$227;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$225,
+                propKey$227,
                 nextProps,
                 propKey
               );
@@ -13674,24 +13718,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$246 in lastProps)
-        (propKey$225 = lastProps[propKey$246]),
-          lastProps.hasOwnProperty(propKey$246) &&
-            null != propKey$225 &&
-            !nextProps.hasOwnProperty(propKey$246) &&
-            setProp(domElement, tag, propKey$246, null, nextProps, propKey$225);
+      for (var propKey$248 in lastProps)
+        (propKey$227 = lastProps[propKey$248]),
+          lastProps.hasOwnProperty(propKey$248) &&
+            null != propKey$227 &&
+            !nextProps.hasOwnProperty(propKey$248) &&
+            setProp(domElement, tag, propKey$248, null, nextProps, propKey$227);
       for (checked in nextProps)
         if (
-          ((propKey$225 = nextProps[checked]),
+          ((propKey$227 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$225 !== propKey &&
-            (null != propKey$225 || null != propKey))
+            propKey$227 !== propKey &&
+            (null != propKey$227 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$225)
+              if (null != propKey$227)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -13699,7 +13743,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$225,
+                propKey$227,
                 nextProps,
                 propKey
               );
@@ -13707,49 +13751,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$251 in lastProps)
-          (propKey$225 = lastProps[propKey$251]),
-            lastProps.hasOwnProperty(propKey$251) &&
-              void 0 !== propKey$225 &&
-              !nextProps.hasOwnProperty(propKey$251) &&
+        for (var propKey$253 in lastProps)
+          (propKey$227 = lastProps[propKey$253]),
+            lastProps.hasOwnProperty(propKey$253) &&
+              void 0 !== propKey$227 &&
+              !nextProps.hasOwnProperty(propKey$253) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$251,
+                propKey$253,
                 void 0,
                 nextProps,
-                propKey$225
+                propKey$227
               );
         for (defaultChecked in nextProps)
-          (propKey$225 = nextProps[defaultChecked]),
+          (propKey$227 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$225 === propKey ||
-              (void 0 === propKey$225 && void 0 === propKey) ||
+              propKey$227 === propKey ||
+              (void 0 === propKey$227 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$225,
+                propKey$227,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$256 in lastProps)
-    (propKey$225 = lastProps[propKey$256]),
-      lastProps.hasOwnProperty(propKey$256) &&
-        null != propKey$225 &&
-        !nextProps.hasOwnProperty(propKey$256) &&
-        setProp(domElement, tag, propKey$256, null, nextProps, propKey$225);
+  for (var propKey$258 in lastProps)
+    (propKey$227 = lastProps[propKey$258]),
+      lastProps.hasOwnProperty(propKey$258) &&
+        null != propKey$227 &&
+        !nextProps.hasOwnProperty(propKey$258) &&
+        setProp(domElement, tag, propKey$258, null, nextProps, propKey$227);
   for (lastProp in nextProps)
-    (propKey$225 = nextProps[lastProp]),
+    (propKey$227 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$225 === propKey ||
-        (null == propKey$225 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$225, nextProps, propKey);
+        propKey$227 === propKey ||
+        (null == propKey$227 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$227, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -14294,26 +14338,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$264 = getResourcesFromRoot(
+        var styles$266 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$265 = styles$264.get(type);
-        resource$265 ||
+          resource$267 = styles$266.get(type);
+        resource$267 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$265 = {
+          (resource$267 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$264.set(type, resource$265),
-          (styles$264 = JSCompiler_inline_result.querySelector(
+          styles$266.set(type, resource$267),
+          (styles$266 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$264._p &&
-            ((resource$265.instance = styles$264),
-            (resource$265.state.loading = 5)),
+            !styles$266._p &&
+            ((resource$267.instance = styles$266),
+            (resource$267.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -14326,16 +14370,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$264 ||
+            styles$266 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$265.state
+                resource$267.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$265;
+        return resource$267;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -14432,37 +14476,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$270 = hoistableRoot.querySelector(
+        var instance$272 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$270)
+        if (instance$272)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$270),
-            markNodeAsHoistable(instance$270),
-            instance$270
+            (resource.instance = instance$272),
+            markNodeAsHoistable(instance$272),
+            instance$272
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$270 = (
+        instance$272 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$270);
-        var linkInstance = instance$270;
+        markNodeAsHoistable(instance$272);
+        var linkInstance = instance$272;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$270, "link", instance);
+        setInitialProperties(instance$272, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$270, props.precedence, hoistableRoot);
-        return (resource.instance = instance$270);
+        insertStylesheet(instance$272, props.precedence, hoistableRoot);
+        return (resource.instance = instance$272);
       case "script":
-        instance$270 = getScriptKey(props.src);
+        instance$272 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$270)
+            getScriptSelectorFromKey(instance$272)
           ))
         )
           return (
@@ -14471,7 +14515,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$270)))
+        if ((styleProps = preloadPropsMap.get(instance$272)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -14833,7 +14877,7 @@ function createFiberRoot(
   tag = 1;
   !0 === isStrictMode && (tag |= 24);
   isDevToolsPresent && (tag |= 2);
-  isStrictMode = createFiber(3, null, null, tag);
+  isStrictMode = createFiberImplClass(3, null, null, tag);
   containerInfo.current = isStrictMode;
   isStrictMode.stateNode = containerInfo;
   tag = createCache();
@@ -15509,16 +15553,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1735 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1737 = React.version;
 if (
-  "19.0.0-experimental-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_1735
+  "19.0.0-experimental-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_1737
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1735,
-      "19.0.0-experimental-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_1737,
+      "19.0.0-experimental-01172397-20240716"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15534,10 +15578,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var devToolsConfig$jscomp$inline_1742 = {
+var devToolsConfig$jscomp$inline_1744 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-experimental-dfd30974ab-20240613",
+  version: "19.0.0-experimental-01172397-20240716",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -15554,10 +15598,10 @@ var devToolsConfig$jscomp$inline_1742 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1742.bundleType,
-  version: devToolsConfig$jscomp$inline_1742.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1742.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1742.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1744.bundleType,
+  version: devToolsConfig$jscomp$inline_1744.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1744.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1744.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15573,14 +15617,14 @@ var devToolsConfig$jscomp$inline_1742 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1742.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1744.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+  reconcilerVersion: "19.0.0-experimental-01172397-20240716"
 });
 function noop() {}
 function getCrossOriginStringAs(as, input) {
@@ -15834,7 +15878,7 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js
index 35a8560ddd7a6..749dbecafab41 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js
@@ -41,37 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -313,7 +282,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -324,7 +293,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -335,7 +304,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -350,7 +319,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -361,17 +330,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -386,7 +355,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -394,7 +363,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -407,7 +376,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -427,13 +396,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -445,7 +414,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -466,7 +435,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -475,7 +444,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -484,7 +453,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -493,14 +462,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -512,7 +481,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -520,7 +489,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -532,7 +501,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -541,7 +510,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -610,7 +579,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -618,7 +587,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -667,7 +636,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -694,13 +663,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -888,7 +857,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -898,7 +867,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -909,7 +878,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -922,14 +891,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1017,7 +986,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1040,19 +1009,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1102,12 +1071,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1184,7 +1153,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1334,13 +1303,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1355,7 +1324,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1478,7 +1447,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1540,11 +1509,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1570,14 +1539,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1630,7 +1599,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1682,7 +1651,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1708,7 +1677,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1735,7 +1704,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -1775,7 +1744,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -1861,7 +1830,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -1877,7 +1846,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1886,7 +1855,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1953,7 +1922,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2021,13 +1990,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2101,33 +2070,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2136,16 +2155,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2161,7 +2180,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2172,7 +2191,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2182,7 +2201,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2192,13 +2211,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2244,19 +2263,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2271,7 +2290,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2302,23 +2321,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2338,34 +2357,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2373,14 +2392,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2393,7 +2412,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2412,100 +2431,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2513,10 +2532,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2580,7 +2599,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2633,56 +2652,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2692,20 +2711,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2715,10 +2734,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2881,7 +2900,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3200,7 +3219,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3258,7 +3277,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3500,7 +3519,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3603,7 +3622,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3616,7 +3635,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3716,7 +3735,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3757,7 +3776,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue2;
@@ -3819,14 +3838,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4014,7 +4033,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4025,8 +4044,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4180,37 +4205,71 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
-    function getStackByComponentStackNode(componentStack) {
-      try {
-        var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
-        return info;
-      } catch (x) {
-        return "\nError generating stack: " + x.message + "\n" + x.stack;
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function isNotExternal(stackFrame) {
+      return !externalRegExp.test(stackFrame);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
       }
+      return "";
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+          : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4275,12 +4334,14 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4348,11 +4409,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4371,13 +4433,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4392,11 +4454,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4416,13 +4479,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4448,16 +4511,185 @@
       };
     }
     function getCurrentStackInDEV() {
-      return null === currentTaskInDEV ||
-        null === currentTaskInDEV.componentStack
-        ? ""
-        : getStackByComponentStackNode(currentTaskInDEV.componentStack);
+      if (null === currentTaskInDEV || null === currentTaskInDEV.componentStack)
+        return "";
+      var componentStack = currentTaskInDEV.componentStack;
+      try {
+        var info = "";
+        if ("string" === typeof componentStack.type)
+          info += describeBuiltInComponentFrame(componentStack.type);
+        else if ("function" === typeof componentStack.type) {
+          if (!componentStack.owner) {
+            var JSCompiler_temp_const = info,
+              fn = componentStack.type,
+              name = fn ? fn.displayName || fn.name : "";
+            var JSCompiler_inline_result = name
+              ? describeBuiltInComponentFrame(name)
+              : "";
+            info = JSCompiler_temp_const + JSCompiler_inline_result;
+          }
+        } else
+          componentStack.owner ||
+            (info += describeComponentStackByType(componentStack.type));
+        for (; componentStack; ) {
+          var debugStack = componentStack.stack;
+          if ("string" !== typeof debugStack && null != debugStack) {
+            JSCompiler_temp_const = componentStack;
+            var stack = debugStack.stack;
+            stack.startsWith("Error: react-stack-top-frame\n") &&
+              (stack = stack.slice(29));
+            var frames = stack.split("\n").slice(1);
+            if (null === callComponentFrame) {
+              var stack$jscomp$0 = callComponentInDEV(
+                  Error,
+                  "react-stack-top-frame",
+                  {}
+                ).stack,
+                startIdx = stack$jscomp$0.startsWith(
+                  "Error: react-stack-top-frame\n"
+                )
+                  ? 29
+                  : 0,
+                endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+              callComponentFrame =
+                -1 === endIdx
+                  ? stack$jscomp$0.slice(startIdx)
+                  : stack$jscomp$0.slice(startIdx, endIdx);
+            }
+            var lastFrameIdx = frames.indexOf(callComponentFrame);
+            if (-1 === lastFrameIdx) {
+              if (null === callLazyInitFrame) {
+                var stack$jscomp$1 = callLazyInitInDEV({
+                    $$typeof: REACT_LAZY_TYPE,
+                    _init: Error,
+                    _payload: "react-stack-top-frame"
+                  }).stack,
+                  startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                    "Error: react-stack-top-frame\n"
+                  )
+                    ? 29
+                    : 0,
+                  endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                    "\n",
+                    startIdx$jscomp$0
+                  );
+                callLazyInitFrame =
+                  -1 === endIdx$jscomp$0
+                    ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                    : stack$jscomp$1.slice(startIdx$jscomp$0, endIdx$jscomp$0);
+              }
+              lastFrameIdx = frames.indexOf(callLazyInitFrame);
+              if (-1 === lastFrameIdx) {
+                if (null === callIteratorFrame)
+                  try {
+                    callRenderInDEV({ render: null }), (callIteratorFrame = "");
+                  } catch (error) {
+                    var stack$jscomp$2 = error.stack,
+                      startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                        "TypeError: "
+                      )
+                        ? stack$jscomp$2.indexOf("\n") + 1
+                        : 0,
+                      endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                        "\n",
+                        startIdx$jscomp$1
+                      );
+                    callIteratorFrame =
+                      -1 === endIdx$jscomp$1
+                        ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                        : stack$jscomp$2.slice(
+                            startIdx$jscomp$1,
+                            endIdx$jscomp$1
+                          );
+                  }
+                lastFrameIdx = frames.indexOf(callIteratorFrame);
+              }
+            }
+            if (-1 !== lastFrameIdx) {
+              frames.length = lastFrameIdx;
+              var JSCompiler_inline_result$jscomp$0 = frames
+                .filter(isNotExternal)
+                .join("\n");
+            } else JSCompiler_inline_result$jscomp$0 = "";
+            JSCompiler_temp_const.stack = debugStack =
+              JSCompiler_inline_result$jscomp$0;
+          }
+          (componentStack = componentStack.owner) &&
+            debugStack &&
+            (info += "\n" + debugStack);
+        }
+        var JSCompiler_inline_result$jscomp$1 = info;
+      } catch (x) {
+        JSCompiler_inline_result$jscomp$1 =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result$jscomp$1;
+    }
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            void 0 !== componentInfo.stack &&
+            ((task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            }),
+            (task.debugTask = componentInfo.task));
+        }
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner,
+              stack = node._debugStack;
+            pushServerComponentStack(task, node._debugInfo);
+            task.debugTask = node._debugTask;
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: stack
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node$jscomp$0) {
+      var errorInfo = {};
+      node$jscomp$0 &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            try {
+              var info = "",
+                node = node$jscomp$0;
+              do
+                (info += describeComponentStackByType(node.type)),
+                  (node = node.parent);
+              while (node);
+              var stack = info;
+            } catch (x) {
+              stack = "\nError generating stack: " + x.message + "\n" + x.stack;
+            }
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4481,20 +4713,31 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logPostpone(request, reason, postponeInfo, debugTask) {
+      request = request.onPostpone;
+      debugTask
+        ? debugTask.run(request.bind(null, reason, postponeInfo))
+        : request(reason, postponeInfo);
+    }
+    function logRecoverableError(request, error, errorInfo, debugTask) {
+      request = request.onError;
+      error = debugTask
+        ? debugTask.run(request.bind(null, error, errorInfo))
+        : request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
-    }
-    function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
-      onShellError(error);
+      else return error;
+    }
+    function fatalError(request, error, errorInfo, debugTask) {
+      errorInfo = request.onShellError;
+      var onFatalError = request.onFatalError;
+      debugTask
+        ? (debugTask.run(errorInfo.bind(null, error)),
+          debugTask.run(onFatalError.bind(null, error)))
+        : (errorInfo(error), onFatalError(error));
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4519,7 +4762,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4583,12 +4826,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4609,7 +4846,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4626,7 +4863,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4673,7 +4910,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4692,88 +4929,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4782,32 +5018,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4832,7 +5068,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4848,7 +5084,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4873,7 +5109,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4885,7 +5121,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4936,10 +5172,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4948,19 +5184,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4978,42 +5207,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5025,11 +5255,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5099,7 +5326,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5121,16 +5347,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5147,10 +5367,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5196,30 +5413,35 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 if (
-                  "object" === typeof error$2 &&
-                  null !== error$2 &&
-                  error$2.$$typeof === REACT_POSTPONE_TYPE
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
                 ) {
-                  request.onPostpone(error$2.message, thrownInfo);
+                  logPostpone(
+                    request,
+                    error.message,
+                    thrownInfo,
+                    task.debugTask
+                  );
                   var errorDigest = "POSTPONE";
                 } else
                   errorDigest = logRecoverableError(
                     request,
-                    error$2,
-                    thrownInfo
+                    error,
+                    thrownInfo,
+                    task.debugTask
                   );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5228,8 +5450,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5264,12 +5485,14 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
-                !0
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5277,12 +5500,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5305,7 +5522,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5321,7 +5537,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5343,7 +5559,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue2 =
@@ -5351,7 +5567,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5360,7 +5576,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5368,7 +5584,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue2),
@@ -5378,12 +5594,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5428,381 +5640,396 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
-              var name = getComponentNameFromType(type),
-                keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
-                          throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
-                        task.replay = {
-                          nodes: childNodes,
-                          slots: name,
-                          pendingTasks: 1
-                        };
-                        try {
-                          renderElement(request, task, key, type, props, ref);
-                          if (
-                            1 === task.replay.pendingTasks &&
-                            0 < task.replay.nodes.length
-                          )
-                            throw Error(
-                              "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                            );
-                          task.replay.pendingTasks--;
-                        } catch (x) {
-                          if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
-                              request,
-                              fallbackAbortSet
-                            );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              "object" === typeof error$3 &&
-                              null !== error$3 &&
-                              error$3.$$typeof === REACT_POSTPONE_TYPE
-                                ? (request.onPostpone(
-                                    error$3.message,
-                                    childNodes
-                                  ),
-                                  (type = "POSTPONE"))
-                                : (type = logRecoverableError(
-                                    request,
-                                    error$3,
-                                    childNodes
-                                  )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          task = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(task);
-                        }
-                      }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
-                    }
-                  }
+    function replayElement(
+      request,
+      task,
+      keyPath,
+      name,
+      keyOrIndex,
+      childIndex,
+      type,
+      props,
+      ref,
+      replay
+    ) {
+      childIndex = replay.nodes;
+      for (var i = 0; i < childIndex.length; i++) {
+        var node = childIndex[i];
+        if (keyOrIndex === node[1]) {
+          if (4 === node.length) {
+            if (null !== name && name !== node[0])
+              throw Error(
+                "Expected the resume to render <" +
+                  node[0] +
+                  "> in this slot but instead it rendered <" +
+                  name +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            var childNodes = node[2];
+            node = node[3];
+            name = task.node;
+            task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+            try {
+              renderElement(request, task, keyPath, type, props, ref);
+              if (
+                1 === task.replay.pendingTasks &&
+                0 < task.replay.nodes.length
+              )
+                throw Error(
+                  "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                );
+              task.replay.pendingTasks--;
+            } catch (x) {
+              if (
+                "object" === typeof x &&
+                null !== x &&
+                (x === SuspenseException || "function" === typeof x.then)
+              )
+                throw (task.node === name && (task.replay = replay), x);
+              task.replay.pendingTasks--;
+              props = getThrownInfo(task.componentStack);
+              erroredReplay(
+                request,
+                task.blockedBoundary,
+                x,
+                props,
+                childNodes,
+                node,
+                task.debugTask
+              );
+            }
+            task.replay = replay;
+          } else {
+            if (type !== REACT_SUSPENSE_TYPE)
+              throw Error(
+                "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                  (getComponentNameFromType(type) || "Unknown") +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            a: {
+              replay = void 0;
+              type = node[5];
+              ref = node[2];
+              name = node[3];
+              keyOrIndex = null === node[4] ? [] : node[4][2];
+              node = null === node[4] ? null : node[4][3];
+              var prevKeyPath = task.keyPath,
+                previousReplaySet = task.replay,
+                parentBoundary = task.blockedBoundary,
+                parentHoistableState = task.hoistableState,
+                content = props.children;
+              props = props.fallback;
+              var fallbackAbortSet = new Set(),
+                resumedBoundary = createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet
+                );
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = type;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
+              task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+              try {
+                renderNode(request, task, content, -1);
+                if (
+                  1 === task.replay.pendingTasks &&
+                  0 < task.replay.nodes.length
+                )
+                  throw Error(
+                    "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                  );
+                task.replay.pendingTasks--;
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  resumedBoundary.status === PENDING
+                ) {
+                  resumedBoundary.status = COMPLETED;
+                  request.completedBoundaries.push(resumedBoundary);
+                  break a;
                 }
-              else renderElement(request, task, key, type, props, ref);
+              } catch (error) {
+                (resumedBoundary.status = CLIENT_RENDERED),
+                  (childNodes = getThrownInfo(task.componentStack)),
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
+                    ? (logPostpone(
+                        request,
+                        error.message,
+                        childNodes,
+                        task.debugTask
+                      ),
+                      (replay = "POSTPONE"))
+                    : (replay = logRecoverableError(
+                        request,
+                        error,
+                        childNodes,
+                        task.debugTask
+                      )),
+                  encodeErrorForBoundary(
+                    resumedBoundary,
+                    replay,
+                    error,
+                    childNodes,
+                    !1
+                  ),
+                  task.replay.pendingTasks--,
+                  request.clientRenderedBoundaries.push(resumedBoundary);
+              } finally {
+                (task.blockedBoundary = parentBoundary),
+                  (task.hoistableState = parentHoistableState),
+                  (task.replay = previousReplaySet),
+                  (task.keyPath = prevKeyPath);
+              }
+              props = createReplayTask(
+                request,
+                null,
+                { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                props,
+                -1,
+                parentBoundary,
+                resumedBoundary.fallbackState,
+                fallbackAbortSet,
+                [keyPath[0], "Suspense Fallback", keyPath[2]],
+                task.formatContext,
+                task.context,
+                task.treeContext,
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
+              );
+              pushComponentStack(props);
+              request.pingedTasks.push(props);
+            }
+          }
+          childIndex.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          (childIndex = task.debugTask),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node),
+          (task.debugTask = childIndex));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = node.type,
+                key = node.key;
+              node = node.props;
+              var ref = node.ref;
+              ref = void 0 !== ref ? ref : null;
+              var debugTask = task.debugTask,
+                name = getComponentNameFromType(type);
+              key = null == key ? (-1 === childIndex ? 0 : childIndex) : key;
+              var keyPath = [task.keyPath, name, key];
+              null !== task.replay
+                ? debugTask
+                  ? debugTask.run(
+                      replayElement.bind(
+                        null,
+                        request,
+                        task,
+                        keyPath,
+                        name,
+                        key,
+                        childIndex,
+                        type,
+                        node,
+                        ref,
+                        task.replay
+                      )
+                    )
+                  : replayElement(
+                      request,
+                      task,
+                      keyPath,
+                      name,
+                      key,
+                      childIndex,
+                      type,
+                      node,
+                      ref,
+                      task.replay
+                    )
+                : debugTask
+                ? debugTask.run(
+                    renderElement.bind(
+                      null,
+                      request,
+                      task,
+                      keyPath,
+                      type,
+                      node,
+                      ref
+                    )
+                  )
+                : renderElement(request, task, keyPath, type, node, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
-            : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+          null === node || "object" !== typeof node
+            ? (key = null)
+            : ((type =
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (key = "function" === typeof type ? type : null));
+          if (key && (type = key.call(node))) {
+            if (type === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
-                "[object Generator]" !==
-                  Object.prototype.toString.call(childNodes)
+                "[object Generator]" !== Object.prototype.toString.call(type)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== key ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = type.next();
+            if (!node.done) {
+              key = [];
+              do key.push(node.value), (node = type.next());
+              while (!node.done);
+              renderChildrenArray(request, task, key, childIndex);
             }
             return;
           }
           if (
-            "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-            (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+            "function" === typeof node[ASYNC_ITERATOR] &&
+            (type = node[ASYNC_ITERATOR]())
           ) {
-            childNodes !== node$jscomp$0 ||
+            type !== node ||
               (-1 === childIndex &&
                 null !== task.componentStack &&
-                1 === task.componentStack.tag &&
+                "function" === typeof task.componentStack.type &&
                 "[object AsyncGeneratorFunction]" ===
                   Object.prototype.toString.call(task.componentStack.type) &&
                 "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(childNodes)) ||
+                  Object.prototype.toString.call(type)) ||
               (didWarnAboutGenerators ||
-                error$jscomp$2(
+                console.error(
                   "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
                 ),
               (didWarnAboutGenerators = !0));
-            type = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "AsyncIterable"
-            );
             key = task.thenableState;
             task.thenableState = null;
             thenableIndexCounter = 0;
             thenableState = key;
             key = [];
-            props = !1;
-            if (childNodes === node$jscomp$0)
-              for (
-                node$jscomp$0 = readPreviousThenableFromState();
-                void 0 !== node$jscomp$0;
-
-              ) {
-                if (node$jscomp$0.done) {
-                  props = !0;
+            ref = !1;
+            if (type === node)
+              for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+                if (node.done) {
+                  ref = !0;
                   break;
                 }
-                key.push(node$jscomp$0.value);
-                node$jscomp$0 = readPreviousThenableFromState();
+                key.push(node.value);
+                node = readPreviousThenableFromState();
               }
-            if (!props)
-              for (
-                node$jscomp$0 = unwrapThenable(childNodes.next());
-                !node$jscomp$0.done;
-
-              )
-                key.push(node$jscomp$0.value),
-                  (node$jscomp$0 = unwrapThenable(childNodes.next()));
-            task.componentStack = type;
+            if (!ref)
+              for (node = unwrapThenable(type.next()); !node.done; )
+                key.push(node.value), (node = unwrapThenable(type.next()));
             renderChildrenArray(request, task, key, childIndex);
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue2,
+              node._currentValue2,
               childIndex
             );
-          request = Object.prototype.toString.call(node$jscomp$0);
+          request = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === request
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : request) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((request =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((request = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 request,
                 request
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      var previousDebugTask = task.debugTask;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5836,14 +6063,15 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
                 x,
                 children,
                 childIndex,
-                node
+                node,
+                task.debugTask
               );
             }
             task.replay = replay;
@@ -5852,6 +6080,8 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       replay = task.treeContext;
@@ -5877,6 +6107,8 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5902,39 +6134,56 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: resumeSegmentID._debugStack
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
+      task.debugTask = previousDebugTask;
     }
     function trackPostpone(request, trackedPostpones, task, segment) {
       segment.status = POSTPONED;
@@ -6046,11 +6295,11 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
         previousComponentStack = task.componentStack,
+        previousDebugTask = task.debugTask,
         segment = task.blockedSegment;
       if (null === segment)
         try {
@@ -6079,19 +6328,20 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
-              task.isFallback
+              task.componentStack,
+              task.isFallback,
+              emptyContextObject,
+              task.debugTask
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
             task.componentStack = previousComponentStack;
+            task.debugTask = previousDebugTask;
             switchContext(previousContext);
             return;
           }
@@ -6101,15 +6351,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (childIndex =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof childIndex && null !== childIndex)
           ) {
             if ("function" === typeof childIndex.then) {
@@ -6137,21 +6387,20 @@
                 task.abortSet,
                 task.keyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                null !== task.componentStack
-                  ? task.componentStack.parent
-                  : null,
-                task.isFallback
+                task.componentStack,
+                task.isFallback,
+                emptyContextObject,
+                task.debugTask
               ).ping;
               node.then(request, request);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6161,8 +6410,8 @@
               null !== task.blockedBoundary
             ) {
               node = request.trackedPostpones;
-              segment = getThrownInfo(request, task.componentStack);
-              request.onPostpone(childIndex.message, segment);
+              segment = getThrownInfo(task.componentStack);
+              logPostpone(request, childIndex.message, segment, task.debugTask);
               childIndex = task.blockedSegment;
               segment = createPendingSegment(
                 request,
@@ -6176,11 +6425,11 @@
               childIndex.lastPushedText = !1;
               trackPostpone(request, node, task, segment);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6188,7 +6437,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6201,23 +6449,27 @@
       error,
       errorInfo,
       replayNodes,
-      resumeSlots
+      resumeSlots,
+      debugTask
     ) {
-      if (
-        "object" === typeof error &&
-        null !== error &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        request.onPostpone(error.message, errorInfo);
-        var errorDigest = "POSTPONE";
-      } else errorDigest = logRecoverableError(request, error, errorInfo);
+      "object" === typeof error &&
+      null !== error &&
+      error.$$typeof === REACT_POSTPONE_TYPE
+        ? (logPostpone(request, error.message, errorInfo, debugTask),
+          (debugTask = "POSTPONE"))
+        : (debugTask = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            debugTask
+          ));
       abortRemainingReplayNodes(
         request,
         boundary,
         replayNodes,
         resumeSlots,
         error,
-        errorDigest,
+        debugTask,
         errorInfo,
         !1
       );
@@ -6308,10 +6560,10 @@
                   "The render was aborted with postpone when the shell is incomplete. Reason: " +
                     error.message
                 )),
-                logRecoverableError(request, task, boundary),
-                fatalError(request, task))
-              : (logRecoverableError(request, error, boundary),
-                fatalError(request, error));
+                logRecoverableError(request, task, boundary, null),
+                fatalError(request, task, boundary, null))
+              : (logRecoverableError(request, error, boundary, null),
+                fatalError(request, error, boundary, null));
             return;
           }
           task.pendingTasks--;
@@ -6320,9 +6572,9 @@
             ("object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, boundary),
+              ? (logPostpone(request, error.message, boundary, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, boundary)),
+              : (segment = logRecoverableError(request, error, boundary, null)),
             abortRemainingReplayNodes(
               request,
               null,
@@ -6340,13 +6592,13 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             "object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, task),
+              ? (logPostpone(request, error.message, task, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, task)),
+              : (segment = logRecoverableError(request, error, task, null)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
             boundary.parentFlushed &&
@@ -6404,7 +6656,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6419,8 +6671,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {}, null);
       }
     }
     function completeShell(request) {
@@ -6521,12 +6773,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6551,22 +6806,18 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
                       x,
                       errorInfo,
                       request.replay.nodes,
-                      request.replay.slots
+                      request.replay.slots,
+                      request.debugTask
                     );
                     request$jscomp$0.pendingRootTasks--;
                     0 === request$jscomp$0.pendingRootTasks &&
@@ -6591,12 +6842,7 @@
                   var childrenLength = segment$jscomp$0.children.length,
                     chunkLength = segment$jscomp$0.chunks.length;
                   try {
-                    renderNodeDestructive(
-                      request,
-                      task$jscomp$0,
-                      task$jscomp$0.node,
-                      task$jscomp$0.childIndex
-                    ),
+                    retryNode(request, task$jscomp$0),
                       request.renderState.generateStaticMarkup ||
                         (segment$jscomp$0.lastPushedText &&
                           segment$jscomp$0.textEmbedded &&
@@ -6622,9 +6868,6 @@
                         x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                         task$jscomp$0.thenableState =
                           getThenableStateAfterSuspending();
-                        null !== task$jscomp$0.componentStack &&
-                          (task$jscomp$0.componentStack =
-                            task$jscomp$0.componentStack.parent);
                         break a;
                       }
                       if (
@@ -6634,10 +6877,14 @@
                         var trackedPostpones = request.trackedPostpones;
                         task$jscomp$0.abortSet.delete(task$jscomp$0);
                         var postponeInfo = getThrownInfo(
-                          request,
                           task$jscomp$0.componentStack
                         );
-                        request.onPostpone(x$jscomp$0.message, postponeInfo);
+                        logPostpone(
+                          request,
+                          x$jscomp$0.message,
+                          postponeInfo,
+                          task$jscomp$0.debugTask
+                        );
                         trackPostpone(
                           request,
                           trackedPostpones,
@@ -6653,27 +6900,35 @@
                       }
                     }
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
                     segment$jscomp$0.status = 4;
-                    var boundary = task$jscomp$0.blockedBoundary;
+                    var boundary = task$jscomp$0.blockedBoundary,
+                      debugTask = task$jscomp$0.debugTask;
                     "object" === typeof x$jscomp$0 &&
                     null !== x$jscomp$0 &&
                     x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                      ? (request.onPostpone(
+                      ? (logPostpone(
+                          request,
                           x$jscomp$0.message,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ),
                         (prevTaskInDEV = "POSTPONE"))
                       : (prevTaskInDEV = logRecoverableError(
                           request,
                           x$jscomp$0,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ));
                     null === boundary
-                      ? fatalError(request, x$jscomp$0)
+                      ? fatalError(
+                          request,
+                          x$jscomp$0,
+                          errorInfo$jscomp$0,
+                          debugTask
+                        )
                       : (boundary.pendingTasks--,
                         boundary.status !== CLIENT_RENDERED &&
                           ((boundary.status = CLIENT_RENDERED),
@@ -6701,9 +6956,10 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          (pingedTasks = {}),
+            logRecoverableError(request$jscomp$1, error, pingedTasks, null),
+            fatalError(request$jscomp$1, error, pingedTasks, null);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7299,7 +7555,7 @@
               destination.push(partialBoundaries)),
             i.hasHtml && ((i = endChunkForTag("html")), destination.push(i))),
           0 !== request.abortableTasks.size &&
-            error$jscomp$2(
+            console.error(
               "There was still abortable task at the root when we closed. This is a bug in React."
             ),
           destination.push(null),
@@ -7332,9 +7588,10 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          (destination = {}),
+            logRecoverableError(request, error, destination, null),
+            fatalError(request, error, destination, null);
         }
       }
     }
@@ -7353,8 +7610,10 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        (reason = {}),
+          logRecoverableError(request, error$3, reason, null),
+          fatalError(request, error$3, reason, null);
       }
     }
     function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -7420,9 +7679,6 @@
     }
     var React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -8124,6 +8380,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -8155,7 +8413,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -8204,7 +8462,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -8247,7 +8505,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -8317,7 +8575,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8643,6 +8901,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8802,12 +9062,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8820,18 +9083,23 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
     )();
-    var CLIENT_RENDERED = 4,
+    var externalRegExp = /\/node_modules\/|\(<anonymous>\)/,
+      callComponentFrame = null,
+      callIteratorFrame = null,
+      callLazyInitFrame = null,
+      CLIENT_RENDERED = 4,
       PENDING = 0,
       COMPLETED = 1,
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8853,5 +9121,5 @@
         'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
       );
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js
index 153273eb27c7e..4b0d05d7ed67d 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js
@@ -1255,22 +1255,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1284,7 +1326,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1292,7 +1334,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1335,19 +1377,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1362,7 +1404,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1392,9 +1434,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1407,42 +1449,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1464,26 +1506,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1491,80 +1533,80 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7) throw Error(formatProdErrorMessage(60));
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8) throw Error(formatProdErrorMessage(60));
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(formatProdErrorMessage(61));
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1606,7 +1648,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1621,14 +1663,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1639,7 +1681,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1677,56 +1719,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [""];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1736,18 +1778,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1755,8 +1797,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2233,7 +2275,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2282,7 +2324,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2324,7 +2366,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2390,7 +2432,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -2626,16 +2668,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1688 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1652 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1702 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1703 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1704 = new Set(),
-    JSCompiler_object_inline_styles_1705 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1706 = new Set(),
-    JSCompiler_object_inline_scripts_1707 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1708 = new Set(),
-    JSCompiler_object_inline_preloads_1709 = {
+  var JSCompiler_object_inline_preconnects_1666 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1667 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1668 = new Set(),
+    JSCompiler_object_inline_styles_1669 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1670 = new Set(),
+    JSCompiler_object_inline_scripts_1671 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1672 = new Set(),
+    JSCompiler_object_inline_preloads_1673 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2672,7 +2714,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1706.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1670.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2713,7 +2755,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1706.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1670.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2728,7 +2770,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1688,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1652,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2748,14 +2790,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1702,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1703,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1704,
-    styles: JSCompiler_object_inline_styles_1705,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1706,
-    scripts: JSCompiler_object_inline_scripts_1707,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1708,
-    preloads: JSCompiler_object_inline_preloads_1709,
+    preconnects: JSCompiler_object_inline_preconnects_1666,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1667,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1668,
+    styles: JSCompiler_object_inline_styles_1669,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1670,
+    scripts: JSCompiler_object_inline_scripts_1671,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1672,
+    preloads: JSCompiler_object_inline_preloads_1673,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -3300,7 +3342,8 @@ var currentResumableState = null,
       throw Error(formatProdErrorMessage(248));
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3308,8 +3351,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3443,8 +3492,58 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+      : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3508,12 +3607,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3579,7 +3678,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3602,7 +3700,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3623,7 +3720,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3647,7 +3743,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3678,44 +3773,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3778,119 +3884,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue2);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue2
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue2);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue2
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3899,43 +3987,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -3958,23 +4042,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -3994,13 +4077,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error(formatProdErrorMessage(343));
@@ -4015,25 +4095,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -4049,8 +4124,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4061,77 +4136,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4139,23 +4196,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4167,7 +4218,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4175,7 +4225,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue2;
           type._currentValue2 = props;
@@ -4195,7 +4245,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue2 = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4206,12 +4256,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4246,22 +4293,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4270,18 +4323,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
-                      throw Error(formatProdErrorMessage(490, node[0], name));
-                    var childNodes = node[2];
-                    name = node[3];
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
+                      throw Error(
+                        formatProdErrorMessage(490, node$jscomp$0[0], name)
+                      );
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4308,7 +4359,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4330,15 +4381,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4376,14 +4426,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4399,13 +4446,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4413,16 +4463,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4432,121 +4482,93 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
         case REACT_PORTAL_TYPE:
           throw Error(formatProdErrorMessage(257));
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue2,
+          node._currentValue2,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         formatProdErrorMessage(
           31,
           "[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request
         )
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -4582,7 +4604,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -4660,9 +4682,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$42
-        ? ((boundaryNode$42 = [
+      var boundaryNode$41 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$41
+        ? ((boundaryNode$41 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -4670,13 +4692,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$41),
           addToReplayParent(
-            boundaryNode$42,
+            boundaryNode$41,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$42),
+        : ((boundaryKeyPath = boundaryNode$41),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -4729,7 +4751,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4762,15 +4783,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4784,15 +4803,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$48) {
+    } catch (thrownValue$47) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$48 === SuspenseException
+          thrownValue$47 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$48),
+            : thrownValue$47),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -4820,15 +4839,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4842,8 +4859,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -4857,7 +4874,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4869,7 +4885,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4887,7 +4902,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -4970,7 +4985,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -4988,11 +5003,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5047,7 +5062,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5152,12 +5167,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5180,15 +5198,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5216,12 +5229,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   request.renderState.generateStaticMarkup ||
                     (segment$jscomp$0.lastPushedText &&
                       segment$jscomp$0.textEmbedded &&
@@ -5242,8 +5250,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5252,11 +5258,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5271,17 +5274,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -5704,11 +5708,11 @@ function flushCompletedQueues(request, destination) {
       completedBoundaries.splice(0, i);
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$54 = partialBoundaries[i];
+        var boundary$53 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$54.completedSegments;
+          var completedSegments = boundary$53.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -5718,7 +5722,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$54,
+                boundary$53,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -5730,7 +5734,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$54.contentState,
+            boundary$53.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -5806,8 +5810,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$56) {
-    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
+  } catch (error$55) {
+    logRecoverableError(request, error$55, {}), fatalError(request, error$55);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -5887,4 +5891,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js
index 97b6bb31b2643..44352534cc180 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js
@@ -41,37 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -313,7 +282,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -324,7 +293,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -335,7 +304,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -350,7 +319,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -361,17 +330,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -386,7 +355,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -394,7 +363,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -407,7 +376,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -427,13 +396,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -445,7 +414,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -466,7 +435,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -475,7 +444,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -484,7 +453,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -493,14 +462,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -512,7 +481,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -520,7 +489,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -532,7 +501,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -541,7 +510,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -610,7 +579,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -618,7 +587,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -667,7 +636,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -694,13 +663,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -888,7 +857,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -898,7 +867,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -909,7 +878,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -922,14 +891,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1017,7 +986,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1040,19 +1009,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1102,12 +1071,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1184,7 +1153,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1334,13 +1303,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1355,7 +1324,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1478,7 +1447,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1540,11 +1509,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1570,14 +1539,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1630,7 +1599,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1682,7 +1651,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1708,7 +1677,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1735,7 +1704,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -1775,7 +1744,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -1861,7 +1830,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -1877,7 +1846,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1886,7 +1855,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1953,7 +1922,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2021,13 +1990,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2101,33 +2070,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2136,16 +2155,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2161,7 +2180,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2172,7 +2191,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2182,7 +2201,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2192,13 +2211,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2244,19 +2263,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2271,7 +2290,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2302,23 +2321,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2338,34 +2357,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2373,14 +2392,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2393,7 +2412,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2412,100 +2431,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2513,10 +2532,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2580,7 +2599,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2633,56 +2652,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2692,20 +2711,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2715,10 +2734,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2881,7 +2900,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3200,7 +3219,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3258,7 +3277,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3500,7 +3519,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3603,7 +3622,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3616,7 +3635,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3716,7 +3735,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3757,7 +3776,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue2;
@@ -3819,14 +3838,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4014,7 +4033,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4025,8 +4044,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4180,37 +4205,71 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
-    function getStackByComponentStackNode(componentStack) {
-      try {
-        var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
-        return info;
-      } catch (x) {
-        return "\nError generating stack: " + x.message + "\n" + x.stack;
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function isNotExternal(stackFrame) {
+      return !externalRegExp.test(stackFrame);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
       }
+      return "";
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+          : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4275,12 +4334,14 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4348,11 +4409,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4371,13 +4433,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4392,11 +4454,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4416,13 +4479,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4448,16 +4511,185 @@
       };
     }
     function getCurrentStackInDEV() {
-      return null === currentTaskInDEV ||
-        null === currentTaskInDEV.componentStack
-        ? ""
-        : getStackByComponentStackNode(currentTaskInDEV.componentStack);
+      if (null === currentTaskInDEV || null === currentTaskInDEV.componentStack)
+        return "";
+      var componentStack = currentTaskInDEV.componentStack;
+      try {
+        var info = "";
+        if ("string" === typeof componentStack.type)
+          info += describeBuiltInComponentFrame(componentStack.type);
+        else if ("function" === typeof componentStack.type) {
+          if (!componentStack.owner) {
+            var JSCompiler_temp_const = info,
+              fn = componentStack.type,
+              name = fn ? fn.displayName || fn.name : "";
+            var JSCompiler_inline_result = name
+              ? describeBuiltInComponentFrame(name)
+              : "";
+            info = JSCompiler_temp_const + JSCompiler_inline_result;
+          }
+        } else
+          componentStack.owner ||
+            (info += describeComponentStackByType(componentStack.type));
+        for (; componentStack; ) {
+          var debugStack = componentStack.stack;
+          if ("string" !== typeof debugStack && null != debugStack) {
+            JSCompiler_temp_const = componentStack;
+            var stack = debugStack.stack;
+            stack.startsWith("Error: react-stack-top-frame\n") &&
+              (stack = stack.slice(29));
+            var frames = stack.split("\n").slice(1);
+            if (null === callComponentFrame) {
+              var stack$jscomp$0 = callComponentInDEV(
+                  Error,
+                  "react-stack-top-frame",
+                  {}
+                ).stack,
+                startIdx = stack$jscomp$0.startsWith(
+                  "Error: react-stack-top-frame\n"
+                )
+                  ? 29
+                  : 0,
+                endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+              callComponentFrame =
+                -1 === endIdx
+                  ? stack$jscomp$0.slice(startIdx)
+                  : stack$jscomp$0.slice(startIdx, endIdx);
+            }
+            var lastFrameIdx = frames.indexOf(callComponentFrame);
+            if (-1 === lastFrameIdx) {
+              if (null === callLazyInitFrame) {
+                var stack$jscomp$1 = callLazyInitInDEV({
+                    $$typeof: REACT_LAZY_TYPE,
+                    _init: Error,
+                    _payload: "react-stack-top-frame"
+                  }).stack,
+                  startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                    "Error: react-stack-top-frame\n"
+                  )
+                    ? 29
+                    : 0,
+                  endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                    "\n",
+                    startIdx$jscomp$0
+                  );
+                callLazyInitFrame =
+                  -1 === endIdx$jscomp$0
+                    ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                    : stack$jscomp$1.slice(startIdx$jscomp$0, endIdx$jscomp$0);
+              }
+              lastFrameIdx = frames.indexOf(callLazyInitFrame);
+              if (-1 === lastFrameIdx) {
+                if (null === callIteratorFrame)
+                  try {
+                    callRenderInDEV({ render: null }), (callIteratorFrame = "");
+                  } catch (error) {
+                    var stack$jscomp$2 = error.stack,
+                      startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                        "TypeError: "
+                      )
+                        ? stack$jscomp$2.indexOf("\n") + 1
+                        : 0,
+                      endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                        "\n",
+                        startIdx$jscomp$1
+                      );
+                    callIteratorFrame =
+                      -1 === endIdx$jscomp$1
+                        ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                        : stack$jscomp$2.slice(
+                            startIdx$jscomp$1,
+                            endIdx$jscomp$1
+                          );
+                  }
+                lastFrameIdx = frames.indexOf(callIteratorFrame);
+              }
+            }
+            if (-1 !== lastFrameIdx) {
+              frames.length = lastFrameIdx;
+              var JSCompiler_inline_result$jscomp$0 = frames
+                .filter(isNotExternal)
+                .join("\n");
+            } else JSCompiler_inline_result$jscomp$0 = "";
+            JSCompiler_temp_const.stack = debugStack =
+              JSCompiler_inline_result$jscomp$0;
+          }
+          (componentStack = componentStack.owner) &&
+            debugStack &&
+            (info += "\n" + debugStack);
+        }
+        var JSCompiler_inline_result$jscomp$1 = info;
+      } catch (x) {
+        JSCompiler_inline_result$jscomp$1 =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result$jscomp$1;
+    }
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            void 0 !== componentInfo.stack &&
+            ((task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            }),
+            (task.debugTask = componentInfo.task));
+        }
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner,
+              stack = node._debugStack;
+            pushServerComponentStack(task, node._debugInfo);
+            task.debugTask = node._debugTask;
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: stack
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node$jscomp$0) {
+      var errorInfo = {};
+      node$jscomp$0 &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            try {
+              var info = "",
+                node = node$jscomp$0;
+              do
+                (info += describeComponentStackByType(node.type)),
+                  (node = node.parent);
+              while (node);
+              var stack = info;
+            } catch (x) {
+              stack = "\nError generating stack: " + x.message + "\n" + x.stack;
+            }
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4481,20 +4713,31 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logPostpone(request, reason, postponeInfo, debugTask) {
+      request = request.onPostpone;
+      debugTask
+        ? debugTask.run(request.bind(null, reason, postponeInfo))
+        : request(reason, postponeInfo);
+    }
+    function logRecoverableError(request, error, errorInfo, debugTask) {
+      request = request.onError;
+      error = debugTask
+        ? debugTask.run(request.bind(null, error, errorInfo))
+        : request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
-    }
-    function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
-      onShellError(error);
+      else return error;
+    }
+    function fatalError(request, error, errorInfo, debugTask) {
+      errorInfo = request.onShellError;
+      var onFatalError = request.onFatalError;
+      debugTask
+        ? (debugTask.run(errorInfo.bind(null, error)),
+          debugTask.run(onFatalError.bind(null, error)))
+        : (errorInfo(error), onFatalError(error));
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4519,7 +4762,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4583,12 +4826,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4609,7 +4846,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4626,7 +4863,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4673,7 +4910,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4692,88 +4929,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4782,32 +5018,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4832,7 +5068,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4848,7 +5084,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4873,7 +5109,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4885,7 +5121,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4936,10 +5172,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4948,19 +5184,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4978,42 +5207,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5025,11 +5255,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5099,7 +5326,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5121,16 +5347,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5147,10 +5367,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5196,30 +5413,35 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 if (
-                  "object" === typeof error$2 &&
-                  null !== error$2 &&
-                  error$2.$$typeof === REACT_POSTPONE_TYPE
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
                 ) {
-                  request.onPostpone(error$2.message, thrownInfo);
+                  logPostpone(
+                    request,
+                    error.message,
+                    thrownInfo,
+                    task.debugTask
+                  );
                   var errorDigest = "POSTPONE";
                 } else
                   errorDigest = logRecoverableError(
                     request,
-                    error$2,
-                    thrownInfo
+                    error,
+                    thrownInfo,
+                    task.debugTask
                   );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5228,8 +5450,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5264,12 +5485,14 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
-                !0
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5277,12 +5500,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5305,7 +5522,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5321,7 +5537,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5343,7 +5559,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue2 =
@@ -5351,7 +5567,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5360,7 +5576,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5368,7 +5584,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue2),
@@ -5378,12 +5594,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5428,381 +5640,396 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
-              var name = getComponentNameFromType(type),
-                keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
-                          throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
-                        task.replay = {
-                          nodes: childNodes,
-                          slots: name,
-                          pendingTasks: 1
-                        };
-                        try {
-                          renderElement(request, task, key, type, props, ref);
-                          if (
-                            1 === task.replay.pendingTasks &&
-                            0 < task.replay.nodes.length
-                          )
-                            throw Error(
-                              "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                            );
-                          task.replay.pendingTasks--;
-                        } catch (x) {
-                          if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
-                              request,
-                              fallbackAbortSet
-                            );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              "object" === typeof error$3 &&
-                              null !== error$3 &&
-                              error$3.$$typeof === REACT_POSTPONE_TYPE
-                                ? (request.onPostpone(
-                                    error$3.message,
-                                    childNodes
-                                  ),
-                                  (type = "POSTPONE"))
-                                : (type = logRecoverableError(
-                                    request,
-                                    error$3,
-                                    childNodes
-                                  )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          task = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(task);
-                        }
-                      }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
-                    }
-                  }
+    function replayElement(
+      request,
+      task,
+      keyPath,
+      name,
+      keyOrIndex,
+      childIndex,
+      type,
+      props,
+      ref,
+      replay
+    ) {
+      childIndex = replay.nodes;
+      for (var i = 0; i < childIndex.length; i++) {
+        var node = childIndex[i];
+        if (keyOrIndex === node[1]) {
+          if (4 === node.length) {
+            if (null !== name && name !== node[0])
+              throw Error(
+                "Expected the resume to render <" +
+                  node[0] +
+                  "> in this slot but instead it rendered <" +
+                  name +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            var childNodes = node[2];
+            node = node[3];
+            name = task.node;
+            task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+            try {
+              renderElement(request, task, keyPath, type, props, ref);
+              if (
+                1 === task.replay.pendingTasks &&
+                0 < task.replay.nodes.length
+              )
+                throw Error(
+                  "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                );
+              task.replay.pendingTasks--;
+            } catch (x) {
+              if (
+                "object" === typeof x &&
+                null !== x &&
+                (x === SuspenseException || "function" === typeof x.then)
+              )
+                throw (task.node === name && (task.replay = replay), x);
+              task.replay.pendingTasks--;
+              props = getThrownInfo(task.componentStack);
+              erroredReplay(
+                request,
+                task.blockedBoundary,
+                x,
+                props,
+                childNodes,
+                node,
+                task.debugTask
+              );
+            }
+            task.replay = replay;
+          } else {
+            if (type !== REACT_SUSPENSE_TYPE)
+              throw Error(
+                "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                  (getComponentNameFromType(type) || "Unknown") +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            a: {
+              replay = void 0;
+              type = node[5];
+              ref = node[2];
+              name = node[3];
+              keyOrIndex = null === node[4] ? [] : node[4][2];
+              node = null === node[4] ? null : node[4][3];
+              var prevKeyPath = task.keyPath,
+                previousReplaySet = task.replay,
+                parentBoundary = task.blockedBoundary,
+                parentHoistableState = task.hoistableState,
+                content = props.children;
+              props = props.fallback;
+              var fallbackAbortSet = new Set(),
+                resumedBoundary = createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet
+                );
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = type;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
+              task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+              try {
+                renderNode(request, task, content, -1);
+                if (
+                  1 === task.replay.pendingTasks &&
+                  0 < task.replay.nodes.length
+                )
+                  throw Error(
+                    "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                  );
+                task.replay.pendingTasks--;
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  resumedBoundary.status === PENDING
+                ) {
+                  resumedBoundary.status = COMPLETED;
+                  request.completedBoundaries.push(resumedBoundary);
+                  break a;
                 }
-              else renderElement(request, task, key, type, props, ref);
+              } catch (error) {
+                (resumedBoundary.status = CLIENT_RENDERED),
+                  (childNodes = getThrownInfo(task.componentStack)),
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
+                    ? (logPostpone(
+                        request,
+                        error.message,
+                        childNodes,
+                        task.debugTask
+                      ),
+                      (replay = "POSTPONE"))
+                    : (replay = logRecoverableError(
+                        request,
+                        error,
+                        childNodes,
+                        task.debugTask
+                      )),
+                  encodeErrorForBoundary(
+                    resumedBoundary,
+                    replay,
+                    error,
+                    childNodes,
+                    !1
+                  ),
+                  task.replay.pendingTasks--,
+                  request.clientRenderedBoundaries.push(resumedBoundary);
+              } finally {
+                (task.blockedBoundary = parentBoundary),
+                  (task.hoistableState = parentHoistableState),
+                  (task.replay = previousReplaySet),
+                  (task.keyPath = prevKeyPath);
+              }
+              props = createReplayTask(
+                request,
+                null,
+                { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                props,
+                -1,
+                parentBoundary,
+                resumedBoundary.fallbackState,
+                fallbackAbortSet,
+                [keyPath[0], "Suspense Fallback", keyPath[2]],
+                task.formatContext,
+                task.context,
+                task.treeContext,
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
+              );
+              pushComponentStack(props);
+              request.pingedTasks.push(props);
+            }
+          }
+          childIndex.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          (childIndex = task.debugTask),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node),
+          (task.debugTask = childIndex));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = node.type,
+                key = node.key;
+              node = node.props;
+              var ref = node.ref;
+              ref = void 0 !== ref ? ref : null;
+              var debugTask = task.debugTask,
+                name = getComponentNameFromType(type);
+              key = null == key ? (-1 === childIndex ? 0 : childIndex) : key;
+              var keyPath = [task.keyPath, name, key];
+              null !== task.replay
+                ? debugTask
+                  ? debugTask.run(
+                      replayElement.bind(
+                        null,
+                        request,
+                        task,
+                        keyPath,
+                        name,
+                        key,
+                        childIndex,
+                        type,
+                        node,
+                        ref,
+                        task.replay
+                      )
+                    )
+                  : replayElement(
+                      request,
+                      task,
+                      keyPath,
+                      name,
+                      key,
+                      childIndex,
+                      type,
+                      node,
+                      ref,
+                      task.replay
+                    )
+                : debugTask
+                ? debugTask.run(
+                    renderElement.bind(
+                      null,
+                      request,
+                      task,
+                      keyPath,
+                      type,
+                      node,
+                      ref
+                    )
+                  )
+                : renderElement(request, task, keyPath, type, node, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
-            : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+          null === node || "object" !== typeof node
+            ? (key = null)
+            : ((type =
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (key = "function" === typeof type ? type : null));
+          if (key && (type = key.call(node))) {
+            if (type === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
-                "[object Generator]" !==
-                  Object.prototype.toString.call(childNodes)
+                "[object Generator]" !== Object.prototype.toString.call(type)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== key ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = type.next();
+            if (!node.done) {
+              key = [];
+              do key.push(node.value), (node = type.next());
+              while (!node.done);
+              renderChildrenArray(request, task, key, childIndex);
             }
             return;
           }
           if (
-            "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-            (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+            "function" === typeof node[ASYNC_ITERATOR] &&
+            (type = node[ASYNC_ITERATOR]())
           ) {
-            childNodes !== node$jscomp$0 ||
+            type !== node ||
               (-1 === childIndex &&
                 null !== task.componentStack &&
-                1 === task.componentStack.tag &&
+                "function" === typeof task.componentStack.type &&
                 "[object AsyncGeneratorFunction]" ===
                   Object.prototype.toString.call(task.componentStack.type) &&
                 "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(childNodes)) ||
+                  Object.prototype.toString.call(type)) ||
               (didWarnAboutGenerators ||
-                error$jscomp$2(
+                console.error(
                   "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
                 ),
               (didWarnAboutGenerators = !0));
-            type = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "AsyncIterable"
-            );
             key = task.thenableState;
             task.thenableState = null;
             thenableIndexCounter = 0;
             thenableState = key;
             key = [];
-            props = !1;
-            if (childNodes === node$jscomp$0)
-              for (
-                node$jscomp$0 = readPreviousThenableFromState();
-                void 0 !== node$jscomp$0;
-
-              ) {
-                if (node$jscomp$0.done) {
-                  props = !0;
+            ref = !1;
+            if (type === node)
+              for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+                if (node.done) {
+                  ref = !0;
                   break;
                 }
-                key.push(node$jscomp$0.value);
-                node$jscomp$0 = readPreviousThenableFromState();
+                key.push(node.value);
+                node = readPreviousThenableFromState();
               }
-            if (!props)
-              for (
-                node$jscomp$0 = unwrapThenable(childNodes.next());
-                !node$jscomp$0.done;
-
-              )
-                key.push(node$jscomp$0.value),
-                  (node$jscomp$0 = unwrapThenable(childNodes.next()));
-            task.componentStack = type;
+            if (!ref)
+              for (node = unwrapThenable(type.next()); !node.done; )
+                key.push(node.value), (node = unwrapThenable(type.next()));
             renderChildrenArray(request, task, key, childIndex);
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue2,
+              node._currentValue2,
               childIndex
             );
-          request = Object.prototype.toString.call(node$jscomp$0);
+          request = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === request
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : request) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((request =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((request = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 request,
                 request
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      var previousDebugTask = task.debugTask;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5836,14 +6063,15 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
                 x,
                 children,
                 childIndex,
-                node
+                node,
+                task.debugTask
               );
             }
             task.replay = replay;
@@ -5852,6 +6080,8 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       replay = task.treeContext;
@@ -5877,6 +6107,8 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5902,39 +6134,56 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: resumeSegmentID._debugStack
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
+      task.debugTask = previousDebugTask;
     }
     function trackPostpone(request, trackedPostpones, task, segment) {
       segment.status = POSTPONED;
@@ -6046,11 +6295,11 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
         previousComponentStack = task.componentStack,
+        previousDebugTask = task.debugTask,
         segment = task.blockedSegment;
       if (null === segment)
         try {
@@ -6079,19 +6328,20 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
-              task.isFallback
+              task.componentStack,
+              task.isFallback,
+              emptyContextObject,
+              task.debugTask
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
             task.componentStack = previousComponentStack;
+            task.debugTask = previousDebugTask;
             switchContext(previousContext);
             return;
           }
@@ -6101,15 +6351,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (childIndex =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof childIndex && null !== childIndex)
           ) {
             if ("function" === typeof childIndex.then) {
@@ -6137,21 +6387,20 @@
                 task.abortSet,
                 task.keyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                null !== task.componentStack
-                  ? task.componentStack.parent
-                  : null,
-                task.isFallback
+                task.componentStack,
+                task.isFallback,
+                emptyContextObject,
+                task.debugTask
               ).ping;
               node.then(request, request);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6161,8 +6410,8 @@
               null !== task.blockedBoundary
             ) {
               node = request.trackedPostpones;
-              segment = getThrownInfo(request, task.componentStack);
-              request.onPostpone(childIndex.message, segment);
+              segment = getThrownInfo(task.componentStack);
+              logPostpone(request, childIndex.message, segment, task.debugTask);
               childIndex = task.blockedSegment;
               segment = createPendingSegment(
                 request,
@@ -6176,11 +6425,11 @@
               childIndex.lastPushedText = !1;
               trackPostpone(request, node, task, segment);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6188,7 +6437,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6201,23 +6449,27 @@
       error,
       errorInfo,
       replayNodes,
-      resumeSlots
+      resumeSlots,
+      debugTask
     ) {
-      if (
-        "object" === typeof error &&
-        null !== error &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        request.onPostpone(error.message, errorInfo);
-        var errorDigest = "POSTPONE";
-      } else errorDigest = logRecoverableError(request, error, errorInfo);
+      "object" === typeof error &&
+      null !== error &&
+      error.$$typeof === REACT_POSTPONE_TYPE
+        ? (logPostpone(request, error.message, errorInfo, debugTask),
+          (debugTask = "POSTPONE"))
+        : (debugTask = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            debugTask
+          ));
       abortRemainingReplayNodes(
         request,
         boundary,
         replayNodes,
         resumeSlots,
         error,
-        errorDigest,
+        debugTask,
         errorInfo,
         !1
       );
@@ -6308,10 +6560,10 @@
                   "The render was aborted with postpone when the shell is incomplete. Reason: " +
                     error.message
                 )),
-                logRecoverableError(request, task, boundary),
-                fatalError(request, task))
-              : (logRecoverableError(request, error, boundary),
-                fatalError(request, error));
+                logRecoverableError(request, task, boundary, null),
+                fatalError(request, task, boundary, null))
+              : (logRecoverableError(request, error, boundary, null),
+                fatalError(request, error, boundary, null));
             return;
           }
           task.pendingTasks--;
@@ -6320,9 +6572,9 @@
             ("object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, boundary),
+              ? (logPostpone(request, error.message, boundary, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, boundary)),
+              : (segment = logRecoverableError(request, error, boundary, null)),
             abortRemainingReplayNodes(
               request,
               null,
@@ -6340,13 +6592,13 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             "object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, task),
+              ? (logPostpone(request, error.message, task, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, task)),
+              : (segment = logRecoverableError(request, error, task, null)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
             boundary.parentFlushed &&
@@ -6404,7 +6656,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6419,8 +6671,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {}, null);
       }
     }
     function completeShell(request) {
@@ -6521,12 +6773,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6551,22 +6806,18 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
                       x,
                       errorInfo,
                       request.replay.nodes,
-                      request.replay.slots
+                      request.replay.slots,
+                      request.debugTask
                     );
                     request$jscomp$0.pendingRootTasks--;
                     0 === request$jscomp$0.pendingRootTasks &&
@@ -6591,12 +6842,7 @@
                   var childrenLength = segment$jscomp$0.children.length,
                     chunkLength = segment$jscomp$0.chunks.length;
                   try {
-                    renderNodeDestructive(
-                      request,
-                      task$jscomp$0,
-                      task$jscomp$0.node,
-                      task$jscomp$0.childIndex
-                    ),
+                    retryNode(request, task$jscomp$0),
                       request.renderState.generateStaticMarkup ||
                         (segment$jscomp$0.lastPushedText &&
                           segment$jscomp$0.textEmbedded &&
@@ -6622,9 +6868,6 @@
                         x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                         task$jscomp$0.thenableState =
                           getThenableStateAfterSuspending();
-                        null !== task$jscomp$0.componentStack &&
-                          (task$jscomp$0.componentStack =
-                            task$jscomp$0.componentStack.parent);
                         break a;
                       }
                       if (
@@ -6634,10 +6877,14 @@
                         var trackedPostpones = request.trackedPostpones;
                         task$jscomp$0.abortSet.delete(task$jscomp$0);
                         var postponeInfo = getThrownInfo(
-                          request,
                           task$jscomp$0.componentStack
                         );
-                        request.onPostpone(x$jscomp$0.message, postponeInfo);
+                        logPostpone(
+                          request,
+                          x$jscomp$0.message,
+                          postponeInfo,
+                          task$jscomp$0.debugTask
+                        );
                         trackPostpone(
                           request,
                           trackedPostpones,
@@ -6653,27 +6900,35 @@
                       }
                     }
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
                     segment$jscomp$0.status = 4;
-                    var boundary = task$jscomp$0.blockedBoundary;
+                    var boundary = task$jscomp$0.blockedBoundary,
+                      debugTask = task$jscomp$0.debugTask;
                     "object" === typeof x$jscomp$0 &&
                     null !== x$jscomp$0 &&
                     x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                      ? (request.onPostpone(
+                      ? (logPostpone(
+                          request,
                           x$jscomp$0.message,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ),
                         (prevTaskInDEV = "POSTPONE"))
                       : (prevTaskInDEV = logRecoverableError(
                           request,
                           x$jscomp$0,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ));
                     null === boundary
-                      ? fatalError(request, x$jscomp$0)
+                      ? fatalError(
+                          request,
+                          x$jscomp$0,
+                          errorInfo$jscomp$0,
+                          debugTask
+                        )
                       : (boundary.pendingTasks--,
                         boundary.status !== CLIENT_RENDERED &&
                           ((boundary.status = CLIENT_RENDERED),
@@ -6701,9 +6956,10 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          (pingedTasks = {}),
+            logRecoverableError(request$jscomp$1, error, pingedTasks, null),
+            fatalError(request$jscomp$1, error, pingedTasks, null);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7299,7 +7555,7 @@
               destination.push(partialBoundaries)),
             i.hasHtml && ((i = endChunkForTag("html")), destination.push(i))),
           0 !== request.abortableTasks.size &&
-            error$jscomp$2(
+            console.error(
               "There was still abortable task at the root when we closed. This is a bug in React."
             ),
           destination.push(null),
@@ -7332,9 +7588,10 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          (destination = {}),
+            logRecoverableError(request, error, destination, null),
+            fatalError(request, error, destination, null);
         }
       }
     }
@@ -7353,8 +7610,10 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        (reason = {}),
+          logRecoverableError(request, error$3, reason, null),
+          fatalError(request, error$3, reason, null);
       }
     }
     function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -7420,9 +7679,6 @@
     }
     var React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -8124,6 +8380,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -8155,7 +8413,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -8204,7 +8462,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -8247,7 +8505,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -8317,7 +8575,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8643,6 +8901,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8802,12 +9062,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8820,18 +9083,23 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
     )();
-    var CLIENT_RENDERED = 4,
+    var externalRegExp = /\/node_modules\/|\(<anonymous>\)/,
+      callComponentFrame = null,
+      callIteratorFrame = null,
+      callLazyInitFrame = null,
+      CLIENT_RENDERED = 4,
       PENDING = 0,
       COMPLETED = 1,
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8853,5 +9121,5 @@
         'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server'
       );
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js
index 91b8c550aabd6..cb3fa63e6ed3f 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js
@@ -1264,22 +1264,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1293,7 +1335,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1301,7 +1343,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1344,19 +1386,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1371,7 +1413,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1401,9 +1443,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1416,42 +1458,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1473,26 +1515,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1500,85 +1542,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1620,7 +1662,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1635,14 +1677,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1653,7 +1695,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1691,56 +1733,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [""];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1750,18 +1792,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1769,8 +1811,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2254,7 +2296,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2303,7 +2345,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2345,7 +2387,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2411,7 +2453,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -2647,16 +2689,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1688 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1652 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1702 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1703 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1704 = new Set(),
-    JSCompiler_object_inline_styles_1705 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1706 = new Set(),
-    JSCompiler_object_inline_scripts_1707 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1708 = new Set(),
-    JSCompiler_object_inline_preloads_1709 = {
+  var JSCompiler_object_inline_preconnects_1666 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1667 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1668 = new Set(),
+    JSCompiler_object_inline_styles_1669 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1670 = new Set(),
+    JSCompiler_object_inline_scripts_1671 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1672 = new Set(),
+    JSCompiler_object_inline_preloads_1673 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2693,7 +2735,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1706.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1670.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2734,7 +2776,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1706.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1670.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2749,7 +2791,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1688,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1652,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2769,14 +2811,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1702,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1703,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1704,
-    styles: JSCompiler_object_inline_styles_1705,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1706,
-    scripts: JSCompiler_object_inline_scripts_1707,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1708,
-    preloads: JSCompiler_object_inline_preloads_1709,
+    preconnects: JSCompiler_object_inline_preconnects_1666,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1667,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1668,
+    styles: JSCompiler_object_inline_styles_1669,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1670,
+    scripts: JSCompiler_object_inline_scripts_1671,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1672,
+    preloads: JSCompiler_object_inline_preloads_1673,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -3352,7 +3394,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3360,8 +3403,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3495,8 +3544,58 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+      : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3560,12 +3659,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3631,7 +3730,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3654,7 +3752,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3675,7 +3772,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3699,7 +3795,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3730,44 +3825,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3830,119 +3936,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue2);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue2
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue2);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue2
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3951,43 +4039,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4010,23 +4094,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4046,13 +4129,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -4067,25 +4147,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -4101,8 +4176,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4113,77 +4188,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4191,23 +4248,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4219,7 +4270,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4227,7 +4277,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue2;
           type._currentValue2 = props;
@@ -4250,7 +4300,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue2 = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4261,12 +4311,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4302,22 +4349,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4326,24 +4379,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4372,7 +4421,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4392,15 +4441,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4440,14 +4488,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4463,13 +4508,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4477,16 +4525,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4498,120 +4546,92 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue2,
+          node._currentValue2,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -4649,7 +4669,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -4730,9 +4750,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$42
-        ? ((boundaryNode$42 = [
+      var boundaryNode$41 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$41
+        ? ((boundaryNode$41 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -4740,13 +4760,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$41),
           addToReplayParent(
-            boundaryNode$42,
+            boundaryNode$41,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$42),
+        : ((boundaryKeyPath = boundaryNode$41),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -4803,7 +4823,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4836,15 +4855,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4858,15 +4875,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$48) {
+    } catch (thrownValue$47) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$48 === SuspenseException
+          thrownValue$47 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$48),
+            : thrownValue$47),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -4894,15 +4911,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4916,8 +4931,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -4931,7 +4946,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4943,7 +4957,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4961,7 +4974,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -5050,7 +5063,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -5068,11 +5081,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5127,7 +5140,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5234,12 +5247,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5264,15 +5280,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5300,12 +5311,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   request.renderState.generateStaticMarkup ||
                     (segment$jscomp$0.lastPushedText &&
                       segment$jscomp$0.textEmbedded &&
@@ -5326,8 +5332,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5336,11 +5340,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5355,17 +5356,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -5795,11 +5797,11 @@ function flushCompletedQueues(request, destination) {
       completedBoundaries.splice(0, i);
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$54 = partialBoundaries[i];
+        var boundary$53 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$54.completedSegments;
+          var completedSegments = boundary$53.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -5809,7 +5811,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$54,
+                boundary$53,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -5821,7 +5823,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$54.contentState,
+            boundary$53.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -5899,8 +5901,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$56) {
-    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
+  } catch (error$55) {
+    logRecoverableError(request, error$55, {}), fatalError(request, error$55);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -5983,4 +5985,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js
index 01ad86f59fa9c..d3849cc30da4f 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js
@@ -41,37 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -341,7 +310,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -373,7 +342,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -384,7 +353,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -395,7 +364,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -410,7 +379,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -421,17 +390,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -446,7 +415,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -454,7 +423,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -467,7 +436,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -487,13 +456,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -505,7 +474,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -526,7 +495,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -535,7 +504,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -544,7 +513,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -553,14 +522,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -572,7 +541,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -580,7 +549,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -592,7 +561,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -601,7 +570,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -670,7 +639,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -678,7 +647,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -727,7 +696,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -754,13 +723,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -884,7 +853,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -894,7 +863,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -1190,7 +1160,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -1200,7 +1170,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -1211,7 +1181,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -1224,14 +1194,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1325,7 +1295,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1348,19 +1318,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1410,12 +1380,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1492,7 +1462,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1651,13 +1621,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1672,7 +1642,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1795,7 +1765,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1857,11 +1827,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1887,14 +1857,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1947,7 +1917,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1999,7 +1969,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -2025,7 +1995,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -2052,7 +2022,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -2092,7 +2062,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -2180,7 +2150,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -2196,7 +2166,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2205,7 +2175,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2272,7 +2242,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2342,13 +2312,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2424,33 +2394,85 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      stringToChunk("data"),
+                      attributeAssign,
+                      stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(
+              stringToChunk(escapeTextForBrowser(children$jscomp$5))
+            );
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2459,16 +2481,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2484,7 +2506,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2495,7 +2517,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2505,7 +2527,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2515,13 +2537,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2567,19 +2589,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2594,7 +2616,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2625,23 +2647,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2661,34 +2683,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2698,14 +2720,14 @@
               );
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2718,7 +2740,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2739,26 +2761,26 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
@@ -2766,75 +2788,75 @@
                 target.push(
                   stringToChunk(escapeStyleTextContent(child$jscomp$2))
                 );
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2842,10 +2864,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push(stringToChunk("" + html))));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2909,7 +2931,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2962,56 +2984,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -3021,21 +3043,21 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           stringToChunk(attributeName),
                           attributeAssign,
                           stringToChunk(
-                            escapeTextForBrowser(propValue$jscomp$10)
+                            escapeTextForBrowser(propValue$jscomp$11)
                           ),
                           attributeEnd
                         );
@@ -3046,10 +3068,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -3207,7 +3229,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3558,7 +3580,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3616,7 +3638,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3677,7 +3699,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3780,7 +3802,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3793,7 +3815,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3893,7 +3915,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3934,7 +3956,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3996,14 +4018,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4191,7 +4213,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4202,8 +4224,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4357,37 +4385,85 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
-    function getStackByComponentStackNode(componentStack) {
-      try {
-        var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
-        return info;
-      } catch (x) {
-        return "\nError generating stack: " + x.message + "\n" + x.stack;
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function isNotExternal(stackFrame) {
+      return !externalRegExp.test(stackFrame);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
       }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "%c%s%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "%c%s%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4452,12 +4528,14 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4587,12 +4665,14 @@
             abortSet,
             null,
             postponedState.rootFormatContext,
-            emptyContextObject,
             null,
             emptyTreeContext,
             null,
-            !1
+            !1,
+            emptyContextObject,
+            null
           )),
+          pushComponentStack(children),
           pingedTasks.push(children),
           renderState
         );
@@ -4611,12 +4691,14 @@
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
       return renderState;
     }
@@ -4658,11 +4740,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4681,13 +4764,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4702,11 +4785,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4726,13 +4810,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4758,16 +4842,185 @@
       };
     }
     function getCurrentStackInDEV() {
-      return null === currentTaskInDEV ||
-        null === currentTaskInDEV.componentStack
-        ? ""
-        : getStackByComponentStackNode(currentTaskInDEV.componentStack);
+      if (null === currentTaskInDEV || null === currentTaskInDEV.componentStack)
+        return "";
+      var componentStack = currentTaskInDEV.componentStack;
+      try {
+        var info = "";
+        if ("string" === typeof componentStack.type)
+          info += describeBuiltInComponentFrame(componentStack.type);
+        else if ("function" === typeof componentStack.type) {
+          if (!componentStack.owner) {
+            var JSCompiler_temp_const = info,
+              fn = componentStack.type,
+              name = fn ? fn.displayName || fn.name : "";
+            var JSCompiler_inline_result = name
+              ? describeBuiltInComponentFrame(name)
+              : "";
+            info = JSCompiler_temp_const + JSCompiler_inline_result;
+          }
+        } else
+          componentStack.owner ||
+            (info += describeComponentStackByType(componentStack.type));
+        for (; componentStack; ) {
+          var debugStack = componentStack.stack;
+          if ("string" !== typeof debugStack && null != debugStack) {
+            JSCompiler_temp_const = componentStack;
+            var stack = debugStack.stack;
+            stack.startsWith("Error: react-stack-top-frame\n") &&
+              (stack = stack.slice(29));
+            var frames = stack.split("\n").slice(1);
+            if (null === callComponentFrame) {
+              var stack$jscomp$0 = callComponentInDEV(
+                  Error,
+                  "react-stack-top-frame",
+                  {}
+                ).stack,
+                startIdx = stack$jscomp$0.startsWith(
+                  "Error: react-stack-top-frame\n"
+                )
+                  ? 29
+                  : 0,
+                endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+              callComponentFrame =
+                -1 === endIdx
+                  ? stack$jscomp$0.slice(startIdx)
+                  : stack$jscomp$0.slice(startIdx, endIdx);
+            }
+            var lastFrameIdx = frames.indexOf(callComponentFrame);
+            if (-1 === lastFrameIdx) {
+              if (null === callLazyInitFrame) {
+                var stack$jscomp$1 = callLazyInitInDEV({
+                    $$typeof: REACT_LAZY_TYPE,
+                    _init: Error,
+                    _payload: "react-stack-top-frame"
+                  }).stack,
+                  startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                    "Error: react-stack-top-frame\n"
+                  )
+                    ? 29
+                    : 0,
+                  endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                    "\n",
+                    startIdx$jscomp$0
+                  );
+                callLazyInitFrame =
+                  -1 === endIdx$jscomp$0
+                    ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                    : stack$jscomp$1.slice(startIdx$jscomp$0, endIdx$jscomp$0);
+              }
+              lastFrameIdx = frames.indexOf(callLazyInitFrame);
+              if (-1 === lastFrameIdx) {
+                if (null === callIteratorFrame)
+                  try {
+                    callRenderInDEV({ render: null }), (callIteratorFrame = "");
+                  } catch (error) {
+                    var stack$jscomp$2 = error.stack,
+                      startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                        "TypeError: "
+                      )
+                        ? stack$jscomp$2.indexOf("\n") + 1
+                        : 0,
+                      endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                        "\n",
+                        startIdx$jscomp$1
+                      );
+                    callIteratorFrame =
+                      -1 === endIdx$jscomp$1
+                        ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                        : stack$jscomp$2.slice(
+                            startIdx$jscomp$1,
+                            endIdx$jscomp$1
+                          );
+                  }
+                lastFrameIdx = frames.indexOf(callIteratorFrame);
+              }
+            }
+            if (-1 !== lastFrameIdx) {
+              frames.length = lastFrameIdx;
+              var JSCompiler_inline_result$jscomp$0 = frames
+                .filter(isNotExternal)
+                .join("\n");
+            } else JSCompiler_inline_result$jscomp$0 = "";
+            JSCompiler_temp_const.stack = debugStack =
+              JSCompiler_inline_result$jscomp$0;
+          }
+          (componentStack = componentStack.owner) &&
+            debugStack &&
+            (info += "\n" + debugStack);
+        }
+        var JSCompiler_inline_result$jscomp$1 = info;
+      } catch (x) {
+        JSCompiler_inline_result$jscomp$1 =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result$jscomp$1;
+    }
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            void 0 !== componentInfo.stack &&
+            ((task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            }),
+            (task.debugTask = componentInfo.task));
+        }
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner,
+              stack = node._debugStack;
+            pushServerComponentStack(task, node._debugInfo);
+            task.debugTask = node._debugTask;
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: stack
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node$jscomp$0) {
+      var errorInfo = {};
+      node$jscomp$0 &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            try {
+              var info = "",
+                node = node$jscomp$0;
+              do
+                (info += describeComponentStackByType(node.type)),
+                  (node = node.parent);
+              while (node);
+              var stack = info;
+            } catch (x) {
+              stack = "\nError generating stack: " + x.message + "\n" + x.stack;
+            }
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4791,20 +5044,31 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logPostpone(request, reason, postponeInfo, debugTask) {
+      request = request.onPostpone;
+      debugTask
+        ? debugTask.run(request.bind(null, reason, postponeInfo))
+        : request(reason, postponeInfo);
+    }
+    function logRecoverableError(request, error, errorInfo, debugTask) {
+      request = request.onError;
+      error = debugTask
+        ? debugTask.run(request.bind(null, error, errorInfo))
+        : request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
-    }
-    function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
-      onShellError(error);
+      else return error;
+    }
+    function fatalError(request, error, errorInfo, debugTask) {
+      errorInfo = request.onShellError;
+      var onFatalError = request.onFatalError;
+      debugTask
+        ? (debugTask.run(errorInfo.bind(null, error)),
+          debugTask.run(onFatalError.bind(null, error)))
+        : (errorInfo(error), onFatalError(error));
       null !== request.destination
         ? ((request.status = 2), closeWithError(request.destination, error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4829,7 +5093,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4893,12 +5157,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4919,7 +5177,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4936,7 +5194,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4983,7 +5241,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -5002,88 +5260,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -5092,32 +5349,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -5142,7 +5399,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -5158,7 +5415,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -5183,7 +5440,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -5195,7 +5452,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -5246,10 +5503,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -5258,19 +5515,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -5288,42 +5538,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5335,11 +5586,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5409,7 +5657,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5431,16 +5678,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5457,10 +5698,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5505,30 +5743,35 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 if (
-                  "object" === typeof error$2 &&
-                  null !== error$2 &&
-                  error$2.$$typeof === REACT_POSTPONE_TYPE
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
                 ) {
-                  request.onPostpone(error$2.message, thrownInfo);
+                  logPostpone(
+                    request,
+                    error.message,
+                    thrownInfo,
+                    task.debugTask
+                  );
                   var errorDigest = "POSTPONE";
                 } else
                   errorDigest = logRecoverableError(
                     request,
-                    error$2,
-                    thrownInfo
+                    error,
+                    thrownInfo,
+                    task.debugTask
                   );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5537,8 +5780,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5573,12 +5815,14 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
-                !0
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5586,12 +5830,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5614,7 +5852,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5630,7 +5867,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5652,7 +5889,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5660,7 +5897,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5669,7 +5906,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5677,7 +5914,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5687,12 +5924,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5737,381 +5970,396 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
-              var name = getComponentNameFromType(type),
-                keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
-                          throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
-                        task.replay = {
-                          nodes: childNodes,
-                          slots: name,
-                          pendingTasks: 1
-                        };
-                        try {
-                          renderElement(request, task, key, type, props, ref);
-                          if (
-                            1 === task.replay.pendingTasks &&
-                            0 < task.replay.nodes.length
-                          )
-                            throw Error(
-                              "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                            );
-                          task.replay.pendingTasks--;
-                        } catch (x) {
-                          if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
-                              request,
-                              fallbackAbortSet
-                            );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              "object" === typeof error$3 &&
-                              null !== error$3 &&
-                              error$3.$$typeof === REACT_POSTPONE_TYPE
-                                ? (request.onPostpone(
-                                    error$3.message,
-                                    childNodes
-                                  ),
-                                  (type = "POSTPONE"))
-                                : (type = logRecoverableError(
-                                    request,
-                                    error$3,
-                                    childNodes
-                                  )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          task = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(task);
-                        }
-                      }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
-                    }
-                  }
+    function replayElement(
+      request,
+      task,
+      keyPath,
+      name,
+      keyOrIndex,
+      childIndex,
+      type,
+      props,
+      ref,
+      replay
+    ) {
+      childIndex = replay.nodes;
+      for (var i = 0; i < childIndex.length; i++) {
+        var node = childIndex[i];
+        if (keyOrIndex === node[1]) {
+          if (4 === node.length) {
+            if (null !== name && name !== node[0])
+              throw Error(
+                "Expected the resume to render <" +
+                  node[0] +
+                  "> in this slot but instead it rendered <" +
+                  name +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            var childNodes = node[2];
+            node = node[3];
+            name = task.node;
+            task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+            try {
+              renderElement(request, task, keyPath, type, props, ref);
+              if (
+                1 === task.replay.pendingTasks &&
+                0 < task.replay.nodes.length
+              )
+                throw Error(
+                  "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                );
+              task.replay.pendingTasks--;
+            } catch (x) {
+              if (
+                "object" === typeof x &&
+                null !== x &&
+                (x === SuspenseException || "function" === typeof x.then)
+              )
+                throw (task.node === name && (task.replay = replay), x);
+              task.replay.pendingTasks--;
+              props = getThrownInfo(task.componentStack);
+              erroredReplay(
+                request,
+                task.blockedBoundary,
+                x,
+                props,
+                childNodes,
+                node,
+                task.debugTask
+              );
+            }
+            task.replay = replay;
+          } else {
+            if (type !== REACT_SUSPENSE_TYPE)
+              throw Error(
+                "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                  (getComponentNameFromType(type) || "Unknown") +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            a: {
+              replay = void 0;
+              type = node[5];
+              ref = node[2];
+              name = node[3];
+              keyOrIndex = null === node[4] ? [] : node[4][2];
+              node = null === node[4] ? null : node[4][3];
+              var prevKeyPath = task.keyPath,
+                previousReplaySet = task.replay,
+                parentBoundary = task.blockedBoundary,
+                parentHoistableState = task.hoistableState,
+                content = props.children;
+              props = props.fallback;
+              var fallbackAbortSet = new Set(),
+                resumedBoundary = createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet
+                );
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = type;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
+              task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+              try {
+                renderNode(request, task, content, -1);
+                if (
+                  1 === task.replay.pendingTasks &&
+                  0 < task.replay.nodes.length
+                )
+                  throw Error(
+                    "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                  );
+                task.replay.pendingTasks--;
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  resumedBoundary.status === PENDING
+                ) {
+                  resumedBoundary.status = COMPLETED;
+                  request.completedBoundaries.push(resumedBoundary);
+                  break a;
                 }
-              else renderElement(request, task, key, type, props, ref);
+              } catch (error) {
+                (resumedBoundary.status = CLIENT_RENDERED),
+                  (childNodes = getThrownInfo(task.componentStack)),
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
+                    ? (logPostpone(
+                        request,
+                        error.message,
+                        childNodes,
+                        task.debugTask
+                      ),
+                      (replay = "POSTPONE"))
+                    : (replay = logRecoverableError(
+                        request,
+                        error,
+                        childNodes,
+                        task.debugTask
+                      )),
+                  encodeErrorForBoundary(
+                    resumedBoundary,
+                    replay,
+                    error,
+                    childNodes,
+                    !1
+                  ),
+                  task.replay.pendingTasks--,
+                  request.clientRenderedBoundaries.push(resumedBoundary);
+              } finally {
+                (task.blockedBoundary = parentBoundary),
+                  (task.hoistableState = parentHoistableState),
+                  (task.replay = previousReplaySet),
+                  (task.keyPath = prevKeyPath);
+              }
+              props = createReplayTask(
+                request,
+                null,
+                { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                props,
+                -1,
+                parentBoundary,
+                resumedBoundary.fallbackState,
+                fallbackAbortSet,
+                [keyPath[0], "Suspense Fallback", keyPath[2]],
+                task.formatContext,
+                task.context,
+                task.treeContext,
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
+              );
+              pushComponentStack(props);
+              request.pingedTasks.push(props);
+            }
+          }
+          childIndex.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          (childIndex = task.debugTask),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node),
+          (task.debugTask = childIndex));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = node.type,
+                key = node.key;
+              node = node.props;
+              var ref = node.ref;
+              ref = void 0 !== ref ? ref : null;
+              var debugTask = task.debugTask,
+                name = getComponentNameFromType(type);
+              key = null == key ? (-1 === childIndex ? 0 : childIndex) : key;
+              var keyPath = [task.keyPath, name, key];
+              null !== task.replay
+                ? debugTask
+                  ? debugTask.run(
+                      replayElement.bind(
+                        null,
+                        request,
+                        task,
+                        keyPath,
+                        name,
+                        key,
+                        childIndex,
+                        type,
+                        node,
+                        ref,
+                        task.replay
+                      )
+                    )
+                  : replayElement(
+                      request,
+                      task,
+                      keyPath,
+                      name,
+                      key,
+                      childIndex,
+                      type,
+                      node,
+                      ref,
+                      task.replay
+                    )
+                : debugTask
+                ? debugTask.run(
+                    renderElement.bind(
+                      null,
+                      request,
+                      task,
+                      keyPath,
+                      type,
+                      node,
+                      ref
+                    )
+                  )
+                : renderElement(request, task, keyPath, type, node, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
-            : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+          null === node || "object" !== typeof node
+            ? (key = null)
+            : ((type =
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (key = "function" === typeof type ? type : null));
+          if (key && (type = key.call(node))) {
+            if (type === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
-                "[object Generator]" !==
-                  Object.prototype.toString.call(childNodes)
+                "[object Generator]" !== Object.prototype.toString.call(type)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== key ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = type.next();
+            if (!node.done) {
+              key = [];
+              do key.push(node.value), (node = type.next());
+              while (!node.done);
+              renderChildrenArray(request, task, key, childIndex);
             }
             return;
           }
           if (
-            "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-            (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+            "function" === typeof node[ASYNC_ITERATOR] &&
+            (type = node[ASYNC_ITERATOR]())
           ) {
-            childNodes !== node$jscomp$0 ||
+            type !== node ||
               (-1 === childIndex &&
                 null !== task.componentStack &&
-                1 === task.componentStack.tag &&
+                "function" === typeof task.componentStack.type &&
                 "[object AsyncGeneratorFunction]" ===
                   Object.prototype.toString.call(task.componentStack.type) &&
                 "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(childNodes)) ||
+                  Object.prototype.toString.call(type)) ||
               (didWarnAboutGenerators ||
-                error$jscomp$2(
+                console.error(
                   "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
                 ),
               (didWarnAboutGenerators = !0));
-            type = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "AsyncIterable"
-            );
             key = task.thenableState;
             task.thenableState = null;
             thenableIndexCounter = 0;
             thenableState = key;
             key = [];
-            props = !1;
-            if (childNodes === node$jscomp$0)
-              for (
-                node$jscomp$0 = readPreviousThenableFromState();
-                void 0 !== node$jscomp$0;
-
-              ) {
-                if (node$jscomp$0.done) {
-                  props = !0;
+            ref = !1;
+            if (type === node)
+              for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+                if (node.done) {
+                  ref = !0;
                   break;
                 }
-                key.push(node$jscomp$0.value);
-                node$jscomp$0 = readPreviousThenableFromState();
+                key.push(node.value);
+                node = readPreviousThenableFromState();
               }
-            if (!props)
-              for (
-                node$jscomp$0 = unwrapThenable(childNodes.next());
-                !node$jscomp$0.done;
-
-              )
-                key.push(node$jscomp$0.value),
-                  (node$jscomp$0 = unwrapThenable(childNodes.next()));
-            task.componentStack = type;
+            if (!ref)
+              for (node = unwrapThenable(type.next()); !node.done; )
+                key.push(node.value), (node = unwrapThenable(type.next()));
             renderChildrenArray(request, task, key, childIndex);
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          request = Object.prototype.toString.call(node$jscomp$0);
+          request = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === request
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : request) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((request =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((request = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 request,
                 request
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      var previousDebugTask = task.debugTask;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -6145,14 +6393,15 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
                 x,
                 children,
                 childIndex,
-                node
+                node,
+                task.debugTask
               );
             }
             task.replay = replay;
@@ -6161,6 +6410,8 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       replay = task.treeContext;
@@ -6186,6 +6437,8 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -6211,39 +6464,56 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: resumeSegmentID._debugStack
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
+      task.debugTask = previousDebugTask;
     }
     function trackPostpone(request, trackedPostpones, task, segment) {
       segment.status = POSTPONED;
@@ -6355,11 +6625,11 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
         previousComponentStack = task.componentStack,
+        previousDebugTask = task.debugTask,
         segment = task.blockedSegment;
       if (null === segment)
         try {
@@ -6388,19 +6658,20 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
-              task.isFallback
+              task.componentStack,
+              task.isFallback,
+              emptyContextObject,
+              task.debugTask
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
             task.componentStack = previousComponentStack;
+            task.debugTask = previousDebugTask;
             switchContext(previousContext);
             return;
           }
@@ -6410,15 +6681,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (childIndex =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof childIndex && null !== childIndex)
           ) {
             if ("function" === typeof childIndex.then) {
@@ -6446,21 +6717,20 @@
                 task.abortSet,
                 task.keyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                null !== task.componentStack
-                  ? task.componentStack.parent
-                  : null,
-                task.isFallback
+                task.componentStack,
+                task.isFallback,
+                emptyContextObject,
+                task.debugTask
               ).ping;
               node.then(request, request);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6470,8 +6740,8 @@
               null !== task.blockedBoundary
             ) {
               node = request.trackedPostpones;
-              segment = getThrownInfo(request, task.componentStack);
-              request.onPostpone(childIndex.message, segment);
+              segment = getThrownInfo(task.componentStack);
+              logPostpone(request, childIndex.message, segment, task.debugTask);
               childIndex = task.blockedSegment;
               segment = createPendingSegment(
                 request,
@@ -6485,11 +6755,11 @@
               childIndex.lastPushedText = !1;
               trackPostpone(request, node, task, segment);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6497,7 +6767,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6510,23 +6779,27 @@
       error,
       errorInfo,
       replayNodes,
-      resumeSlots
+      resumeSlots,
+      debugTask
     ) {
-      if (
-        "object" === typeof error &&
-        null !== error &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        request.onPostpone(error.message, errorInfo);
-        var errorDigest = "POSTPONE";
-      } else errorDigest = logRecoverableError(request, error, errorInfo);
+      "object" === typeof error &&
+      null !== error &&
+      error.$$typeof === REACT_POSTPONE_TYPE
+        ? (logPostpone(request, error.message, errorInfo, debugTask),
+          (debugTask = "POSTPONE"))
+        : (debugTask = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            debugTask
+          ));
       abortRemainingReplayNodes(
         request,
         boundary,
         replayNodes,
         resumeSlots,
         error,
-        errorDigest,
+        debugTask,
         errorInfo,
         !1
       );
@@ -6617,10 +6890,10 @@
                   "The render was aborted with postpone when the shell is incomplete. Reason: " +
                     error.message
                 )),
-                logRecoverableError(request, task, boundary),
-                fatalError(request, task))
-              : (logRecoverableError(request, error, boundary),
-                fatalError(request, error));
+                logRecoverableError(request, task, boundary, null),
+                fatalError(request, task, boundary, null))
+              : (logRecoverableError(request, error, boundary, null),
+                fatalError(request, error, boundary, null));
             return;
           }
           task.pendingTasks--;
@@ -6629,9 +6902,9 @@
             ("object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, boundary),
+              ? (logPostpone(request, error.message, boundary, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, boundary)),
+              : (segment = logRecoverableError(request, error, boundary, null)),
             abortRemainingReplayNodes(
               request,
               null,
@@ -6649,13 +6922,13 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             "object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, task),
+              ? (logPostpone(request, error.message, task, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, task)),
+              : (segment = logRecoverableError(request, error, task, null)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
             boundary.parentFlushed &&
@@ -6713,7 +6986,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6728,8 +7001,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {}, null);
       }
     }
     function completeShell(request) {
@@ -6830,12 +7103,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6860,22 +7136,18 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
                       x,
                       errorInfo,
                       request.replay.nodes,
-                      request.replay.slots
+                      request.replay.slots,
+                      request.debugTask
                     );
                     request$jscomp$0.pendingRootTasks--;
                     0 === request$jscomp$0.pendingRootTasks &&
@@ -6900,12 +7172,7 @@
                   var childrenLength = segment$jscomp$0.children.length,
                     chunkLength = segment$jscomp$0.chunks.length;
                   try {
-                    renderNodeDestructive(
-                      request,
-                      task$jscomp$0,
-                      task$jscomp$0.node,
-                      task$jscomp$0.childIndex
-                    ),
+                    retryNode(request, task$jscomp$0),
                       segment$jscomp$0.lastPushedText &&
                         segment$jscomp$0.textEmbedded &&
                         segment$jscomp$0.chunks.push(textSeparator),
@@ -6930,9 +7197,6 @@
                         x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                         task$jscomp$0.thenableState =
                           getThenableStateAfterSuspending();
-                        null !== task$jscomp$0.componentStack &&
-                          (task$jscomp$0.componentStack =
-                            task$jscomp$0.componentStack.parent);
                         break a;
                       }
                       if (
@@ -6942,10 +7206,14 @@
                         var trackedPostpones = request.trackedPostpones;
                         task$jscomp$0.abortSet.delete(task$jscomp$0);
                         var postponeInfo = getThrownInfo(
-                          request,
                           task$jscomp$0.componentStack
                         );
-                        request.onPostpone(x$jscomp$0.message, postponeInfo);
+                        logPostpone(
+                          request,
+                          x$jscomp$0.message,
+                          postponeInfo,
+                          task$jscomp$0.debugTask
+                        );
                         trackPostpone(
                           request,
                           trackedPostpones,
@@ -6961,27 +7229,35 @@
                       }
                     }
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
                     segment$jscomp$0.status = 4;
-                    var boundary = task$jscomp$0.blockedBoundary;
+                    var boundary = task$jscomp$0.blockedBoundary,
+                      debugTask = task$jscomp$0.debugTask;
                     "object" === typeof x$jscomp$0 &&
                     null !== x$jscomp$0 &&
                     x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                      ? (request.onPostpone(
+                      ? (logPostpone(
+                          request,
                           x$jscomp$0.message,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ),
                         (prevTaskInDEV = "POSTPONE"))
                       : (prevTaskInDEV = logRecoverableError(
                           request,
                           x$jscomp$0,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ));
                     null === boundary
-                      ? fatalError(request, x$jscomp$0)
+                      ? fatalError(
+                          request,
+                          x$jscomp$0,
+                          errorInfo$jscomp$0,
+                          debugTask
+                        )
                       : (boundary.pendingTasks--,
                         boundary.status !== CLIENT_RENDERED &&
                           ((boundary.status = CLIENT_RENDERED),
@@ -7009,9 +7285,10 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          (pingedTasks = {}),
+            logRecoverableError(request$jscomp$1, error, pingedTasks, null),
+            fatalError(request$jscomp$1, error, pingedTasks, null);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7641,7 +7918,7 @@
               i.hasHtml && writeChunk(destination, endChunkForTag("html"))),
             completeWriting(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.close(),
@@ -7678,9 +7955,10 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          (destination = {}),
+            logRecoverableError(request, error, destination, null),
+            fatalError(request, error, destination, null);
         }
       }
     }
@@ -7699,8 +7977,10 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        (reason = {}),
+          logRecoverableError(request, error$3, reason, null),
+          fatalError(request, error$3, reason, null);
       }
     }
     function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -7756,18 +8036,15 @@
     }
     function ensureCorrectIsomorphicReactVersion() {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     }
     var React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -8478,6 +8755,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -8509,7 +8788,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -8558,7 +8837,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -8601,7 +8880,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -8671,7 +8950,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -9055,6 +9334,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -9214,12 +9495,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -9232,18 +9516,23 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
     )();
-    var CLIENT_RENDERED = 4,
+    var externalRegExp = /\/node_modules\/|\(<anonymous>\)/,
+      callComponentFrame = null,
+      callIteratorFrame = null,
+      callLazyInitFrame = null,
+      CLIENT_RENDERED = 4,
       PENDING = 0,
       COMPLETED = 1,
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -9453,5 +9742,5 @@
         startWork(request);
       });
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js
index 2f86c7f6ff44d..dc51d226dbdd7 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js
@@ -438,7 +438,7 @@ function createRenderState(
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -1664,22 +1664,66 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  stringToChunk("data"),
+                  attributeAssign,
+                  stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(
+          stringToChunk(escapeTextForBrowser(children$jscomp$5))
+        );
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1693,7 +1737,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1701,7 +1745,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1744,19 +1788,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1771,7 +1815,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1801,9 +1845,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1816,34 +1860,34 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
@@ -1851,9 +1895,9 @@ function pushStartInstance(
           target$jscomp$0.push(
             stringToChunk(("" + child).replace(styleRegex, styleReplacer))
           );
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1877,26 +1921,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1906,80 +1950,80 @@ function pushStartInstance(
                 ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
               )
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7) throw Error(formatProdErrorMessage(60));
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8) throw Error(formatProdErrorMessage(60));
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(formatProdErrorMessage(61));
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, stringToChunk(html))
             : target$jscomp$0.push(stringToChunk("" + html)));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -2021,7 +2065,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -2036,14 +2080,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -2054,7 +2098,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -2092,56 +2136,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -2151,18 +2195,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       stringToChunk(attributeName),
                       attributeAssign,
-                      stringToChunk(escapeTextForBrowser(propValue$jscomp$10)),
+                      stringToChunk(escapeTextForBrowser(propValue$jscomp$11)),
                       attributeEnd
                     );
                   }
@@ -2170,8 +2214,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2778,7 +2822,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2827,7 +2871,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2869,7 +2913,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2935,7 +2979,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3688,7 +3732,8 @@ var currentResumableState = null,
       throw Error(formatProdErrorMessage(248));
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3696,8 +3741,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3831,8 +3882,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "%c%s%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "%c%s%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3896,12 +4011,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -4031,12 +4146,12 @@ function resumeRequest(
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       )),
+      pushComponentStack(children),
       pingedTasks.push(children),
       renderState
     );
@@ -4055,12 +4170,12 @@ function resumeRequest(
     abortSet,
     null,
     postponedState.rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
   return renderState;
 }
@@ -4100,7 +4215,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -4123,7 +4237,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -4144,7 +4257,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -4168,7 +4280,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -4199,44 +4310,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -4299,119 +4421,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$32 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$32] &&
-            (JSCompiler_inline_result[propName$32] = defaultProps[propName$32]);
+          void 0 === newProps[propName$32] &&
+            (newProps[propName$32] = defaultProps[propName$32]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$32 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$32;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$32 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$32 && null !== propName$32
+          ? propName$32._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$32)),
-        (propName$32 =
-          null === contextType || void 0 === contextType
-            ? propName$32
-            : assign({}, propName$32, contextType)),
-        (defaultProps.state = propName$32));
+      propName$32 = type.getDerivedStateFromProps;
+      "function" === typeof propName$32 &&
+        ((propName$32 = propName$32(props, ref)),
+        (ref =
+          null === propName$32 || void 0 === propName$32
+            ? ref
+            : assign({}, ref, propName$32)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$32 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$32 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$32 = !0;
+            defaultProps = propName$32 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$32 = propName$32 ? 1 : 0;
+              propName$32 < type.length;
+              propName$32++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$32]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$32
-                    ? ((propName$32 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -4420,43 +4524,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$32 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$32);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$32 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$32 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$32, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$32;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4479,23 +4579,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4515,13 +4614,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error(formatProdErrorMessage(343));
@@ -4536,25 +4632,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$32 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$32 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$32.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$32,
             task.formatContext,
             !1,
             !1
@@ -4570,8 +4661,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$32;
+          task.hoistableState = propName$32.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4581,77 +4672,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$32, contentRootSegment),
+              0 === propName$32.pendingTasks && 0 === propName$32.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$32.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$32.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$32.errorDigest = defaultProps),
+              untrackBoundary(request, propName$32);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$32.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$32.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$32,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$32.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4659,23 +4732,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4687,7 +4754,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4695,7 +4761,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4715,7 +4781,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4726,12 +4792,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4766,22 +4829,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4790,18 +4859,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
-                      throw Error(formatProdErrorMessage(490, node[0], name));
-                    var childNodes = node[2];
-                    name = node[3];
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
+                      throw Error(
+                        formatProdErrorMessage(490, node$jscomp$0[0], name)
+                      );
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4828,7 +4895,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4850,15 +4917,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4896,14 +4962,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4919,13 +4982,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4933,16 +4999,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4952,121 +5018,93 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
         case REACT_PORTAL_TYPE:
           throw Error(formatProdErrorMessage(257));
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         formatProdErrorMessage(
           31,
           "[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request
         )
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -5102,7 +5140,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -5180,9 +5218,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$43 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$43
-        ? ((boundaryNode$43 = [
+      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$42
+        ? ((boundaryNode$42 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -5190,13 +5228,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$43),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
           addToReplayParent(
-            boundaryNode$43,
+            boundaryNode$42,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$43),
+        : ((boundaryKeyPath = boundaryNode$42),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -5249,7 +5287,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -5282,15 +5319,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -5304,15 +5339,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$49) {
+    } catch (thrownValue$48) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$49 === SuspenseException
+          thrownValue$48 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$49),
+            : thrownValue$48),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -5340,15 +5375,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5362,8 +5395,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -5377,7 +5410,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5389,7 +5421,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -5407,7 +5438,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -5490,7 +5521,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -5508,11 +5539,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5567,7 +5598,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5672,12 +5703,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5700,15 +5734,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5736,12 +5765,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   segment$jscomp$0.lastPushedText &&
                     segment$jscomp$0.textEmbedded &&
                     segment$jscomp$0.chunks.push(textSeparator),
@@ -5761,8 +5785,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5771,11 +5793,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5790,17 +5809,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -6216,11 +6236,11 @@ function flushCompletedQueues(request, destination) {
       writtenBytes = 0;
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$55 = partialBoundaries[i];
+        var boundary$54 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$55.completedSegments;
+          var completedSegments = boundary$54.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -6230,7 +6250,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$55,
+                boundary$54,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -6242,7 +6262,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$55.contentState,
+            boundary$54.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -6327,8 +6347,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$57) {
-    logRecoverableError(request, error$57, {}), fatalError(request, error$57);
+  } catch (error$56) {
+    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -6384,12 +6404,12 @@ function getPostponedState(request) {
 }
 function ensureCorrectIsomorphicReactVersion() {
   var isomorphicReactPackageVersion = React.version;
-  if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+  if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
     throw Error(
       formatProdErrorMessage(
         527,
         isomorphicReactPackageVersion,
-        "19.0.0-experimental-dfd30974ab-20240613"
+        "19.0.0-experimental-01172397-20240716"
       )
     );
 }
@@ -6594,4 +6614,4 @@ exports.resume = function (children, postponedState, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js
index 66a0e39b10343..0b7f1c8a77863 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js
@@ -290,7 +290,7 @@ function createRenderState(
           fontPreloads: "",
           highImagePreloads: "",
           remainingCapacity:
-            "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+            2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
         }
       : null,
     resets: {
@@ -1412,22 +1412,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1441,7 +1483,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1449,7 +1491,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1492,19 +1534,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1519,7 +1561,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1549,9 +1591,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1564,42 +1606,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1621,26 +1663,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1648,85 +1690,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1768,7 +1810,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1783,14 +1825,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1801,7 +1843,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1839,56 +1881,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = ["<!DOCTYPE html>"];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1898,18 +1940,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1917,8 +1959,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2404,7 +2446,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2453,7 +2495,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2495,7 +2537,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2561,7 +2603,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3343,7 +3385,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3351,8 +3394,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3486,8 +3535,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "%c%s%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "%c%s%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3551,12 +3664,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3624,7 +3737,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3647,7 +3759,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3668,7 +3779,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3692,7 +3802,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3723,44 +3832,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3823,119 +3943,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3944,43 +4046,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4003,23 +4101,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4039,13 +4136,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -4060,25 +4154,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -4094,8 +4183,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4105,77 +4194,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push("\x3c!-- --\x3e"),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4183,23 +4254,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4211,7 +4276,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4219,7 +4283,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4242,7 +4306,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4253,12 +4317,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4294,22 +4355,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4318,24 +4385,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4364,7 +4427,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4384,15 +4447,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4432,14 +4494,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4455,13 +4514,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4469,16 +4531,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4490,120 +4552,92 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -4641,7 +4675,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -4722,9 +4756,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$42
-        ? ((boundaryNode$42 = [
+      var boundaryNode$41 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$41
+        ? ((boundaryNode$41 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -4732,13 +4766,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$41),
           addToReplayParent(
-            boundaryNode$42,
+            boundaryNode$41,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$42),
+        : ((boundaryKeyPath = boundaryNode$41),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -4795,7 +4829,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4828,15 +4861,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4850,15 +4881,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$48) {
+    } catch (thrownValue$47) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$48 === SuspenseException
+          thrownValue$47 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$48),
+            : thrownValue$47),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -4886,15 +4917,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4908,8 +4937,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -4923,7 +4952,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -4935,7 +4963,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4953,7 +4980,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -5042,7 +5069,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -5060,11 +5087,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5119,7 +5146,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5226,12 +5253,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5256,15 +5286,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5292,12 +5317,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   segment$jscomp$0.lastPushedText &&
                     segment$jscomp$0.textEmbedded &&
                     segment$jscomp$0.chunks.push("\x3c!-- --\x3e"),
@@ -5317,8 +5337,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5327,11 +5345,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5346,17 +5361,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -5780,11 +5796,11 @@ function flushCompletedQueues(request, destination) {
       completedBoundaries.splice(0, i);
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$54 = partialBoundaries[i];
+        var boundary$53 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$54.completedSegments;
+          var completedSegments = boundary$53.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -5794,7 +5810,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$54,
+                boundary$53,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -5806,7 +5822,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$54.contentState,
+            boundary$53.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -5881,8 +5897,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$56) {
-    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
+  } catch (error$55) {
+    logRecoverableError(request, error$55, {}), fatalError(request, error$55);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -5897,15 +5913,15 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) {
     parentNode[2].push(node);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_800 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_783 = React.version;
 if (
-  "19.0.0-experimental-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_800
+  "19.0.0-experimental-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_783
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_800 +
-        "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_783 +
+        "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -5993,4 +6009,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js
index 333820cc405a4..a427e6b9b929c 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js
@@ -41,37 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -337,7 +306,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -369,7 +338,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -380,7 +349,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -391,7 +360,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -406,7 +375,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -417,17 +386,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -442,7 +411,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -450,7 +419,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -463,7 +432,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -483,13 +452,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -501,7 +470,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -522,7 +491,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -531,7 +500,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -540,7 +509,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -549,14 +518,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -568,7 +537,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -576,7 +545,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -588,7 +557,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -597,7 +566,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -666,7 +635,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -674,7 +643,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -723,7 +692,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -750,13 +719,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -880,7 +849,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -890,7 +859,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -1186,7 +1156,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -1196,7 +1166,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -1207,7 +1177,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -1220,14 +1190,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1321,7 +1291,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1344,19 +1314,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1406,12 +1376,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1488,7 +1458,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1647,13 +1617,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1668,7 +1638,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1791,7 +1761,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1853,11 +1823,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1883,14 +1853,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1943,7 +1913,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1995,7 +1965,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -2021,7 +1991,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -2048,7 +2018,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -2088,7 +2058,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -2176,7 +2146,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -2192,7 +2162,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2201,7 +2171,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2268,7 +2238,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2338,13 +2308,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2420,33 +2390,85 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      stringToChunk("data"),
+                      attributeAssign,
+                      stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(
+              stringToChunk(escapeTextForBrowser(children$jscomp$5))
+            );
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2455,16 +2477,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2480,7 +2502,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2491,7 +2513,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2501,7 +2523,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2511,13 +2533,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2563,19 +2585,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2590,7 +2612,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2621,23 +2643,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2657,34 +2679,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2694,14 +2716,14 @@
               );
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2714,7 +2736,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2735,26 +2757,26 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
@@ -2762,75 +2784,75 @@
                 target.push(
                   stringToChunk(escapeStyleTextContent(child$jscomp$2))
                 );
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2838,10 +2860,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push(stringToChunk("" + html))));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2905,7 +2927,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2958,56 +2980,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -3017,21 +3039,21 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           stringToChunk(attributeName),
                           attributeAssign,
                           stringToChunk(
-                            escapeTextForBrowser(propValue$jscomp$10)
+                            escapeTextForBrowser(propValue$jscomp$11)
                           ),
                           attributeEnd
                         );
@@ -3042,10 +3064,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -3203,7 +3225,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3554,7 +3576,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3612,7 +3634,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3673,7 +3695,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3776,7 +3798,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3789,7 +3811,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3889,7 +3911,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3930,7 +3952,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3992,14 +4014,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4187,7 +4209,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4198,8 +4220,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4353,37 +4381,85 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
-    function getStackByComponentStackNode(componentStack) {
-      try {
-        var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
-        return info;
-      } catch (x) {
-        return "\nError generating stack: " + x.message + "\n" + x.stack;
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function isNotExternal(stackFrame) {
+      return !externalRegExp.test(stackFrame);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
       }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4448,12 +4524,14 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4583,12 +4661,14 @@
             abortSet,
             null,
             postponedState.rootFormatContext,
-            emptyContextObject,
             null,
             emptyTreeContext,
             null,
-            !1
+            !1,
+            emptyContextObject,
+            null
           )),
+          pushComponentStack(children),
           pingedTasks.push(children),
           renderState
         );
@@ -4607,12 +4687,14 @@
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
       return renderState;
     }
@@ -4662,11 +4744,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4685,13 +4768,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4706,11 +4789,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4730,13 +4814,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4762,16 +4846,185 @@
       };
     }
     function getCurrentStackInDEV() {
-      return null === currentTaskInDEV ||
-        null === currentTaskInDEV.componentStack
-        ? ""
-        : getStackByComponentStackNode(currentTaskInDEV.componentStack);
+      if (null === currentTaskInDEV || null === currentTaskInDEV.componentStack)
+        return "";
+      var componentStack = currentTaskInDEV.componentStack;
+      try {
+        var info = "";
+        if ("string" === typeof componentStack.type)
+          info += describeBuiltInComponentFrame(componentStack.type);
+        else if ("function" === typeof componentStack.type) {
+          if (!componentStack.owner) {
+            var JSCompiler_temp_const = info,
+              fn = componentStack.type,
+              name = fn ? fn.displayName || fn.name : "";
+            var JSCompiler_inline_result = name
+              ? describeBuiltInComponentFrame(name)
+              : "";
+            info = JSCompiler_temp_const + JSCompiler_inline_result;
+          }
+        } else
+          componentStack.owner ||
+            (info += describeComponentStackByType(componentStack.type));
+        for (; componentStack; ) {
+          var debugStack = componentStack.stack;
+          if ("string" !== typeof debugStack && null != debugStack) {
+            JSCompiler_temp_const = componentStack;
+            var stack = debugStack.stack;
+            stack.startsWith("Error: react-stack-top-frame\n") &&
+              (stack = stack.slice(29));
+            var frames = stack.split("\n").slice(1);
+            if (null === callComponentFrame) {
+              var stack$jscomp$0 = callComponentInDEV(
+                  Error,
+                  "react-stack-top-frame",
+                  {}
+                ).stack,
+                startIdx = stack$jscomp$0.startsWith(
+                  "Error: react-stack-top-frame\n"
+                )
+                  ? 29
+                  : 0,
+                endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+              callComponentFrame =
+                -1 === endIdx
+                  ? stack$jscomp$0.slice(startIdx)
+                  : stack$jscomp$0.slice(startIdx, endIdx);
+            }
+            var lastFrameIdx = frames.indexOf(callComponentFrame);
+            if (-1 === lastFrameIdx) {
+              if (null === callLazyInitFrame) {
+                var stack$jscomp$1 = callLazyInitInDEV({
+                    $$typeof: REACT_LAZY_TYPE,
+                    _init: Error,
+                    _payload: "react-stack-top-frame"
+                  }).stack,
+                  startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                    "Error: react-stack-top-frame\n"
+                  )
+                    ? 29
+                    : 0,
+                  endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                    "\n",
+                    startIdx$jscomp$0
+                  );
+                callLazyInitFrame =
+                  -1 === endIdx$jscomp$0
+                    ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                    : stack$jscomp$1.slice(startIdx$jscomp$0, endIdx$jscomp$0);
+              }
+              lastFrameIdx = frames.indexOf(callLazyInitFrame);
+              if (-1 === lastFrameIdx) {
+                if (null === callIteratorFrame)
+                  try {
+                    callRenderInDEV({ render: null }), (callIteratorFrame = "");
+                  } catch (error) {
+                    var stack$jscomp$2 = error.stack,
+                      startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                        "TypeError: "
+                      )
+                        ? stack$jscomp$2.indexOf("\n") + 1
+                        : 0,
+                      endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                        "\n",
+                        startIdx$jscomp$1
+                      );
+                    callIteratorFrame =
+                      -1 === endIdx$jscomp$1
+                        ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                        : stack$jscomp$2.slice(
+                            startIdx$jscomp$1,
+                            endIdx$jscomp$1
+                          );
+                  }
+                lastFrameIdx = frames.indexOf(callIteratorFrame);
+              }
+            }
+            if (-1 !== lastFrameIdx) {
+              frames.length = lastFrameIdx;
+              var JSCompiler_inline_result$jscomp$0 = frames
+                .filter(isNotExternal)
+                .join("\n");
+            } else JSCompiler_inline_result$jscomp$0 = "";
+            JSCompiler_temp_const.stack = debugStack =
+              JSCompiler_inline_result$jscomp$0;
+          }
+          (componentStack = componentStack.owner) &&
+            debugStack &&
+            (info += "\n" + debugStack);
+        }
+        var JSCompiler_inline_result$jscomp$1 = info;
+      } catch (x) {
+        JSCompiler_inline_result$jscomp$1 =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result$jscomp$1;
+    }
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            void 0 !== componentInfo.stack &&
+            ((task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            }),
+            (task.debugTask = componentInfo.task));
+        }
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner,
+              stack = node._debugStack;
+            pushServerComponentStack(task, node._debugInfo);
+            task.debugTask = node._debugTask;
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: stack
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node$jscomp$0) {
+      var errorInfo = {};
+      node$jscomp$0 &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            try {
+              var info = "",
+                node = node$jscomp$0;
+              do
+                (info += describeComponentStackByType(node.type)),
+                  (node = node.parent);
+              while (node);
+              var stack = info;
+            } catch (x) {
+              stack = "\nError generating stack: " + x.message + "\n" + x.stack;
+            }
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4795,20 +5048,31 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logPostpone(request, reason, postponeInfo, debugTask) {
+      request = request.onPostpone;
+      debugTask
+        ? debugTask.run(request.bind(null, reason, postponeInfo))
+        : request(reason, postponeInfo);
+    }
+    function logRecoverableError(request, error, errorInfo, debugTask) {
+      request = request.onError;
+      error = debugTask
+        ? debugTask.run(request.bind(null, error, errorInfo))
+        : request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
-    }
-    function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
-      onShellError(error);
+      else return error;
+    }
+    function fatalError(request, error, errorInfo, debugTask) {
+      errorInfo = request.onShellError;
+      var onFatalError = request.onFatalError;
+      debugTask
+        ? (debugTask.run(errorInfo.bind(null, error)),
+          debugTask.run(onFatalError.bind(null, error)))
+        : (errorInfo(error), onFatalError(error));
       null !== request.destination
         ? ((request.status = 2), closeWithError(request.destination, error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4833,7 +5097,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4897,12 +5161,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4923,7 +5181,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4940,7 +5198,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4987,7 +5245,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -5006,88 +5264,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -5096,32 +5353,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -5146,7 +5403,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -5162,7 +5419,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -5187,7 +5444,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -5199,7 +5456,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -5250,10 +5507,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -5262,19 +5519,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -5292,42 +5542,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5339,11 +5590,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5413,7 +5661,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5435,16 +5682,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5461,10 +5702,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5509,30 +5747,35 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 if (
-                  "object" === typeof error$2 &&
-                  null !== error$2 &&
-                  error$2.$$typeof === REACT_POSTPONE_TYPE
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
                 ) {
-                  request.onPostpone(error$2.message, thrownInfo);
+                  logPostpone(
+                    request,
+                    error.message,
+                    thrownInfo,
+                    task.debugTask
+                  );
                   var errorDigest = "POSTPONE";
                 } else
                   errorDigest = logRecoverableError(
                     request,
-                    error$2,
-                    thrownInfo
+                    error,
+                    thrownInfo,
+                    task.debugTask
                   );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5541,8 +5784,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5577,12 +5819,14 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
-                !0
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5590,12 +5834,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5618,7 +5856,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5634,7 +5871,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5656,7 +5893,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5664,7 +5901,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5673,7 +5910,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5681,7 +5918,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5691,12 +5928,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5741,381 +5974,396 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
-              var name = getComponentNameFromType(type),
-                keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
-                          throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
-                        task.replay = {
-                          nodes: childNodes,
-                          slots: name,
-                          pendingTasks: 1
-                        };
-                        try {
-                          renderElement(request, task, key, type, props, ref);
-                          if (
-                            1 === task.replay.pendingTasks &&
-                            0 < task.replay.nodes.length
-                          )
-                            throw Error(
-                              "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                            );
-                          task.replay.pendingTasks--;
-                        } catch (x) {
-                          if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
-                              request,
-                              fallbackAbortSet
-                            );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              "object" === typeof error$3 &&
-                              null !== error$3 &&
-                              error$3.$$typeof === REACT_POSTPONE_TYPE
-                                ? (request.onPostpone(
-                                    error$3.message,
-                                    childNodes
-                                  ),
-                                  (type = "POSTPONE"))
-                                : (type = logRecoverableError(
-                                    request,
-                                    error$3,
-                                    childNodes
-                                  )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          task = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(task);
-                        }
-                      }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
-                    }
-                  }
+    function replayElement(
+      request,
+      task,
+      keyPath,
+      name,
+      keyOrIndex,
+      childIndex,
+      type,
+      props,
+      ref,
+      replay
+    ) {
+      childIndex = replay.nodes;
+      for (var i = 0; i < childIndex.length; i++) {
+        var node = childIndex[i];
+        if (keyOrIndex === node[1]) {
+          if (4 === node.length) {
+            if (null !== name && name !== node[0])
+              throw Error(
+                "Expected the resume to render <" +
+                  node[0] +
+                  "> in this slot but instead it rendered <" +
+                  name +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            var childNodes = node[2];
+            node = node[3];
+            name = task.node;
+            task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+            try {
+              renderElement(request, task, keyPath, type, props, ref);
+              if (
+                1 === task.replay.pendingTasks &&
+                0 < task.replay.nodes.length
+              )
+                throw Error(
+                  "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                );
+              task.replay.pendingTasks--;
+            } catch (x) {
+              if (
+                "object" === typeof x &&
+                null !== x &&
+                (x === SuspenseException || "function" === typeof x.then)
+              )
+                throw (task.node === name && (task.replay = replay), x);
+              task.replay.pendingTasks--;
+              props = getThrownInfo(task.componentStack);
+              erroredReplay(
+                request,
+                task.blockedBoundary,
+                x,
+                props,
+                childNodes,
+                node,
+                task.debugTask
+              );
+            }
+            task.replay = replay;
+          } else {
+            if (type !== REACT_SUSPENSE_TYPE)
+              throw Error(
+                "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                  (getComponentNameFromType(type) || "Unknown") +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            a: {
+              replay = void 0;
+              type = node[5];
+              ref = node[2];
+              name = node[3];
+              keyOrIndex = null === node[4] ? [] : node[4][2];
+              node = null === node[4] ? null : node[4][3];
+              var prevKeyPath = task.keyPath,
+                previousReplaySet = task.replay,
+                parentBoundary = task.blockedBoundary,
+                parentHoistableState = task.hoistableState,
+                content = props.children;
+              props = props.fallback;
+              var fallbackAbortSet = new Set(),
+                resumedBoundary = createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet
+                );
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = type;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
+              task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+              try {
+                renderNode(request, task, content, -1);
+                if (
+                  1 === task.replay.pendingTasks &&
+                  0 < task.replay.nodes.length
+                )
+                  throw Error(
+                    "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                  );
+                task.replay.pendingTasks--;
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  resumedBoundary.status === PENDING
+                ) {
+                  resumedBoundary.status = COMPLETED;
+                  request.completedBoundaries.push(resumedBoundary);
+                  break a;
                 }
-              else renderElement(request, task, key, type, props, ref);
+              } catch (error) {
+                (resumedBoundary.status = CLIENT_RENDERED),
+                  (childNodes = getThrownInfo(task.componentStack)),
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
+                    ? (logPostpone(
+                        request,
+                        error.message,
+                        childNodes,
+                        task.debugTask
+                      ),
+                      (replay = "POSTPONE"))
+                    : (replay = logRecoverableError(
+                        request,
+                        error,
+                        childNodes,
+                        task.debugTask
+                      )),
+                  encodeErrorForBoundary(
+                    resumedBoundary,
+                    replay,
+                    error,
+                    childNodes,
+                    !1
+                  ),
+                  task.replay.pendingTasks--,
+                  request.clientRenderedBoundaries.push(resumedBoundary);
+              } finally {
+                (task.blockedBoundary = parentBoundary),
+                  (task.hoistableState = parentHoistableState),
+                  (task.replay = previousReplaySet),
+                  (task.keyPath = prevKeyPath);
+              }
+              props = createReplayTask(
+                request,
+                null,
+                { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                props,
+                -1,
+                parentBoundary,
+                resumedBoundary.fallbackState,
+                fallbackAbortSet,
+                [keyPath[0], "Suspense Fallback", keyPath[2]],
+                task.formatContext,
+                task.context,
+                task.treeContext,
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
+              );
+              pushComponentStack(props);
+              request.pingedTasks.push(props);
+            }
+          }
+          childIndex.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          (childIndex = task.debugTask),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node),
+          (task.debugTask = childIndex));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = node.type,
+                key = node.key;
+              node = node.props;
+              var ref = node.ref;
+              ref = void 0 !== ref ? ref : null;
+              var debugTask = task.debugTask,
+                name = getComponentNameFromType(type);
+              key = null == key ? (-1 === childIndex ? 0 : childIndex) : key;
+              var keyPath = [task.keyPath, name, key];
+              null !== task.replay
+                ? debugTask
+                  ? debugTask.run(
+                      replayElement.bind(
+                        null,
+                        request,
+                        task,
+                        keyPath,
+                        name,
+                        key,
+                        childIndex,
+                        type,
+                        node,
+                        ref,
+                        task.replay
+                      )
+                    )
+                  : replayElement(
+                      request,
+                      task,
+                      keyPath,
+                      name,
+                      key,
+                      childIndex,
+                      type,
+                      node,
+                      ref,
+                      task.replay
+                    )
+                : debugTask
+                ? debugTask.run(
+                    renderElement.bind(
+                      null,
+                      request,
+                      task,
+                      keyPath,
+                      type,
+                      node,
+                      ref
+                    )
+                  )
+                : renderElement(request, task, keyPath, type, node, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
-            : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+          null === node || "object" !== typeof node
+            ? (key = null)
+            : ((type =
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (key = "function" === typeof type ? type : null));
+          if (key && (type = key.call(node))) {
+            if (type === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
-                "[object Generator]" !==
-                  Object.prototype.toString.call(childNodes)
+                "[object Generator]" !== Object.prototype.toString.call(type)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== key ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = type.next();
+            if (!node.done) {
+              key = [];
+              do key.push(node.value), (node = type.next());
+              while (!node.done);
+              renderChildrenArray(request, task, key, childIndex);
             }
             return;
           }
           if (
-            "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-            (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+            "function" === typeof node[ASYNC_ITERATOR] &&
+            (type = node[ASYNC_ITERATOR]())
           ) {
-            childNodes !== node$jscomp$0 ||
+            type !== node ||
               (-1 === childIndex &&
                 null !== task.componentStack &&
-                1 === task.componentStack.tag &&
+                "function" === typeof task.componentStack.type &&
                 "[object AsyncGeneratorFunction]" ===
                   Object.prototype.toString.call(task.componentStack.type) &&
                 "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(childNodes)) ||
+                  Object.prototype.toString.call(type)) ||
               (didWarnAboutGenerators ||
-                error$jscomp$2(
+                console.error(
                   "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
                 ),
               (didWarnAboutGenerators = !0));
-            type = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "AsyncIterable"
-            );
             key = task.thenableState;
             task.thenableState = null;
             thenableIndexCounter = 0;
             thenableState = key;
             key = [];
-            props = !1;
-            if (childNodes === node$jscomp$0)
-              for (
-                node$jscomp$0 = readPreviousThenableFromState();
-                void 0 !== node$jscomp$0;
-
-              ) {
-                if (node$jscomp$0.done) {
-                  props = !0;
+            ref = !1;
+            if (type === node)
+              for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+                if (node.done) {
+                  ref = !0;
                   break;
                 }
-                key.push(node$jscomp$0.value);
-                node$jscomp$0 = readPreviousThenableFromState();
+                key.push(node.value);
+                node = readPreviousThenableFromState();
               }
-            if (!props)
-              for (
-                node$jscomp$0 = unwrapThenable(childNodes.next());
-                !node$jscomp$0.done;
-
-              )
-                key.push(node$jscomp$0.value),
-                  (node$jscomp$0 = unwrapThenable(childNodes.next()));
-            task.componentStack = type;
+            if (!ref)
+              for (node = unwrapThenable(type.next()); !node.done; )
+                key.push(node.value), (node = unwrapThenable(type.next()));
             renderChildrenArray(request, task, key, childIndex);
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          request = Object.prototype.toString.call(node$jscomp$0);
+          request = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === request
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : request) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((request =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((request = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 request,
                 request
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      var previousDebugTask = task.debugTask;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -6149,14 +6397,15 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
                 x,
                 children,
                 childIndex,
-                node
+                node,
+                task.debugTask
               );
             }
             task.replay = replay;
@@ -6165,6 +6414,8 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       replay = task.treeContext;
@@ -6190,6 +6441,8 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -6215,39 +6468,56 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: resumeSegmentID._debugStack
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
+      task.debugTask = previousDebugTask;
     }
     function trackPostpone(request, trackedPostpones, task, segment) {
       segment.status = POSTPONED;
@@ -6359,11 +6629,11 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
         previousComponentStack = task.componentStack,
+        previousDebugTask = task.debugTask,
         segment = task.blockedSegment;
       if (null === segment)
         try {
@@ -6392,19 +6662,20 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
-              task.isFallback
+              task.componentStack,
+              task.isFallback,
+              emptyContextObject,
+              task.debugTask
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
             task.componentStack = previousComponentStack;
+            task.debugTask = previousDebugTask;
             switchContext(previousContext);
             return;
           }
@@ -6414,15 +6685,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (childIndex =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof childIndex && null !== childIndex)
           ) {
             if ("function" === typeof childIndex.then) {
@@ -6450,21 +6721,20 @@
                 task.abortSet,
                 task.keyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                null !== task.componentStack
-                  ? task.componentStack.parent
-                  : null,
-                task.isFallback
+                task.componentStack,
+                task.isFallback,
+                emptyContextObject,
+                task.debugTask
               ).ping;
               node.then(request, request);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6474,8 +6744,8 @@
               null !== task.blockedBoundary
             ) {
               node = request.trackedPostpones;
-              segment = getThrownInfo(request, task.componentStack);
-              request.onPostpone(childIndex.message, segment);
+              segment = getThrownInfo(task.componentStack);
+              logPostpone(request, childIndex.message, segment, task.debugTask);
               childIndex = task.blockedSegment;
               segment = createPendingSegment(
                 request,
@@ -6489,11 +6759,11 @@
               childIndex.lastPushedText = !1;
               trackPostpone(request, node, task, segment);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6501,7 +6771,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6514,23 +6783,27 @@
       error,
       errorInfo,
       replayNodes,
-      resumeSlots
+      resumeSlots,
+      debugTask
     ) {
-      if (
-        "object" === typeof error &&
-        null !== error &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        request.onPostpone(error.message, errorInfo);
-        var errorDigest = "POSTPONE";
-      } else errorDigest = logRecoverableError(request, error, errorInfo);
+      "object" === typeof error &&
+      null !== error &&
+      error.$$typeof === REACT_POSTPONE_TYPE
+        ? (logPostpone(request, error.message, errorInfo, debugTask),
+          (debugTask = "POSTPONE"))
+        : (debugTask = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            debugTask
+          ));
       abortRemainingReplayNodes(
         request,
         boundary,
         replayNodes,
         resumeSlots,
         error,
-        errorDigest,
+        debugTask,
         errorInfo,
         !1
       );
@@ -6621,10 +6894,10 @@
                   "The render was aborted with postpone when the shell is incomplete. Reason: " +
                     error.message
                 )),
-                logRecoverableError(request, task, boundary),
-                fatalError(request, task))
-              : (logRecoverableError(request, error, boundary),
-                fatalError(request, error));
+                logRecoverableError(request, task, boundary, null),
+                fatalError(request, task, boundary, null))
+              : (logRecoverableError(request, error, boundary, null),
+                fatalError(request, error, boundary, null));
             return;
           }
           task.pendingTasks--;
@@ -6633,9 +6906,9 @@
             ("object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, boundary),
+              ? (logPostpone(request, error.message, boundary, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, boundary)),
+              : (segment = logRecoverableError(request, error, boundary, null)),
             abortRemainingReplayNodes(
               request,
               null,
@@ -6653,13 +6926,13 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             "object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, task),
+              ? (logPostpone(request, error.message, task, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, task)),
+              : (segment = logRecoverableError(request, error, task, null)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
             boundary.parentFlushed &&
@@ -6717,7 +6990,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6732,8 +7005,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {}, null);
       }
     }
     function completeShell(request) {
@@ -6834,12 +7107,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6864,22 +7140,18 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
                       x,
                       errorInfo,
                       request.replay.nodes,
-                      request.replay.slots
+                      request.replay.slots,
+                      request.debugTask
                     );
                     request$jscomp$0.pendingRootTasks--;
                     0 === request$jscomp$0.pendingRootTasks &&
@@ -6904,12 +7176,7 @@
                   var childrenLength = segment$jscomp$0.children.length,
                     chunkLength = segment$jscomp$0.chunks.length;
                   try {
-                    renderNodeDestructive(
-                      request,
-                      task$jscomp$0,
-                      task$jscomp$0.node,
-                      task$jscomp$0.childIndex
-                    ),
+                    retryNode(request, task$jscomp$0),
                       segment$jscomp$0.lastPushedText &&
                         segment$jscomp$0.textEmbedded &&
                         segment$jscomp$0.chunks.push(textSeparator),
@@ -6934,9 +7201,6 @@
                         x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                         task$jscomp$0.thenableState =
                           getThenableStateAfterSuspending();
-                        null !== task$jscomp$0.componentStack &&
-                          (task$jscomp$0.componentStack =
-                            task$jscomp$0.componentStack.parent);
                         break a;
                       }
                       if (
@@ -6946,10 +7210,14 @@
                         var trackedPostpones = request.trackedPostpones;
                         task$jscomp$0.abortSet.delete(task$jscomp$0);
                         var postponeInfo = getThrownInfo(
-                          request,
                           task$jscomp$0.componentStack
                         );
-                        request.onPostpone(x$jscomp$0.message, postponeInfo);
+                        logPostpone(
+                          request,
+                          x$jscomp$0.message,
+                          postponeInfo,
+                          task$jscomp$0.debugTask
+                        );
                         trackPostpone(
                           request,
                           trackedPostpones,
@@ -6965,27 +7233,35 @@
                       }
                     }
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
                     segment$jscomp$0.status = 4;
-                    var boundary = task$jscomp$0.blockedBoundary;
+                    var boundary = task$jscomp$0.blockedBoundary,
+                      debugTask = task$jscomp$0.debugTask;
                     "object" === typeof x$jscomp$0 &&
                     null !== x$jscomp$0 &&
                     x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                      ? (request.onPostpone(
+                      ? (logPostpone(
+                          request,
                           x$jscomp$0.message,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ),
                         (prevTaskInDEV = "POSTPONE"))
                       : (prevTaskInDEV = logRecoverableError(
                           request,
                           x$jscomp$0,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ));
                     null === boundary
-                      ? fatalError(request, x$jscomp$0)
+                      ? fatalError(
+                          request,
+                          x$jscomp$0,
+                          errorInfo$jscomp$0,
+                          debugTask
+                        )
                       : (boundary.pendingTasks--,
                         boundary.status !== CLIENT_RENDERED &&
                           ((boundary.status = CLIENT_RENDERED),
@@ -7013,9 +7289,10 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          (pingedTasks = {}),
+            logRecoverableError(request$jscomp$1, error, pingedTasks, null),
+            fatalError(request$jscomp$1, error, pingedTasks, null);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7645,7 +7922,7 @@
               i.hasHtml && writeChunk(destination, endChunkForTag("html"))),
             completeWriting(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.close(),
@@ -7697,9 +7974,10 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          (destination = {}),
+            logRecoverableError(request, error, destination, null),
+            fatalError(request, error, destination, null);
         }
       }
     }
@@ -7718,8 +7996,10 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        (reason = {}),
+          logRecoverableError(request, error$3, reason, null),
+          fatalError(request, error$3, reason, null);
       }
     }
     function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -7775,18 +8055,15 @@
     }
     function ensureCorrectIsomorphicReactVersion() {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     }
     var React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -8491,6 +8768,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -8522,7 +8801,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -8571,7 +8850,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -8614,7 +8893,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -8684,7 +8963,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -9070,6 +9349,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -9229,12 +9510,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -9247,18 +9531,23 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
     )();
-    var CLIENT_RENDERED = 4,
+    var externalRegExp = /\/node_modules\/|\(<anonymous>\)/,
+      callComponentFrame = null,
+      callIteratorFrame = null,
+      callLazyInitFrame = null,
+      CLIENT_RENDERED = 4,
       PENDING = 0,
       COMPLETED = 1,
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -9468,5 +9757,5 @@
         startWork(request);
       });
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js
index c797460e23054..9bff10b3543b5 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js
@@ -413,7 +413,7 @@ function createRenderState(
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -1663,22 +1663,66 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  stringToChunk("data"),
+                  attributeAssign,
+                  stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(
+          stringToChunk(escapeTextForBrowser(children$jscomp$5))
+        );
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1692,7 +1736,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1700,7 +1744,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1743,19 +1787,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1770,7 +1814,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1800,9 +1844,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1815,34 +1859,34 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
@@ -1850,9 +1894,9 @@ function pushStartInstance(
           target$jscomp$0.push(
             stringToChunk(("" + child).replace(styleRegex, styleReplacer))
           );
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1876,26 +1920,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1905,85 +1949,85 @@ function pushStartInstance(
                 ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
               )
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, stringToChunk(html))
             : target$jscomp$0.push(stringToChunk("" + html)));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -2025,7 +2069,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -2040,14 +2084,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -2058,7 +2102,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -2096,56 +2140,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -2155,18 +2199,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       stringToChunk(attributeName),
                       attributeAssign,
-                      stringToChunk(escapeTextForBrowser(propValue$jscomp$10)),
+                      stringToChunk(escapeTextForBrowser(propValue$jscomp$11)),
                       attributeEnd
                     );
                   }
@@ -2174,8 +2218,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2789,7 +2833,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2838,7 +2882,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2880,7 +2924,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2946,7 +2990,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3732,7 +3776,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3740,8 +3785,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3875,8 +3926,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3940,12 +4055,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -4075,12 +4190,12 @@ function resumeRequest(
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       )),
+      pushComponentStack(children),
       pingedTasks.push(children),
       renderState
     );
@@ -4099,12 +4214,12 @@ function resumeRequest(
     abortSet,
     null,
     postponedState.rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
   return renderState;
 }
@@ -4152,7 +4267,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -4175,7 +4289,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -4196,7 +4309,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -4220,7 +4332,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -4251,44 +4362,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -4351,119 +4473,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$32 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$32] &&
-            (JSCompiler_inline_result[propName$32] = defaultProps[propName$32]);
+          void 0 === newProps[propName$32] &&
+            (newProps[propName$32] = defaultProps[propName$32]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$32 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$32;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$32 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$32 && null !== propName$32
+          ? propName$32._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$32)),
-        (propName$32 =
-          null === contextType || void 0 === contextType
-            ? propName$32
-            : assign({}, propName$32, contextType)),
-        (defaultProps.state = propName$32));
+      propName$32 = type.getDerivedStateFromProps;
+      "function" === typeof propName$32 &&
+        ((propName$32 = propName$32(props, ref)),
+        (ref =
+          null === propName$32 || void 0 === propName$32
+            ? ref
+            : assign({}, ref, propName$32)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$32 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$32 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$32 = !0;
+            defaultProps = propName$32 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$32 = propName$32 ? 1 : 0;
+              propName$32 < type.length;
+              propName$32++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$32]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$32
-                    ? ((propName$32 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -4472,43 +4576,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$32 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$32);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$32 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$32 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$32, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$32;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4531,23 +4631,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4567,13 +4666,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -4588,25 +4684,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$32 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$32 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$32.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$32,
             task.formatContext,
             !1,
             !1
@@ -4622,8 +4713,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$32;
+          task.hoistableState = propName$32.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4633,77 +4724,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$32, contentRootSegment),
+              0 === propName$32.pendingTasks && 0 === propName$32.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$32.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$32.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$32.errorDigest = defaultProps),
+              untrackBoundary(request, propName$32);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$32.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$32.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$32,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$32.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4711,23 +4784,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4739,7 +4806,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4747,7 +4813,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4770,7 +4836,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4781,12 +4847,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4822,22 +4885,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4846,24 +4915,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4892,7 +4957,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4912,15 +4977,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4960,14 +5024,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4983,13 +5044,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4997,16 +5061,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -5018,120 +5082,92 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -5169,7 +5205,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -5250,9 +5286,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$43 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$43
-        ? ((boundaryNode$43 = [
+      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$42
+        ? ((boundaryNode$42 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -5260,13 +5296,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$43),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
           addToReplayParent(
-            boundaryNode$43,
+            boundaryNode$42,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$43),
+        : ((boundaryKeyPath = boundaryNode$42),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -5323,7 +5359,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -5356,15 +5391,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -5378,15 +5411,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$49) {
+    } catch (thrownValue$48) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$49 === SuspenseException
+          thrownValue$48 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$49),
+            : thrownValue$48),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -5414,15 +5447,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5436,8 +5467,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -5451,7 +5482,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5463,7 +5493,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -5481,7 +5510,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -5570,7 +5599,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -5588,11 +5617,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5647,7 +5676,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5754,12 +5783,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5784,15 +5816,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5820,12 +5847,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   segment$jscomp$0.lastPushedText &&
                     segment$jscomp$0.textEmbedded &&
                     segment$jscomp$0.chunks.push(textSeparator),
@@ -5845,8 +5867,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5855,11 +5875,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5874,17 +5891,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -6307,11 +6325,11 @@ function flushCompletedQueues(request, destination) {
       writtenBytes = 0;
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$55 = partialBoundaries[i];
+        var boundary$54 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$55.completedSegments;
+          var completedSegments = boundary$54.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -6321,7 +6339,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$55,
+                boundary$54,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -6333,7 +6351,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$55.contentState,
+            boundary$54.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -6435,8 +6453,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$57) {
-    logRecoverableError(request, error$57, {}), fatalError(request, error$57);
+  } catch (error$56) {
+    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -6492,11 +6510,11 @@ function getPostponedState(request) {
 }
 function ensureCorrectIsomorphicReactVersion() {
   var isomorphicReactPackageVersion = React.version;
-  if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+  if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
     throw Error(
       'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
         (isomorphicReactPackageVersion +
-          "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+          "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
     );
 }
 ensureCorrectIsomorphicReactVersion();
@@ -6700,4 +6718,4 @@ exports.resume = function (children, postponedState, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js
index 84575523daf7d..776ebdffb54aa 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js
@@ -17,37 +17,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -224,7 +193,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -293,7 +262,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -320,7 +289,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -331,7 +300,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -342,7 +311,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -357,7 +326,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -368,17 +337,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -393,7 +362,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -401,7 +370,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -414,7 +383,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -434,13 +403,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -452,7 +421,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -473,7 +442,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -482,7 +451,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -491,7 +460,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -500,14 +469,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -519,7 +488,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -527,7 +496,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -539,7 +508,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -548,7 +517,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -617,7 +586,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -625,7 +594,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -674,7 +643,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -701,13 +670,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -827,7 +796,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -837,7 +806,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -1125,7 +1095,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -1135,7 +1105,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -1146,7 +1116,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -1159,14 +1129,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1256,7 +1226,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1279,19 +1249,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1341,12 +1311,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1423,7 +1393,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1573,13 +1543,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1594,7 +1564,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1717,7 +1687,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1779,11 +1749,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1809,14 +1779,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1869,7 +1839,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1921,7 +1891,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1947,7 +1917,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1974,7 +1944,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -2014,7 +1984,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -2100,7 +2070,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -2116,7 +2086,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2125,7 +2095,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2192,7 +2162,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2260,13 +2230,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2340,33 +2310,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2375,16 +2395,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2400,7 +2420,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2411,7 +2431,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2421,7 +2441,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2431,13 +2451,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2483,19 +2503,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2510,7 +2530,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2541,23 +2561,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2577,34 +2597,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2612,14 +2632,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2632,7 +2652,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2651,100 +2671,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2752,10 +2772,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2819,7 +2839,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2872,56 +2892,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2931,20 +2951,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2954,10 +2974,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -3115,7 +3135,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3456,7 +3476,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3514,7 +3534,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3575,7 +3595,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3678,7 +3698,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3691,7 +3711,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3791,7 +3811,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3832,7 +3852,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3894,14 +3914,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4086,7 +4106,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4097,8 +4117,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4252,37 +4278,85 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
-    function getStackByComponentStackNode(componentStack) {
-      try {
-        var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
-        return info;
-      } catch (x) {
-        return "\nError generating stack: " + x.message + "\n" + x.stack;
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function isNotExternal(stackFrame) {
+      return !externalRegExp.test(stackFrame);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
       }
+      return "";
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4347,12 +4421,14 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
-        !1
+        !1,
+        emptyContextObject,
+        null
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createPrerenderRequest(
@@ -4432,11 +4508,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4455,13 +4532,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4476,11 +4553,12 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
-      isFallback
+      isFallback,
+      legacyContext,
+      debugTask
     ) {
       request.allPendingTasks++;
       null === blockedBoundary
@@ -4500,13 +4578,13 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
         thenableState: thenableState,
         isFallback: isFallback
       };
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -4532,16 +4610,185 @@
       };
     }
     function getCurrentStackInDEV() {
-      return null === currentTaskInDEV ||
-        null === currentTaskInDEV.componentStack
-        ? ""
-        : getStackByComponentStackNode(currentTaskInDEV.componentStack);
+      if (null === currentTaskInDEV || null === currentTaskInDEV.componentStack)
+        return "";
+      var componentStack = currentTaskInDEV.componentStack;
+      try {
+        var info = "";
+        if ("string" === typeof componentStack.type)
+          info += describeBuiltInComponentFrame(componentStack.type);
+        else if ("function" === typeof componentStack.type) {
+          if (!componentStack.owner) {
+            var JSCompiler_temp_const = info,
+              fn = componentStack.type,
+              name = fn ? fn.displayName || fn.name : "";
+            var JSCompiler_inline_result = name
+              ? describeBuiltInComponentFrame(name)
+              : "";
+            info = JSCompiler_temp_const + JSCompiler_inline_result;
+          }
+        } else
+          componentStack.owner ||
+            (info += describeComponentStackByType(componentStack.type));
+        for (; componentStack; ) {
+          var debugStack = componentStack.stack;
+          if ("string" !== typeof debugStack && null != debugStack) {
+            JSCompiler_temp_const = componentStack;
+            var stack = debugStack.stack;
+            stack.startsWith("Error: react-stack-top-frame\n") &&
+              (stack = stack.slice(29));
+            var frames = stack.split("\n").slice(1);
+            if (null === callComponentFrame) {
+              var stack$jscomp$0 = callComponentInDEV(
+                  Error,
+                  "react-stack-top-frame",
+                  {}
+                ).stack,
+                startIdx = stack$jscomp$0.startsWith(
+                  "Error: react-stack-top-frame\n"
+                )
+                  ? 29
+                  : 0,
+                endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+              callComponentFrame =
+                -1 === endIdx
+                  ? stack$jscomp$0.slice(startIdx)
+                  : stack$jscomp$0.slice(startIdx, endIdx);
+            }
+            var lastFrameIdx = frames.indexOf(callComponentFrame);
+            if (-1 === lastFrameIdx) {
+              if (null === callLazyInitFrame) {
+                var stack$jscomp$1 = callLazyInitInDEV({
+                    $$typeof: REACT_LAZY_TYPE,
+                    _init: Error,
+                    _payload: "react-stack-top-frame"
+                  }).stack,
+                  startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                    "Error: react-stack-top-frame\n"
+                  )
+                    ? 29
+                    : 0,
+                  endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                    "\n",
+                    startIdx$jscomp$0
+                  );
+                callLazyInitFrame =
+                  -1 === endIdx$jscomp$0
+                    ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                    : stack$jscomp$1.slice(startIdx$jscomp$0, endIdx$jscomp$0);
+              }
+              lastFrameIdx = frames.indexOf(callLazyInitFrame);
+              if (-1 === lastFrameIdx) {
+                if (null === callIteratorFrame)
+                  try {
+                    callRenderInDEV({ render: null }), (callIteratorFrame = "");
+                  } catch (error) {
+                    var stack$jscomp$2 = error.stack,
+                      startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                        "TypeError: "
+                      )
+                        ? stack$jscomp$2.indexOf("\n") + 1
+                        : 0,
+                      endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                        "\n",
+                        startIdx$jscomp$1
+                      );
+                    callIteratorFrame =
+                      -1 === endIdx$jscomp$1
+                        ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                        : stack$jscomp$2.slice(
+                            startIdx$jscomp$1,
+                            endIdx$jscomp$1
+                          );
+                  }
+                lastFrameIdx = frames.indexOf(callIteratorFrame);
+              }
+            }
+            if (-1 !== lastFrameIdx) {
+              frames.length = lastFrameIdx;
+              var JSCompiler_inline_result$jscomp$0 = frames
+                .filter(isNotExternal)
+                .join("\n");
+            } else JSCompiler_inline_result$jscomp$0 = "";
+            JSCompiler_temp_const.stack = debugStack =
+              JSCompiler_inline_result$jscomp$0;
+          }
+          (componentStack = componentStack.owner) &&
+            debugStack &&
+            (info += "\n" + debugStack);
+        }
+        var JSCompiler_inline_result$jscomp$1 = info;
+      } catch (x) {
+        JSCompiler_inline_result$jscomp$1 =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result$jscomp$1;
+    }
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            void 0 !== componentInfo.stack &&
+            ((task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            }),
+            (task.debugTask = componentInfo.task));
+        }
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner,
+              stack = node._debugStack;
+            pushServerComponentStack(task, node._debugInfo);
+            task.debugTask = node._debugTask;
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: stack
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node$jscomp$0) {
+      var errorInfo = {};
+      node$jscomp$0 &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            try {
+              var info = "",
+                node = node$jscomp$0;
+              do
+                (info += describeComponentStackByType(node.type)),
+                  (node = node.parent);
+              while (node);
+              var stack = info;
+            } catch (x) {
+              stack = "\nError generating stack: " + x.message + "\n" + x.stack;
+            }
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4565,20 +4812,31 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logPostpone(request, reason, postponeInfo, debugTask) {
+      request = request.onPostpone;
+      debugTask
+        ? debugTask.run(request.bind(null, reason, postponeInfo))
+        : request(reason, postponeInfo);
+    }
+    function logRecoverableError(request, error, errorInfo, debugTask) {
+      request = request.onError;
+      error = debugTask
+        ? debugTask.run(request.bind(null, error, errorInfo))
+        : request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
-    }
-    function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
-      onShellError(error);
+      else return error;
+    }
+    function fatalError(request, error, errorInfo, debugTask) {
+      errorInfo = request.onShellError;
+      var onFatalError = request.onFatalError;
+      debugTask
+        ? (debugTask.run(errorInfo.bind(null, error)),
+          debugTask.run(onFatalError.bind(null, error)))
+        : (errorInfo(error), onFatalError(error));
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4603,7 +4861,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4667,12 +4925,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4693,7 +4945,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4710,7 +4962,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4757,7 +5009,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4776,88 +5028,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4866,32 +5117,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4916,7 +5167,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4932,7 +5183,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4957,7 +5208,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4969,7 +5220,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -5020,10 +5271,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -5032,19 +5283,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -5062,42 +5306,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5109,11 +5354,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5183,7 +5425,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5205,16 +5446,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5231,10 +5466,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5279,30 +5511,35 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 if (
-                  "object" === typeof error$2 &&
-                  null !== error$2 &&
-                  error$2.$$typeof === REACT_POSTPONE_TYPE
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
                 ) {
-                  request.onPostpone(error$2.message, thrownInfo);
+                  logPostpone(
+                    request,
+                    error.message,
+                    thrownInfo,
+                    task.debugTask
+                  );
                   var errorDigest = "POSTPONE";
                 } else
                   errorDigest = logRecoverableError(
                     request,
-                    error$2,
-                    thrownInfo
+                    error,
+                    thrownInfo,
+                    task.debugTask
                   );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5311,8 +5548,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5347,12 +5583,14 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
-                !0
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5360,12 +5598,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5388,7 +5620,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5404,7 +5635,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5426,7 +5657,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5434,7 +5665,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5443,7 +5674,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5451,7 +5682,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5461,12 +5692,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5511,381 +5738,396 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
-              var name = getComponentNameFromType(type),
-                keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
-                          throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
-                        task.replay = {
-                          nodes: childNodes,
-                          slots: name,
-                          pendingTasks: 1
-                        };
-                        try {
-                          renderElement(request, task, key, type, props, ref);
-                          if (
-                            1 === task.replay.pendingTasks &&
-                            0 < task.replay.nodes.length
-                          )
-                            throw Error(
-                              "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                            );
-                          task.replay.pendingTasks--;
-                        } catch (x) {
-                          if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
-                              request,
-                              fallbackAbortSet
-                            );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              "object" === typeof error$3 &&
-                              null !== error$3 &&
-                              error$3.$$typeof === REACT_POSTPONE_TYPE
-                                ? (request.onPostpone(
-                                    error$3.message,
-                                    childNodes
-                                  ),
-                                  (type = "POSTPONE"))
-                                : (type = logRecoverableError(
-                                    request,
-                                    error$3,
-                                    childNodes
-                                  )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          task = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(task);
-                        }
-                      }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
-                    }
-                  }
+    function replayElement(
+      request,
+      task,
+      keyPath,
+      name,
+      keyOrIndex,
+      childIndex,
+      type,
+      props,
+      ref,
+      replay
+    ) {
+      childIndex = replay.nodes;
+      for (var i = 0; i < childIndex.length; i++) {
+        var node = childIndex[i];
+        if (keyOrIndex === node[1]) {
+          if (4 === node.length) {
+            if (null !== name && name !== node[0])
+              throw Error(
+                "Expected the resume to render <" +
+                  node[0] +
+                  "> in this slot but instead it rendered <" +
+                  name +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            var childNodes = node[2];
+            node = node[3];
+            name = task.node;
+            task.replay = { nodes: childNodes, slots: node, pendingTasks: 1 };
+            try {
+              renderElement(request, task, keyPath, type, props, ref);
+              if (
+                1 === task.replay.pendingTasks &&
+                0 < task.replay.nodes.length
+              )
+                throw Error(
+                  "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                );
+              task.replay.pendingTasks--;
+            } catch (x) {
+              if (
+                "object" === typeof x &&
+                null !== x &&
+                (x === SuspenseException || "function" === typeof x.then)
+              )
+                throw (task.node === name && (task.replay = replay), x);
+              task.replay.pendingTasks--;
+              props = getThrownInfo(task.componentStack);
+              erroredReplay(
+                request,
+                task.blockedBoundary,
+                x,
+                props,
+                childNodes,
+                node,
+                task.debugTask
+              );
+            }
+            task.replay = replay;
+          } else {
+            if (type !== REACT_SUSPENSE_TYPE)
+              throw Error(
+                "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                  (getComponentNameFromType(type) || "Unknown") +
+                  ">. The tree doesn't match so React will fallback to client rendering."
+              );
+            a: {
+              replay = void 0;
+              type = node[5];
+              ref = node[2];
+              name = node[3];
+              keyOrIndex = null === node[4] ? [] : node[4][2];
+              node = null === node[4] ? null : node[4][3];
+              var prevKeyPath = task.keyPath,
+                previousReplaySet = task.replay,
+                parentBoundary = task.blockedBoundary,
+                parentHoistableState = task.hoistableState,
+                content = props.children;
+              props = props.fallback;
+              var fallbackAbortSet = new Set(),
+                resumedBoundary = createSuspenseBoundary(
+                  request,
+                  fallbackAbortSet
+                );
+              resumedBoundary.parentFlushed = !0;
+              resumedBoundary.rootSegmentID = type;
+              task.blockedBoundary = resumedBoundary;
+              task.hoistableState = resumedBoundary.contentState;
+              task.replay = { nodes: ref, slots: name, pendingTasks: 1 };
+              try {
+                renderNode(request, task, content, -1);
+                if (
+                  1 === task.replay.pendingTasks &&
+                  0 < task.replay.nodes.length
+                )
+                  throw Error(
+                    "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                  );
+                task.replay.pendingTasks--;
+                if (
+                  0 === resumedBoundary.pendingTasks &&
+                  resumedBoundary.status === PENDING
+                ) {
+                  resumedBoundary.status = COMPLETED;
+                  request.completedBoundaries.push(resumedBoundary);
+                  break a;
                 }
-              else renderElement(request, task, key, type, props, ref);
+              } catch (error) {
+                (resumedBoundary.status = CLIENT_RENDERED),
+                  (childNodes = getThrownInfo(task.componentStack)),
+                  "object" === typeof error &&
+                  null !== error &&
+                  error.$$typeof === REACT_POSTPONE_TYPE
+                    ? (logPostpone(
+                        request,
+                        error.message,
+                        childNodes,
+                        task.debugTask
+                      ),
+                      (replay = "POSTPONE"))
+                    : (replay = logRecoverableError(
+                        request,
+                        error,
+                        childNodes,
+                        task.debugTask
+                      )),
+                  encodeErrorForBoundary(
+                    resumedBoundary,
+                    replay,
+                    error,
+                    childNodes,
+                    !1
+                  ),
+                  task.replay.pendingTasks--,
+                  request.clientRenderedBoundaries.push(resumedBoundary);
+              } finally {
+                (task.blockedBoundary = parentBoundary),
+                  (task.hoistableState = parentHoistableState),
+                  (task.replay = previousReplaySet),
+                  (task.keyPath = prevKeyPath);
+              }
+              props = createReplayTask(
+                request,
+                null,
+                { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                props,
+                -1,
+                parentBoundary,
+                resumedBoundary.fallbackState,
+                fallbackAbortSet,
+                [keyPath[0], "Suspense Fallback", keyPath[2]],
+                task.formatContext,
+                task.context,
+                task.treeContext,
+                task.componentStack,
+                !0,
+                emptyContextObject,
+                task.debugTask
+              );
+              pushComponentStack(props);
+              request.pingedTasks.push(props);
+            }
+          }
+          childIndex.splice(i, 1);
+          break;
+        }
+      }
+    }
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          (childIndex = task.debugTask),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node),
+          (task.debugTask = childIndex));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              var type = node.type,
+                key = node.key;
+              node = node.props;
+              var ref = node.ref;
+              ref = void 0 !== ref ? ref : null;
+              var debugTask = task.debugTask,
+                name = getComponentNameFromType(type);
+              key = null == key ? (-1 === childIndex ? 0 : childIndex) : key;
+              var keyPath = [task.keyPath, name, key];
+              null !== task.replay
+                ? debugTask
+                  ? debugTask.run(
+                      replayElement.bind(
+                        null,
+                        request,
+                        task,
+                        keyPath,
+                        name,
+                        key,
+                        childIndex,
+                        type,
+                        node,
+                        ref,
+                        task.replay
+                      )
+                    )
+                  : replayElement(
+                      request,
+                      task,
+                      keyPath,
+                      name,
+                      key,
+                      childIndex,
+                      type,
+                      node,
+                      ref,
+                      task.replay
+                    )
+                : debugTask
+                ? debugTask.run(
+                    renderElement.bind(
+                      null,
+                      request,
+                      task,
+                      keyPath,
+                      type,
+                      node,
+                      ref
+                    )
+                  )
+                : renderElement(request, task, keyPath, type, node, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
-            : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+          null === node || "object" !== typeof node
+            ? (key = null)
+            : ((type =
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (key = "function" === typeof type ? type : null));
+          if (key && (type = key.call(node))) {
+            if (type === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
-                "[object Generator]" !==
-                  Object.prototype.toString.call(childNodes)
+                "[object Generator]" !== Object.prototype.toString.call(type)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== key ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = type.next();
+            if (!node.done) {
+              key = [];
+              do key.push(node.value), (node = type.next());
+              while (!node.done);
+              renderChildrenArray(request, task, key, childIndex);
             }
             return;
           }
           if (
-            "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-            (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+            "function" === typeof node[ASYNC_ITERATOR] &&
+            (type = node[ASYNC_ITERATOR]())
           ) {
-            childNodes !== node$jscomp$0 ||
+            type !== node ||
               (-1 === childIndex &&
                 null !== task.componentStack &&
-                1 === task.componentStack.tag &&
+                "function" === typeof task.componentStack.type &&
                 "[object AsyncGeneratorFunction]" ===
                   Object.prototype.toString.call(task.componentStack.type) &&
                 "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(childNodes)) ||
+                  Object.prototype.toString.call(type)) ||
               (didWarnAboutGenerators ||
-                error$jscomp$2(
+                console.error(
                   "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
                 ),
               (didWarnAboutGenerators = !0));
-            type = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "AsyncIterable"
-            );
             key = task.thenableState;
             task.thenableState = null;
             thenableIndexCounter = 0;
             thenableState = key;
             key = [];
-            props = !1;
-            if (childNodes === node$jscomp$0)
-              for (
-                node$jscomp$0 = readPreviousThenableFromState();
-                void 0 !== node$jscomp$0;
-
-              ) {
-                if (node$jscomp$0.done) {
-                  props = !0;
+            ref = !1;
+            if (type === node)
+              for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+                if (node.done) {
+                  ref = !0;
                   break;
                 }
-                key.push(node$jscomp$0.value);
-                node$jscomp$0 = readPreviousThenableFromState();
+                key.push(node.value);
+                node = readPreviousThenableFromState();
               }
-            if (!props)
-              for (
-                node$jscomp$0 = unwrapThenable(childNodes.next());
-                !node$jscomp$0.done;
-
-              )
-                key.push(node$jscomp$0.value),
-                  (node$jscomp$0 = unwrapThenable(childNodes.next()));
-            task.componentStack = type;
+            if (!ref)
+              for (node = unwrapThenable(type.next()); !node.done; )
+                key.push(node.value), (node = unwrapThenable(type.next()));
             renderChildrenArray(request, task, key, childIndex);
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          request = Object.prototype.toString.call(node$jscomp$0);
+          request = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === request
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : request) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((task = task.blockedSegment),
             null !== task &&
               (task.lastPushedText = pushTextInstance(
                 task.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 task.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((request =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((request = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 request,
                 request
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      var previousDebugTask = task.debugTask;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5919,14 +6161,15 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
                 x,
                 children,
                 childIndex,
-                node
+                node,
+                task.debugTask
               );
             }
             task.replay = replay;
@@ -5935,6 +6178,8 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       replay = task.treeContext;
@@ -5960,6 +6205,8 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
+        task.debugTask = previousDebugTask;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5985,39 +6232,56 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: resumeSegmentID._debugStack
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
+      task.debugTask = previousDebugTask;
     }
     function trackPostpone(request, trackedPostpones, task, segment) {
       segment.status = POSTPONED;
@@ -6129,11 +6393,11 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
         previousComponentStack = task.componentStack,
+        previousDebugTask = task.debugTask,
         segment = task.blockedSegment;
       if (null === segment)
         try {
@@ -6162,19 +6426,20 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
-              task.isFallback
+              task.componentStack,
+              task.isFallback,
+              emptyContextObject,
+              task.debugTask
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
             task.componentStack = previousComponentStack;
+            task.debugTask = previousDebugTask;
             switchContext(previousContext);
             return;
           }
@@ -6184,15 +6449,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (childIndex =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof childIndex && null !== childIndex)
           ) {
             if ("function" === typeof childIndex.then) {
@@ -6220,21 +6485,20 @@
                 task.abortSet,
                 task.keyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                null !== task.componentStack
-                  ? task.componentStack.parent
-                  : null,
-                task.isFallback
+                task.componentStack,
+                task.isFallback,
+                emptyContextObject,
+                task.debugTask
               ).ping;
               node.then(request, request);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6244,8 +6508,8 @@
               null !== task.blockedBoundary
             ) {
               node = request.trackedPostpones;
-              segment = getThrownInfo(request, task.componentStack);
-              request.onPostpone(childIndex.message, segment);
+              segment = getThrownInfo(task.componentStack);
+              logPostpone(request, childIndex.message, segment, task.debugTask);
               childIndex = task.blockedSegment;
               segment = createPendingSegment(
                 request,
@@ -6259,11 +6523,11 @@
               childIndex.lastPushedText = !1;
               trackPostpone(request, node, task, segment);
               task.formatContext = previousFormatContext;
-              task.legacyContext = previousLegacyContext;
               task.context = previousContext;
               task.keyPath = previousKeyPath;
               task.treeContext = previousTreeContext;
               task.componentStack = previousComponentStack;
+              task.debugTask = previousDebugTask;
               switchContext(previousContext);
               return;
             }
@@ -6271,7 +6535,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6284,23 +6547,27 @@
       error,
       errorInfo,
       replayNodes,
-      resumeSlots
+      resumeSlots,
+      debugTask
     ) {
-      if (
-        "object" === typeof error &&
-        null !== error &&
-        error.$$typeof === REACT_POSTPONE_TYPE
-      ) {
-        request.onPostpone(error.message, errorInfo);
-        var errorDigest = "POSTPONE";
-      } else errorDigest = logRecoverableError(request, error, errorInfo);
+      "object" === typeof error &&
+      null !== error &&
+      error.$$typeof === REACT_POSTPONE_TYPE
+        ? (logPostpone(request, error.message, errorInfo, debugTask),
+          (debugTask = "POSTPONE"))
+        : (debugTask = logRecoverableError(
+            request,
+            error,
+            errorInfo,
+            debugTask
+          ));
       abortRemainingReplayNodes(
         request,
         boundary,
         replayNodes,
         resumeSlots,
         error,
-        errorDigest,
+        debugTask,
         errorInfo,
         !1
       );
@@ -6391,10 +6658,10 @@
                   "The render was aborted with postpone when the shell is incomplete. Reason: " +
                     error.message
                 )),
-                logRecoverableError(request, task, boundary),
-                fatalError(request, task))
-              : (logRecoverableError(request, error, boundary),
-                fatalError(request, error));
+                logRecoverableError(request, task, boundary, null),
+                fatalError(request, task, boundary, null))
+              : (logRecoverableError(request, error, boundary, null),
+                fatalError(request, error, boundary, null));
             return;
           }
           task.pendingTasks--;
@@ -6403,9 +6670,9 @@
             ("object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, boundary),
+              ? (logPostpone(request, error.message, boundary, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, boundary)),
+              : (segment = logRecoverableError(request, error, boundary, null)),
             abortRemainingReplayNodes(
               request,
               null,
@@ -6423,13 +6690,13 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             "object" === typeof error &&
             null !== error &&
             error.$$typeof === REACT_POSTPONE_TYPE
-              ? (request.onPostpone(error.message, task),
+              ? (logPostpone(request, error.message, task, null),
                 (segment = "POSTPONE"))
-              : (segment = logRecoverableError(request, error, task)),
+              : (segment = logRecoverableError(request, error, task, null)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
             boundary.parentFlushed &&
@@ -6487,7 +6754,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6502,8 +6769,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {}, null);
       }
     }
     function completeShell(request) {
@@ -6604,12 +6871,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6634,22 +6904,18 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
                       x,
                       errorInfo,
                       request.replay.nodes,
-                      request.replay.slots
+                      request.replay.slots,
+                      request.debugTask
                     );
                     request$jscomp$0.pendingRootTasks--;
                     0 === request$jscomp$0.pendingRootTasks &&
@@ -6674,12 +6940,7 @@
                   var childrenLength = segment$jscomp$0.children.length,
                     chunkLength = segment$jscomp$0.chunks.length;
                   try {
-                    renderNodeDestructive(
-                      request,
-                      task$jscomp$0,
-                      task$jscomp$0.node,
-                      task$jscomp$0.childIndex
-                    ),
+                    retryNode(request, task$jscomp$0),
                       segment$jscomp$0.lastPushedText &&
                         segment$jscomp$0.textEmbedded &&
                         segment$jscomp$0.chunks.push(textSeparator),
@@ -6704,9 +6965,6 @@
                         x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                         task$jscomp$0.thenableState =
                           getThenableStateAfterSuspending();
-                        null !== task$jscomp$0.componentStack &&
-                          (task$jscomp$0.componentStack =
-                            task$jscomp$0.componentStack.parent);
                         break a;
                       }
                       if (
@@ -6716,10 +6974,14 @@
                         var trackedPostpones = request.trackedPostpones;
                         task$jscomp$0.abortSet.delete(task$jscomp$0);
                         var postponeInfo = getThrownInfo(
-                          request,
                           task$jscomp$0.componentStack
                         );
-                        request.onPostpone(x$jscomp$0.message, postponeInfo);
+                        logPostpone(
+                          request,
+                          x$jscomp$0.message,
+                          postponeInfo,
+                          task$jscomp$0.debugTask
+                        );
                         trackPostpone(
                           request,
                           trackedPostpones,
@@ -6735,27 +6997,35 @@
                       }
                     }
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
                     segment$jscomp$0.status = 4;
-                    var boundary = task$jscomp$0.blockedBoundary;
+                    var boundary = task$jscomp$0.blockedBoundary,
+                      debugTask = task$jscomp$0.debugTask;
                     "object" === typeof x$jscomp$0 &&
                     null !== x$jscomp$0 &&
                     x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                      ? (request.onPostpone(
+                      ? (logPostpone(
+                          request,
                           x$jscomp$0.message,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ),
                         (prevTaskInDEV = "POSTPONE"))
                       : (prevTaskInDEV = logRecoverableError(
                           request,
                           x$jscomp$0,
-                          errorInfo$jscomp$0
+                          errorInfo$jscomp$0,
+                          debugTask
                         ));
                     null === boundary
-                      ? fatalError(request, x$jscomp$0)
+                      ? fatalError(
+                          request,
+                          x$jscomp$0,
+                          errorInfo$jscomp$0,
+                          debugTask
+                        )
                       : (boundary.pendingTasks--,
                         boundary.status !== CLIENT_RENDERED &&
                           ((boundary.status = CLIENT_RENDERED),
@@ -6783,9 +7053,10 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          (pingedTasks = {}),
+            logRecoverableError(request$jscomp$1, error, pingedTasks, null),
+            fatalError(request$jscomp$1, error, pingedTasks, null);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7398,7 +7669,7 @@
             completeWriting(destination),
             flushBuffered(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.end(),
@@ -7442,9 +7713,10 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          (destination = {}),
+            logRecoverableError(request, error, destination, null),
+            fatalError(request, error, destination, null);
         }
       }
     }
@@ -7463,8 +7735,10 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        (reason = {}),
+          logRecoverableError(request, error$3, reason, null),
+          fatalError(request, error$3, reason, null);
       }
     }
     function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -7520,11 +7794,11 @@
     }
     function ensureCorrectIsomorphicReactVersion() {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     }
     function createDrainHandler(destination, request) {
@@ -7638,12 +7912,14 @@
             abortSet,
             null,
             postponedState.rootFormatContext,
-            emptyContextObject,
             null,
             emptyTreeContext,
             null,
-            !1
+            !1,
+            emptyContextObject,
+            null
           )),
+          pushComponentStack(children),
           options.push(children))
         : ((children = createReplayTask(
             renderState,
@@ -7660,12 +7936,14 @@
             abortSet,
             null,
             postponedState.rootFormatContext,
-            emptyContextObject,
             null,
             emptyTreeContext,
             null,
-            !1
+            !1,
+            emptyContextObject,
+            null
           )),
+          pushComponentStack(children),
           options.push(children));
       return renderState;
     }
@@ -7682,15 +7960,12 @@
         }
       };
     }
-    var React = require("next/dist/compiled/react-experimental"),
-      util = require("util"),
+    var util = require("util"),
       crypto = require("crypto"),
       async_hooks = require("async_hooks"),
+      React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
       stream = require("stream"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -8396,6 +8671,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -8427,7 +8704,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -8476,7 +8753,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -8519,7 +8796,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -8589,7 +8866,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8974,6 +9251,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -9133,12 +9412,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -9151,18 +9433,23 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
     )();
-    var CLIENT_RENDERED = 4,
+    var externalRegExp = /\/node_modules\/|\(<anonymous>\)/,
+      callComponentFrame = null,
+      callIteratorFrame = null,
+      callLazyInitFrame = null,
+      CLIENT_RENDERED = 4,
       PENDING = 0,
       COMPLETED = 1,
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -9299,5 +9586,5 @@
         }
       };
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js
index 1231aee48c0a8..b7866bb07e33e 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js
@@ -54,7 +54,7 @@ function writeChunk(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -374,7 +374,7 @@ function createRenderState(
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -1591,22 +1591,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  "data",
+                  attributeAssign,
+                  escapeTextForBrowser(sanitizedValue),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1620,7 +1662,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1628,7 +1670,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1671,19 +1713,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1698,7 +1740,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1728,9 +1770,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1743,42 +1785,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1800,26 +1842,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1827,85 +1869,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1947,7 +1989,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1962,14 +2004,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1980,7 +2022,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -2018,56 +2060,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -2077,18 +2119,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       attributeName,
                       attributeAssign,
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       attributeEnd
                     );
                   }
@@ -2096,8 +2138,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2695,7 +2737,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2744,7 +2786,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2786,7 +2828,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2852,7 +2894,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3634,7 +3676,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3642,8 +3685,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3777,8 +3826,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3842,12 +3955,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createPrerenderRequest(
@@ -3925,7 +4038,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3948,7 +4060,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3969,7 +4080,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3993,7 +4103,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -4024,44 +4133,55 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
+}
+function logPostpone(request, reason, postponeInfo) {
+  request = request.onPostpone;
+  request(reason, postponeInfo);
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -4124,119 +4244,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$32 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$32] &&
-            (JSCompiler_inline_result[propName$32] = defaultProps[propName$32]);
+          void 0 === newProps[propName$32] &&
+            (newProps[propName$32] = defaultProps[propName$32]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$32 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$32;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$32 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$32 && null !== propName$32
+          ? propName$32._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$32)),
-        (propName$32 =
-          null === contextType || void 0 === contextType
-            ? propName$32
-            : assign({}, propName$32, contextType)),
-        (defaultProps.state = propName$32));
+      propName$32 = type.getDerivedStateFromProps;
+      "function" === typeof propName$32 &&
+        ((propName$32 = propName$32(props, ref)),
+        (ref =
+          null === propName$32 || void 0 === propName$32
+            ? ref
+            : assign({}, ref, propName$32)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$32 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$32 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$32 = !0;
+            defaultProps = propName$32 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$32 = propName$32 ? 1 : 0;
+              propName$32 < type.length;
+              propName$32++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$32]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$32
-                    ? ((propName$32 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -4245,43 +4347,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$32 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$32);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$32 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$32 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$32, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$32;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4304,23 +4402,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4340,13 +4437,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -4361,25 +4455,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$32 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$32 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$32.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$32,
             task.formatContext,
             !1,
             !1
@@ -4395,8 +4484,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$32;
+          task.hoistableState = propName$32.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4406,77 +4495,59 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$32, contentRootSegment),
+              0 === propName$32.pendingTasks && 0 === propName$32.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$32.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
+              (propName$32.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
               "object" === typeof error &&
               null !== error &&
               error.$$typeof === REACT_POSTPONE_TYPE
-                ? (request.onPostpone(error.message, JSCompiler_inline_result),
+                ? (logPostpone(request, error.message, newProps),
                   (defaultProps = "POSTPONE"))
                 : (defaultProps = logRecoverableError(
                     request,
                     error,
-                    JSCompiler_inline_result
+                    newProps
                   )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$32.errorDigest = defaultProps),
+              untrackBoundary(request, propName$32);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$32.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$32.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$32,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$32.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4484,23 +4555,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4512,7 +4577,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4520,7 +4584,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4543,7 +4607,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4554,12 +4618,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4595,22 +4656,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4619,24 +4686,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4665,7 +4728,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
+                      props = getThrownInfo(task.componentStack);
                       erroredReplay(
                         request,
                         task.blockedBoundary,
@@ -4685,15 +4748,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       type = void 0;
-                      ref = node[5];
-                      replay = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      ref = node$jscomp$0[5];
+                      replay = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4733,14 +4795,11 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           "object" === typeof error &&
                           null !== error &&
                           error.$$typeof === REACT_POSTPONE_TYPE
-                            ? (request.onPostpone(error.message, childNodes),
+                            ? (logPostpone(request, error.message, childNodes),
                               (type = "POSTPONE"))
                             : (type = logRecoverableError(
                                 request,
@@ -4756,13 +4815,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4770,16 +4832,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4791,120 +4853,92 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
       if (
-        "function" === typeof node$jscomp$0[ASYNC_ITERATOR] &&
-        (childNodes = node$jscomp$0[ASYNC_ITERATOR]())
+        "function" === typeof node[ASYNC_ITERATOR] &&
+        (childNodes = node[ASYNC_ITERATOR]())
       ) {
-        props = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(
-          task,
-          "AsyncIterable"
-        );
-        key = task.thenableState;
+        props = task.thenableState;
         task.thenableState = null;
         thenableIndexCounter = 0;
-        thenableState = key;
-        key = [];
-        type = !1;
-        if (childNodes === node$jscomp$0)
-          for (
-            node$jscomp$0 = readPreviousThenableFromState();
-            void 0 !== node$jscomp$0;
-
-          ) {
-            if (node$jscomp$0.done) {
-              type = !0;
+        thenableState = props;
+        props = [];
+        key = !1;
+        if (childNodes === node)
+          for (node = readPreviousThenableFromState(); void 0 !== node; ) {
+            if (node.done) {
+              key = !0;
               break;
             }
-            key.push(node$jscomp$0.value);
-            node$jscomp$0 = readPreviousThenableFromState();
+            props.push(node.value);
+            node = readPreviousThenableFromState();
           }
-        if (!type)
-          for (
-            node$jscomp$0 = unwrapThenable(childNodes.next());
-            !node$jscomp$0.done;
-
-          )
-            key.push(node$jscomp$0.value),
-              (node$jscomp$0 = unwrapThenable(childNodes.next()));
-        task.componentStack = props;
-        renderChildrenArray(request, task, key, childIndex);
+        if (!key)
+          for (node = unwrapThenable(childNodes.next()); !node.done; )
+            props.push(node.value), (node = unwrapThenable(childNodes.next()));
+        renderChildrenArray(request, task, props, childIndex);
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      request = Object.prototype.toString.call(node$jscomp$0);
+      request = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === request
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : request) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             task.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (task = task.blockedSegment),
         null !== task &&
           (task.lastPushedText = pushTextInstance(
             task.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             task.lastPushedText
           ));
@@ -4942,7 +4976,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           erroredReplay(
             request,
             task.blockedBoundary,
@@ -5023,9 +5057,9 @@ function trackPostpone(request, trackedPostpones, task, segment) {
         addToReplayParent(segment, boundaryKeyPath[0], trackedPostpones);
         return;
       }
-      var boundaryNode$43 = trackedPostpones.workingMap.get(boundaryKeyPath);
-      void 0 === boundaryNode$43
-        ? ((boundaryNode$43 = [
+      var boundaryNode$42 = trackedPostpones.workingMap.get(boundaryKeyPath);
+      void 0 === boundaryNode$42
+        ? ((boundaryNode$42 = [
             boundaryKeyPath[1],
             boundaryKeyPath[2],
             children,
@@ -5033,13 +5067,13 @@ function trackPostpone(request, trackedPostpones, task, segment) {
             fallbackReplayNode,
             boundary.rootSegmentID
           ]),
-          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$43),
+          trackedPostpones.workingMap.set(boundaryKeyPath, boundaryNode$42),
           addToReplayParent(
-            boundaryNode$43,
+            boundaryNode$42,
             boundaryKeyPath[0],
             trackedPostpones
           ))
-        : ((boundaryKeyPath = boundaryNode$43),
+        : ((boundaryKeyPath = boundaryNode$42),
           (boundaryKeyPath[4] = fallbackReplayNode),
           (boundaryKeyPath[5] = boundary.rootSegmentID));
     }
@@ -5096,7 +5130,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -5129,15 +5162,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -5151,15 +5182,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$49) {
+    } catch (thrownValue$48) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (childIndex =
-          thrownValue$49 === SuspenseException
+          thrownValue$48 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$49),
+            : thrownValue$48),
         "object" === typeof childIndex && null !== childIndex)
       ) {
         if ("function" === typeof childIndex.then) {
@@ -5187,15 +5218,13 @@ function renderNode(request, task, node, childIndex) {
             task.abortSet,
             task.keyPath,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            null !== task.componentStack ? task.componentStack.parent : null,
+            task.componentStack,
             task.isFallback
           ).ping;
           node.then(request, request);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5209,8 +5238,8 @@ function renderNode(request, task, node, childIndex) {
           null !== task.blockedBoundary
         ) {
           node = request.trackedPostpones;
-          segment = getThrownInfo(request, task.componentStack);
-          request.onPostpone(childIndex.message, segment);
+          segment = getThrownInfo(task.componentStack);
+          logPostpone(request, childIndex.message, segment);
           childIndex = task.blockedSegment;
           segment = createPendingSegment(
             request,
@@ -5224,7 +5253,6 @@ function renderNode(request, task, node, childIndex) {
           childIndex.lastPushedText = !1;
           trackPostpone(request, node, task, segment);
           task.formatContext = previousFormatContext;
-          task.legacyContext = previousLegacyContext;
           task.context = previousContext;
           task.keyPath = previousKeyPath;
           task.treeContext = previousTreeContext;
@@ -5236,7 +5264,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -5254,7 +5281,7 @@ function erroredReplay(
   "object" === typeof error &&
   null !== error &&
   error.$$typeof === REACT_POSTPONE_TYPE
-    ? (request.onPostpone(error.message, errorInfo), (errorInfo = "POSTPONE"))
+    ? (logPostpone(request, error.message, errorInfo), (errorInfo = "POSTPONE"))
     : (errorInfo = logRecoverableError(request, error, errorInfo));
   abortRemainingReplayNodes(
     request,
@@ -5343,7 +5370,7 @@ function abortTask(task, request, error) {
         ("object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, boundary),
+          ? (logPostpone(request, error.message, boundary),
             (boundary = "POSTPONE"))
           : (boundary = logRecoverableError(request, error, boundary)),
         abortRemainingReplayNodes(
@@ -5361,11 +5388,11 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         "object" === typeof error &&
         null !== error &&
         error.$$typeof === REACT_POSTPONE_TYPE
-          ? (request.onPostpone(error.message, task), (task = "POSTPONE"))
+          ? (logPostpone(request, error.message, task), (task = "POSTPONE"))
           : (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5420,7 +5447,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5527,12 +5554,15 @@ function performWork(request$jscomp$1) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5557,15 +5587,10 @@ function performWork(request$jscomp$1) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 erroredReplay(
                   request$jscomp$0,
                   task.blockedBoundary,
@@ -5593,12 +5618,7 @@ function performWork(request$jscomp$1) {
               var childrenLength = segment$jscomp$0.children.length,
                 chunkLength = segment$jscomp$0.chunks.length;
               try {
-                renderNodeDestructive(
-                  request,
-                  task,
-                  task.node,
-                  task.childIndex
-                ),
+                retryNode(request, task),
                   segment$jscomp$0.lastPushedText &&
                     segment$jscomp$0.textEmbedded &&
                     segment$jscomp$0.chunks.push(textSeparator),
@@ -5618,8 +5638,6 @@ function performWork(request$jscomp$1) {
                     var ping$jscomp$0 = task.ping;
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task.thenableState = getThenableStateAfterSuspending();
-                    null !== task.componentStack &&
-                      (task.componentStack = task.componentStack.parent);
                     break a;
                   }
                   if (
@@ -5628,11 +5646,8 @@ function performWork(request$jscomp$1) {
                   ) {
                     var trackedPostpones = request.trackedPostpones;
                     task.abortSet.delete(task);
-                    var postponeInfo = getThrownInfo(
-                      request,
-                      task.componentStack
-                    );
-                    request.onPostpone(x$jscomp$0.message, postponeInfo);
+                    var postponeInfo = getThrownInfo(task.componentStack);
+                    logPostpone(request, x$jscomp$0.message, postponeInfo);
                     trackPostpone(
                       request,
                       trackedPostpones,
@@ -5647,17 +5662,18 @@ function performWork(request$jscomp$1) {
                     break a;
                   }
                 }
-                var errorInfo$jscomp$0 = getThrownInfo(
-                  request,
-                  task.componentStack
-                );
+                var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
                 task.abortSet.delete(task);
                 segment$jscomp$0.status = 4;
                 var boundary = task.blockedBoundary;
                 "object" === typeof x$jscomp$0 &&
                 null !== x$jscomp$0 &&
                 x$jscomp$0.$$typeof === REACT_POSTPONE_TYPE
-                  ? (request.onPostpone(x$jscomp$0.message, errorInfo$jscomp$0),
+                  ? (logPostpone(
+                      request,
+                      x$jscomp$0.message,
+                      errorInfo$jscomp$0
+                    ),
                     (request$jscomp$0 = "POSTPONE"))
                   : (request$jscomp$0 = logRecoverableError(
                       request,
@@ -6080,11 +6096,11 @@ function flushCompletedQueues(request, destination) {
       destinationHasCapacity$1 = !0;
       var partialBoundaries = request.partialBoundaries;
       for (i = 0; i < partialBoundaries.length; i++) {
-        var boundary$55 = partialBoundaries[i];
+        var boundary$54 = partialBoundaries[i];
         a: {
           clientRenderedBoundaries = request;
           boundary = destination;
-          var completedSegments = boundary$55.completedSegments;
+          var completedSegments = boundary$54.completedSegments;
           for (
             JSCompiler_inline_result = 0;
             JSCompiler_inline_result < completedSegments.length;
@@ -6094,7 +6110,7 @@ function flushCompletedQueues(request, destination) {
               !flushPartiallyCompletedSegment(
                 clientRenderedBoundaries,
                 boundary,
-                boundary$55,
+                boundary$54,
                 completedSegments[JSCompiler_inline_result]
               )
             ) {
@@ -6106,7 +6122,7 @@ function flushCompletedQueues(request, destination) {
           completedSegments.splice(0, JSCompiler_inline_result);
           JSCompiler_inline_result$jscomp$0 = writeHoistablesForBoundary(
             boundary,
-            boundary$55.contentState,
+            boundary$54.contentState,
             clientRenderedBoundaries.renderState
           );
         }
@@ -6201,8 +6217,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$57) {
-    logRecoverableError(request, error$57, {}), fatalError(request, error$57);
+  } catch (error$56) {
+    logRecoverableError(request, error$56, {}), fatalError(request, error$56);
   }
 }
 function addToReplayParent(node, parentKeyPath, trackedPostpones) {
@@ -6258,11 +6274,11 @@ function getPostponedState(request) {
 }
 function ensureCorrectIsomorphicReactVersion() {
   var isomorphicReactPackageVersion = React.version;
-  if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+  if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
     throw Error(
       'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
         (isomorphicReactPackageVersion +
-          "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+          "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
     );
 }
 ensureCorrectIsomorphicReactVersion();
@@ -6377,12 +6393,12 @@ function resumeRequestImpl(children, postponedState, options) {
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       )),
+      pushComponentStack(children),
       options.push(children))
     : ((children = createReplayTask(
         renderState,
@@ -6399,12 +6415,12 @@ function resumeRequestImpl(children, postponedState, options) {
         abortSet,
         null,
         postponedState.rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       )),
+      pushComponentStack(children),
       options.push(children));
   return renderState;
 }
@@ -6547,4 +6563,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) {
     }
   };
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js
index 413a601e96551..71af062eef707 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js
@@ -28,11 +28,11 @@
     }
     function copyWithRename(obj, oldPath, newPath) {
       if (oldPath.length !== newPath.length)
-        warn("copyWithRename() expects paths of the same length");
+        console.warn("copyWithRename() expects paths of the same length");
       else {
         for (var i = 0; i < newPath.length - 1; i++)
           if (oldPath[i] !== newPath[i]) {
-            warn(
+            console.warn(
               "copyWithRename() expects paths to be the same except for the deepest key"
             );
             return;
@@ -73,13 +73,16 @@
     function shouldErrorImpl() {
       return null;
     }
+    function createFiber(tag, pendingProps, key, mode) {
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
     function warnInvalidHookAccess() {
-      error$jscomp$0(
+      console.error(
         "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
       );
     }
     function warnInvalidContextAccess() {
-      error$jscomp$0(
+      console.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()."
       );
     }
@@ -126,41 +129,6 @@
     function setRefreshHandler(handler) {
       resolveFamily = handler;
     }
-    function warn(format) {
-      if (!suppressWarning) {
-        for (
-          var _len = arguments.length,
-            args = Array(1 < _len ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        )
-          args[_key - 1] = arguments[_key];
-        printWarning("warn", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function error$jscomp$0(format) {
-      if (!suppressWarning) {
-        for (
-          var _len2 = arguments.length,
-            args = Array(1 < _len2 ? _len2 - 1 : 0),
-            _key2 = 1;
-          _key2 < _len2;
-          _key2++
-        )
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function isValidContainer(node) {
       return !(
         !node ||
@@ -199,7 +167,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -345,7 +313,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -356,8 +324,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -536,64 +510,6 @@
     function isNotExternal(stackFrame) {
       return !externalRegExp.test(stackFrame);
     }
-    function filterDebugStack(error) {
-      error = error.stack;
-      error.startsWith("Error: react-stack-top-frame\n") &&
-        (error = error.slice(29));
-      error = error.split("\n").slice(1);
-      if (null === callComponentFrame) {
-        var stack = callComponentInDEV(
-            Error,
-            "react-stack-top-frame",
-            {}
-          ).stack,
-          startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0,
-          endIdx = stack.indexOf("\n", startIdx);
-        callComponentFrame =
-          -1 === endIdx ? stack.slice(startIdx) : stack.slice(startIdx, endIdx);
-      }
-      stack = error.indexOf(callComponentFrame);
-      if (
-        -1 === stack &&
-        (null === callLazyInitFrame &&
-          ((stack = callLazyInitInDEV({
-            $$typeof: REACT_LAZY_TYPE,
-            _init: Error,
-            _payload: "react-stack-top-frame"
-          }).stack),
-          (startIdx = stack.startsWith("Error: react-stack-top-frame\n")
-            ? 29
-            : 0),
-          (endIdx = stack.indexOf("\n", startIdx)),
-          (callLazyInitFrame =
-            -1 === endIdx
-              ? stack.slice(startIdx)
-              : stack.slice(startIdx, endIdx))),
-        (stack = error.indexOf(callLazyInitFrame)),
-        -1 === stack)
-      ) {
-        if (null === callIteratorFrame)
-          try {
-            callRenderInDEV({ render: null }), (callIteratorFrame = "");
-          } catch (error$2) {
-            (stack = error$2.stack),
-              (startIdx = stack.startsWith("TypeError: ")
-                ? stack.indexOf("\n") + 1
-                : 0),
-              (endIdx = stack.indexOf("\n", startIdx)),
-              (callIteratorFrame =
-                -1 === endIdx
-                  ? stack.slice(startIdx)
-                  : stack.slice(startIdx, endIdx));
-          }
-        stack = error.indexOf(callIteratorFrame);
-      }
-      if (-1 !== stack) error.length = stack;
-      else return "";
-      return error.filter(isNotExternal).join("\n");
-    }
     function describeFiber(fiber) {
       switch (fiber.tag) {
         case 26:
@@ -632,7 +548,7 @@
                 var JSCompiler_temp_const = info,
                   env = entry.env;
                 var JSCompiler_inline_result = describeBuiltInComponentFrame(
-                  entry.name + (env ? " (" + env + ")" : "")
+                  entry.name + (env ? " [" + env + "]" : "")
                 );
                 info = JSCompiler_temp_const + JSCompiler_inline_result;
               }
@@ -654,18 +570,11 @@
       var owner = current._debugOwner;
       return null != owner ? getComponentNameFromOwner(owner) : null;
     }
-    function getCurrentParentStackInDev() {
-      return null === current ? "" : getStackByFiberInDevAndProd(current);
-    }
-    function getCurrentFiberStackInDev(stack) {
+    function getCurrentFiberStackInDev() {
       if (null === current) return "";
       var workInProgress = current;
       try {
         var info = "";
-        if (stack) {
-          var formattedTopStack = filterDebugStack(stack);
-          "" !== formattedTopStack && (info += "\n" + formattedTopStack);
-        }
         6 === workInProgress.tag && (workInProgress = workInProgress.return);
         switch (workInProgress.tag) {
           case 26:
@@ -695,27 +604,109 @@
                 workInProgress.type.render
               ));
         }
-        for (stack = workInProgress; stack; )
-          if ("number" === typeof stack.tag) {
-            workInProgress = stack;
-            stack = workInProgress._debugOwner;
-            var debugStack = workInProgress._debugStack;
-            stack &&
-              debugStack &&
-              ("string" !== typeof debugStack &&
-                (workInProgress._debugStack = debugStack =
-                  filterDebugStack(debugStack)),
-              "" !== debugStack && (info += "\n" + debugStack));
-          } else if ("string" === typeof stack.stack)
-            "" !== stack.stack && (info += "\n" + stack.stack),
-              (stack = stack.owner);
-          else break;
-        var JSCompiler_inline_result = info;
+        for (; workInProgress; )
+          if ("number" === typeof workInProgress.tag) {
+            var fiber = workInProgress;
+            workInProgress = fiber._debugOwner;
+            var debugStack = fiber._debugStack;
+            if (workInProgress && debugStack) {
+              if ("string" !== typeof debugStack) {
+                var stack = debugStack.stack;
+                stack.startsWith("Error: react-stack-top-frame\n") &&
+                  (stack = stack.slice(29));
+                var frames = stack.split("\n").slice(1);
+                if (null === callComponentFrame) {
+                  var stack$jscomp$0 = callComponentInDEV(
+                      Error,
+                      "react-stack-top-frame",
+                      {}
+                    ).stack,
+                    startIdx = stack$jscomp$0.startsWith(
+                      "Error: react-stack-top-frame\n"
+                    )
+                      ? 29
+                      : 0,
+                    endIdx = stack$jscomp$0.indexOf("\n", startIdx);
+                  callComponentFrame =
+                    -1 === endIdx
+                      ? stack$jscomp$0.slice(startIdx)
+                      : stack$jscomp$0.slice(startIdx, endIdx);
+                }
+                var lastFrameIdx = frames.indexOf(callComponentFrame);
+                if (-1 === lastFrameIdx) {
+                  if (null === callLazyInitFrame) {
+                    var stack$jscomp$1 = callLazyInitInDEV({
+                        $$typeof: REACT_LAZY_TYPE,
+                        _init: Error,
+                        _payload: "react-stack-top-frame"
+                      }).stack,
+                      startIdx$jscomp$0 = stack$jscomp$1.startsWith(
+                        "Error: react-stack-top-frame\n"
+                      )
+                        ? 29
+                        : 0,
+                      endIdx$jscomp$0 = stack$jscomp$1.indexOf(
+                        "\n",
+                        startIdx$jscomp$0
+                      );
+                    callLazyInitFrame =
+                      -1 === endIdx$jscomp$0
+                        ? stack$jscomp$1.slice(startIdx$jscomp$0)
+                        : stack$jscomp$1.slice(
+                            startIdx$jscomp$0,
+                            endIdx$jscomp$0
+                          );
+                  }
+                  lastFrameIdx = frames.indexOf(callLazyInitFrame);
+                  if (-1 === lastFrameIdx) {
+                    if (null === callIteratorFrame)
+                      try {
+                        callRenderInDEV({ render: null }),
+                          (callIteratorFrame = "");
+                      } catch (error) {
+                        var stack$jscomp$2 = error.stack,
+                          startIdx$jscomp$1 = stack$jscomp$2.startsWith(
+                            "TypeError: "
+                          )
+                            ? stack$jscomp$2.indexOf("\n") + 1
+                            : 0,
+                          endIdx$jscomp$1 = stack$jscomp$2.indexOf(
+                            "\n",
+                            startIdx$jscomp$1
+                          );
+                        callIteratorFrame =
+                          -1 === endIdx$jscomp$1
+                            ? stack$jscomp$2.slice(startIdx$jscomp$1)
+                            : stack$jscomp$2.slice(
+                                startIdx$jscomp$1,
+                                endIdx$jscomp$1
+                              );
+                      }
+                    lastFrameIdx = frames.indexOf(callIteratorFrame);
+                  }
+                }
+                if (-1 !== lastFrameIdx) {
+                  frames.length = lastFrameIdx;
+                  var JSCompiler_inline_result = frames
+                    .filter(isNotExternal)
+                    .join("\n");
+                } else JSCompiler_inline_result = "";
+                fiber._debugStack = debugStack = JSCompiler_inline_result;
+              }
+              "" !== debugStack && (info += "\n" + debugStack);
+            }
+          } else if ("string" === typeof workInProgress.stack) {
+            var ownerStack = workInProgress.stack;
+            (workInProgress = workInProgress.owner) &&
+              "" !== ownerStack &&
+              (info += "\n" + ownerStack);
+          } else break;
+        var JSCompiler_inline_result$jscomp$0 = info;
       } catch (x) {
-        JSCompiler_inline_result =
+        JSCompiler_inline_result$jscomp$0 =
           "\nError generating stack: " + x.message + "\n" + x.stack;
       }
-      return JSCompiler_inline_result;
+      return JSCompiler_inline_result$jscomp$0;
     }
     function runWithFiberInDEV(fiber, callback, arg0, arg1, arg2, arg3, arg4) {
       var previousFiber = current;
@@ -859,9 +850,9 @@
     }
     function pop(cursor, fiber) {
       0 > index$jscomp$0
-        ? error$jscomp$0("Unexpected pop.")
+        ? console.error("Unexpected pop.")
         : (fiber !== fiberStack[index$jscomp$0] &&
-            error$jscomp$0("Unexpected Fiber popped."),
+            console.error("Unexpected Fiber popped."),
           (cursor.current = valueStack[index$jscomp$0]),
           (valueStack[index$jscomp$0] = null),
           (fiberStack[index$jscomp$0] = null),
@@ -875,7 +866,7 @@
     }
     function requiredContext(c) {
       null === c &&
-        error$jscomp$0(
+        console.error(
           "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
         );
       return c;
@@ -980,7 +971,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -991,7 +982,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -1002,7 +993,7 @@
     function checkFormFieldValueStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -1015,7 +1006,7 @@
       if (hook.isDisabled) return !0;
       if (!hook.supportsFiber)
         return (
-          error$jscomp$0(
+          console.error(
             "The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"
           ),
           !0
@@ -1028,7 +1019,7 @@
           (rendererID = hook.inject(internals)),
           (injectedHook = hook);
       } catch (err) {
-        error$jscomp$0("React instrumentation encountered an error: %s.", err);
+        console.error("React instrumentation encountered an error: %s.", err);
       }
       return hook.checkDCE ? !0 : !1;
     }
@@ -1061,7 +1052,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1069,15 +1060,14 @@
     }
     function setIsStrictModeForDevtools(newIsStrictMode) {
       "function" === typeof log$1 &&
-        (unstable_setDisableYieldValue(newIsStrictMode),
-        (suppressWarning = newIsStrictMode));
+        unstable_setDisableYieldValue(newIsStrictMode);
       if (injectedHook && "function" === typeof injectedHook.setStrictMode)
         try {
           injectedHook.setStrictMode(rendererID, newIsStrictMode);
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1214,7 +1204,7 @@
           return 0;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             lanes
@@ -1289,7 +1279,7 @@
           return -1;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             -1
@@ -1548,7 +1538,7 @@
     }
     function registerDirectEvent(registrationName, dependencies) {
       registrationNameDependencies[registrationName] &&
-        error$jscomp$0(
+        console.error(
           "EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
           registrationName
         );
@@ -1572,17 +1562,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$0(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$0(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$0(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -1594,7 +1584,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$0("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function getValueForAttributeOnCustomComponent(node, name, expected) {
@@ -1774,7 +1764,7 @@
       void 0 === props.checked ||
         void 0 === props.defaultChecked ||
         didWarnCheckedDefaultChecked ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1783,7 +1773,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue$1 ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1895,19 +1885,19 @@
                 "bigint" === typeof child ||
                 didWarnInvalidChild ||
                 ((didWarnInvalidChild = !0),
-                error$jscomp$0(
+                console.error(
                   "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
                 ));
             })
           : null == props.dangerouslySetInnerHTML ||
             didWarnInvalidInnerHTML ||
             ((didWarnInvalidInnerHTML = !0),
-            error$jscomp$0(
+            console.error(
               "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
             )));
       null == props.selected ||
         didWarnSelectedSetOnOption ||
-        (error$jscomp$0(
+        (console.error(
           "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
         ),
         (didWarnSelectedSetOnOption = !0));
@@ -1948,14 +1938,14 @@
         if (null != props[propName]) {
           var propNameIsArray = isArrayImpl(props[propName]);
           props.multiple && !propNameIsArray
-            ? error$jscomp$0(
+            ? console.error(
                 "The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
                 propName,
                 getDeclarationErrorAddendum()
               )
             : !props.multiple &&
               propNameIsArray &&
-              error$jscomp$0(
+              console.error(
                 "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
                 propName,
                 getDeclarationErrorAddendum()
@@ -1965,7 +1955,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue ||
-        (error$jscomp$0(
+        (console.error(
           "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
         ),
         (didWarnValueDefaultValue = !0));
@@ -1974,14 +1964,14 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValDefaultVal ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component"
         ),
         (didWarnValDefaultVal = !0));
       null != props.children &&
         null == props.value &&
-        error$jscomp$0(
+        console.error(
           "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
         );
     }
@@ -2023,2240 +2013,2302 @@
         null !== children &&
         (element.value = children);
     }
-    function updatedAncestorInfoDev(oldInfo, tag) {
-      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
-      var info = { tag: tag };
-      -1 !== inScopeTags.indexOf(tag) &&
-        ((oldInfo.aTagInScope = null),
-        (oldInfo.buttonTagInScope = null),
-        (oldInfo.nobrTagInScope = null));
-      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
-      -1 !== specialTags.indexOf(tag) &&
-        "address" !== tag &&
-        "div" !== tag &&
-        "p" !== tag &&
-        ((oldInfo.listItemTagAutoclosing = null),
-        (oldInfo.dlItemTagAutoclosing = null));
-      oldInfo.current = info;
-      "form" === tag && (oldInfo.formTag = info);
-      "a" === tag && (oldInfo.aTagInScope = info);
-      "button" === tag && (oldInfo.buttonTagInScope = info);
-      "nobr" === tag && (oldInfo.nobrTagInScope = info);
-      "p" === tag && (oldInfo.pTagInButtonScope = info);
-      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
-      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
-      "#document" === tag || "html" === tag
-        ? (oldInfo.containerTagInScope = null)
-        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
-      return oldInfo;
+    function findNotableNode(node, indent) {
+      return void 0 === node.serverProps &&
+        0 === node.serverTail.length &&
+        1 === node.children.length &&
+        3 < node.distanceFromLeaf &&
+        node.distanceFromLeaf > 15 - indent
+        ? findNotableNode(node.children[0], indent)
+        : node;
     }
-    function isTagValidWithParent(tag, parentTag) {
-      switch (parentTag) {
-        case "select":
-          return (
-            "hr" === tag ||
-            "option" === tag ||
-            "optgroup" === tag ||
-            "#text" === tag
-          );
-        case "optgroup":
-          return "option" === tag || "#text" === tag;
-        case "option":
-          return "#text" === tag;
-        case "tr":
-          return (
-            "th" === tag ||
-            "td" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "tbody":
-        case "thead":
-        case "tfoot":
-          return (
-            "tr" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "colgroup":
-          return "col" === tag || "template" === tag;
-        case "table":
-          return (
-            "caption" === tag ||
-            "colgroup" === tag ||
-            "tbody" === tag ||
-            "tfoot" === tag ||
-            "thead" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "head":
+    function indentation(indent) {
+      return "  " + "  ".repeat(indent);
+    }
+    function added(indent) {
+      return "+ " + "  ".repeat(indent);
+    }
+    function removed(indent) {
+      return "- " + "  ".repeat(indent);
+    }
+    function describeFiberType(fiber) {
+      switch (fiber.tag) {
+        case 26:
+        case 27:
+        case 5:
+          return fiber.type;
+        case 16:
+          return "Lazy";
+        case 13:
+          return "Suspense";
+        case 19:
+          return "SuspenseList";
+        case 0:
+        case 15:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        case 11:
           return (
-            "base" === tag ||
-            "basefont" === tag ||
-            "bgsound" === tag ||
-            "link" === tag ||
-            "meta" === tag ||
-            "title" === tag ||
-            "noscript" === tag ||
-            "noframes" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
+            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
           );
-        case "html":
-          return "head" === tag || "body" === tag || "frameset" === tag;
-        case "frameset":
-          return "frame" === tag;
-        case "#document":
-          return "html" === tag;
+        case 1:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        default:
+          return null;
       }
-      switch (tag) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return (
-            "h1" !== parentTag &&
-            "h2" !== parentTag &&
-            "h3" !== parentTag &&
-            "h4" !== parentTag &&
-            "h5" !== parentTag &&
-            "h6" !== parentTag
-          );
-        case "rp":
-        case "rt":
-          return -1 === impliedEndTags.indexOf(parentTag);
-        case "body":
-        case "caption":
-        case "col":
-        case "colgroup":
-        case "frameset":
-        case "frame":
-        case "head":
-        case "html":
-        case "tbody":
-        case "td":
-        case "tfoot":
-        case "th":
-        case "thead":
-        case "tr":
-          return null == parentTag;
+    }
+    function describeTextNode(content, maxLength) {
+      return needsEscaping.test(content)
+        ? ((content = JSON.stringify(content)),
+          content.length > maxLength - 2
+            ? 8 > maxLength
+              ? '{"..."}'
+              : "{" + content.slice(0, maxLength - 7) + '..."}'
+            : "{" + content + "}")
+        : content.length > maxLength
+        ? 5 > maxLength
+          ? '{"..."}'
+          : content.slice(0, maxLength - 3) + "..."
+        : content;
+    }
+    function describeTextDiff(clientText, serverProps, indent) {
+      var maxLength = 120 - 2 * indent;
+      if (null === serverProps)
+        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
+      if ("string" === typeof serverProps) {
+        for (
+          var firstDiff = 0;
+          firstDiff < serverProps.length &&
+          firstDiff < clientText.length &&
+          serverProps.charCodeAt(firstDiff) ===
+            clientText.charCodeAt(firstDiff);
+          firstDiff++
+        );
+        firstDiff > maxLength - 8 &&
+          10 < firstDiff &&
+          ((clientText = "..." + clientText.slice(firstDiff - 8)),
+          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
+        return (
+          added(indent) +
+          describeTextNode(clientText, maxLength) +
+          "\n" +
+          removed(indent) +
+          describeTextNode(serverProps, maxLength) +
+          "\n"
+        );
       }
-      return !0;
+      return (
+        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+      );
     }
-    function findInvalidAncestorForTag(tag, ancestorInfo) {
-      switch (tag) {
-        case "address":
-        case "article":
-        case "aside":
-        case "blockquote":
-        case "center":
-        case "details":
-        case "dialog":
-        case "dir":
-        case "div":
-        case "dl":
-        case "fieldset":
-        case "figcaption":
-        case "figure":
-        case "footer":
-        case "header":
-        case "hgroup":
-        case "main":
-        case "menu":
-        case "nav":
-        case "ol":
-        case "p":
-        case "section":
-        case "summary":
-        case "ul":
-        case "pre":
-        case "listing":
-        case "table":
-        case "hr":
-        case "xmp":
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return ancestorInfo.pTagInButtonScope;
-        case "form":
-          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-        case "li":
-          return ancestorInfo.listItemTagAutoclosing;
-        case "dd":
-        case "dt":
-          return ancestorInfo.dlItemTagAutoclosing;
-        case "button":
-          return ancestorInfo.buttonTagInScope;
-        case "a":
-          return ancestorInfo.aTagInScope;
-        case "nobr":
-          return ancestorInfo.nobrTagInScope;
-      }
-      return null;
+    function objectName(object) {
+      return Object.prototype.toString
+        .call(object)
+        .replace(/^\[object (.*)\]$/, function (m, p0) {
+          return p0;
+        });
     }
-    function validateDOMNesting(childTag, ancestorInfo) {
-      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
-      var parentInfo = ancestorInfo.current;
-      ancestorInfo = (parentInfo = isTagValidWithParent(
-        childTag,
-        parentInfo && parentInfo.tag
-      )
-        ? null
-        : parentInfo)
-        ? null
-        : findInvalidAncestorForTag(childTag, ancestorInfo);
-      ancestorInfo = parentInfo || ancestorInfo;
-      if (!ancestorInfo) return !0;
-      ancestorInfo = ancestorInfo.tag;
-      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      warnKey = "<" + childTag + ">";
-      parentInfo
-        ? ((parentInfo = ""),
-          "table" === ancestorInfo &&
-            "tr" === childTag &&
-            (parentInfo +=
-              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
-          console.error(
-            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            parentInfo,
-            getCurrentParentStackInDev()
-          ))
-        : console.error(
-            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            getCurrentParentStackInDev()
+    function describeValue(value, maxLength) {
+      switch (typeof value) {
+        case "string":
+          return (
+            (value = JSON.stringify(value)),
+            value.length > maxLength
+              ? 5 > maxLength
+                ? '"..."'
+                : value.slice(0, maxLength - 4) + '..."'
+              : value
           );
-      return !1;
+        case "object":
+          if (null === value) return "null";
+          if (isArrayImpl(value)) return "[...]";
+          if (value.$$typeof === REACT_ELEMENT_TYPE)
+            return (maxLength = getComponentNameFromType(value.type))
+              ? "<" + maxLength + ">"
+              : "<...>";
+          var name = objectName(value);
+          if ("Object" === name) {
+            name = "";
+            maxLength -= 2;
+            for (var propName in value)
+              if (value.hasOwnProperty(propName)) {
+                var jsonPropName = JSON.stringify(propName);
+                jsonPropName !== '"' + propName + '"' &&
+                  (propName = jsonPropName);
+                maxLength -= propName.length - 2;
+                jsonPropName = describeValue(
+                  value[propName],
+                  15 > maxLength ? maxLength : 15
+                );
+                maxLength -= jsonPropName.length;
+                if (0 > maxLength) {
+                  name += "" === name ? "..." : ", ...";
+                  break;
+                }
+                name +=
+                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
+              }
+            return "{" + name + "}";
+          }
+          return name;
+        case "function":
+          return (maxLength = value.displayName || value.name)
+            ? "function " + maxLength
+            : "function";
+        default:
+          return String(value);
+      }
     }
-    function validateTextNesting(childText, parentTag) {
-      if (isTagValidWithParent("#text", parentTag)) return !0;
-      var warnKey = "#text|" + parentTag;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      /\S/.test(childText)
-        ? console.error(
-            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          )
-        : console.error(
-            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          );
-      return !1;
+    function describePropValue(value, maxLength) {
+      return "string" !== typeof value || needsEscaping.test(value)
+        ? "{" + describeValue(value, maxLength - 2) + "}"
+        : value.length > maxLength - 2
+        ? 5 > maxLength
+          ? '"..."'
+          : '"' + value.slice(0, maxLength - 5) + '..."'
+        : '"' + value + '"';
     }
-    function setTextContent(node, text) {
-      if (text) {
-        var firstChild = node.firstChild;
-        if (
-          firstChild &&
-          firstChild === node.lastChild &&
-          3 === firstChild.nodeType
-        ) {
-          firstChild.nodeValue = text;
-          return;
+    function describeExpandedElement(type, props, rowPrefix) {
+      var remainingRowLength = 120 - rowPrefix.length - type.length,
+        properties = [],
+        propName;
+      for (propName in props)
+        if (props.hasOwnProperty(propName) && "children" !== propName) {
+          var propValue = describePropValue(
+            props[propName],
+            120 - rowPrefix.length - propName.length - 1
+          );
+          remainingRowLength -= propName.length + propValue.length + 2;
+          properties.push(propName + "=" + propValue);
         }
-      }
-      node.textContent = text;
+      return 0 === properties.length
+        ? rowPrefix + "<" + type + ">\n"
+        : 0 < remainingRowLength
+        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
+        : rowPrefix +
+          "<" +
+          type +
+          "\n" +
+          rowPrefix +
+          "  " +
+          properties.join("\n" + rowPrefix + "  ") +
+          "\n" +
+          rowPrefix +
+          ">\n";
     }
-    function camelize(string) {
-      return string.replace(hyphenPattern, function (_, character) {
-        return character.toUpperCase();
-      });
+    function describePropertiesDiff(clientObject, serverObject, indent) {
+      var properties = "",
+        remainingServerProperties = assign({}, serverObject),
+        propName;
+      for (propName in clientObject)
+        if (clientObject.hasOwnProperty(propName)) {
+          delete remainingServerProperties[propName];
+          var maxLength = 120 - 2 * indent - propName.length - 2,
+            clientPropValue = describeValue(clientObject[propName], maxLength);
+          serverObject.hasOwnProperty(propName)
+            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
+              (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n"),
+              (properties +=
+                removed(indent) + propName + ": " + maxLength + "\n"))
+            : (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n");
+        }
+      for (var _propName in remainingServerProperties)
+        remainingServerProperties.hasOwnProperty(_propName) &&
+          ((clientObject = describeValue(
+            remainingServerProperties[_propName],
+            120 - 2 * indent - _propName.length - 2
+          )),
+          (properties +=
+            removed(indent) + _propName + ": " + clientObject + "\n"));
+      return properties;
     }
-    function setValueForStyle(style, styleName, value) {
-      var isCustomProperty = 0 === styleName.indexOf("--");
-      isCustomProperty ||
-        (-1 < styleName.indexOf("-")
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported style property %s. Did you mean %s?",
-              styleName,
-              camelize(styleName.replace(msPattern, "ms-"))
-            ))
-          : badVendoredStyleNamePattern.test(styleName)
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
-              styleName,
-              styleName.charAt(0).toUpperCase() + styleName.slice(1)
-            ))
-          : !badStyleValueWithSemicolonPattern.test(value) ||
-            (warnedStyleValues.hasOwnProperty(value) &&
-              warnedStyleValues[value]) ||
-            ((warnedStyleValues[value] = !0),
-            error$jscomp$0(
-              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
-              styleName,
-              value.replace(badStyleValueWithSemicolonPattern, "")
-            )),
-        "number" === typeof value &&
-          (isNaN(value)
-            ? warnedForNaNValue ||
-              ((warnedForNaNValue = !0),
-              error$jscomp$0(
-                "`NaN` is an invalid value for the `%s` css style property.",
-                styleName
-              ))
-            : isFinite(value) ||
-              warnedForInfinityValue ||
-              ((warnedForInfinityValue = !0),
-              error$jscomp$0(
-                "`Infinity` is an invalid value for the `%s` css style property.",
-                styleName
-              ))));
-      null == value || "boolean" === typeof value || "" === value
-        ? isCustomProperty
-          ? style.setProperty(styleName, "")
-          : "float" === styleName
-          ? (style.cssFloat = "")
-          : (style[styleName] = "")
-        : isCustomProperty
-        ? style.setProperty(styleName, value)
-        : "number" !== typeof value ||
-          0 === value ||
-          unitlessNumbers.has(styleName)
-        ? "float" === styleName
-          ? (style.cssFloat = value)
-          : (checkCSSPropertyStringCoercion(value, styleName),
-            (style[styleName] = ("" + value).trim()))
-        : (style[styleName] = value + "px");
-    }
-    function setValueForStyles(node, styles, prevStyles) {
-      if (null != styles && "object" !== typeof styles)
-        throw Error(
-          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+    function describeElementDiff(type, clientProps, serverProps, indent) {
+      var content = "",
+        serverPropNames = new Map();
+      for (propName$jscomp$0 in serverProps)
+        serverProps.hasOwnProperty(propName$jscomp$0) &&
+          serverPropNames.set(
+            propName$jscomp$0.toLowerCase(),
+            propName$jscomp$0
+          );
+      if (1 === serverPropNames.size && serverPropNames.has("children"))
+        content += describeExpandedElement(
+          type,
+          clientProps,
+          indentation(indent)
         );
-      styles && Object.freeze(styles);
-      node = node.style;
-      if (null != prevStyles) {
-        if (styles) {
-          var expandedUpdates = {};
-          if (prevStyles)
-            for (var key in prevStyles)
-              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
-                for (
-                  var longhands = shorthandToLonghand[key] || [key], i = 0;
-                  i < longhands.length;
-                  i++
-                )
-                  expandedUpdates[longhands[i]] = key;
-          for (var _key in styles)
-            if (
-              styles.hasOwnProperty(_key) &&
-              (!prevStyles || prevStyles[_key] !== styles[_key])
-            )
-              for (
-                key = shorthandToLonghand[_key] || [_key], longhands = 0;
-                longhands < key.length;
-                longhands++
-              )
-                expandedUpdates[key[longhands]] = _key;
-          _key = {};
-          for (var key$jscomp$0 in styles)
-            for (
-              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
-                longhands = 0;
-              longhands < key.length;
-              longhands++
-            )
-              _key[key[longhands]] = key$jscomp$0;
-          key$jscomp$0 = {};
-          for (var _key2 in expandedUpdates)
-            (key = expandedUpdates[_key2]),
-              (longhands = _key[_key2]) &&
-                key !== longhands &&
-                ((i = key + "," + longhands),
-                key$jscomp$0[i] ||
-                  ((key$jscomp$0[i] = !0),
-                  (i = styles[key]),
-                  error$jscomp$0(
-                    "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
-                    null == i || "boolean" === typeof i || "" === i
-                      ? "Removing"
-                      : "Updating",
-                    key,
-                    longhands
-                  )));
-        }
-        for (var styleName in prevStyles)
-          !prevStyles.hasOwnProperty(styleName) ||
-            (null != styles && styles.hasOwnProperty(styleName)) ||
-            (0 === styleName.indexOf("--")
-              ? node.setProperty(styleName, "")
-              : "float" === styleName
-              ? (node.cssFloat = "")
-              : (node[styleName] = ""));
-        for (var _styleName in styles)
-          (_key2 = styles[_styleName]),
-            styles.hasOwnProperty(_styleName) &&
-              prevStyles[_styleName] !== _key2 &&
-              setValueForStyle(node, _styleName, _key2);
-      } else
-        for (expandedUpdates in styles)
-          styles.hasOwnProperty(expandedUpdates) &&
-            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
-    }
-    function isCustomElement(tagName) {
-      if (-1 === tagName.indexOf("-")) return !1;
-      switch (tagName) {
-        case "annotation-xml":
-        case "color-profile":
-        case "font-face":
-        case "font-face-src":
-        case "font-face-uri":
-        case "font-face-format":
-        case "font-face-name":
-        case "missing-glyph":
-          return !1;
-        default:
-          return !0;
+      else {
+        for (var _propName2 in clientProps)
+          if (
+            clientProps.hasOwnProperty(_propName2) &&
+            "children" !== _propName2
+          ) {
+            var maxLength$jscomp$0 =
+                120 - 2 * (indent + 1) - _propName2.length - 1,
+              serverPropName = serverPropNames.get(_propName2.toLowerCase());
+            if (void 0 !== serverPropName) {
+              serverPropNames.delete(_propName2.toLowerCase());
+              var propName$jscomp$0 = clientProps[_propName2];
+              serverPropName = serverProps[serverPropName];
+              var clientPropValue = describePropValue(
+                propName$jscomp$0,
+                maxLength$jscomp$0
+              );
+              maxLength$jscomp$0 = describePropValue(
+                serverPropName,
+                maxLength$jscomp$0
+              );
+              "object" === typeof propName$jscomp$0 &&
+              null !== propName$jscomp$0 &&
+              "object" === typeof serverPropName &&
+              null !== serverPropName &&
+              "Object" === objectName(propName$jscomp$0) &&
+              "Object" === objectName(serverPropName) &&
+              (2 < Object.keys(propName$jscomp$0).length ||
+                2 < Object.keys(serverPropName).length ||
+                -1 < clientPropValue.indexOf("...") ||
+                -1 < maxLength$jscomp$0.indexOf("..."))
+                ? (content +=
+                    indentation(indent + 1) +
+                    _propName2 +
+                    "={{\n" +
+                    describePropertiesDiff(
+                      propName$jscomp$0,
+                      serverPropName,
+                      indent + 2
+                    ) +
+                    indentation(indent + 1) +
+                    "}}\n")
+                : ((content +=
+                    added(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    clientPropValue +
+                    "\n"),
+                  (content +=
+                    removed(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    maxLength$jscomp$0 +
+                    "\n"));
+            } else
+              content +=
+                indentation(indent + 1) +
+                _propName2 +
+                "=" +
+                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
+                "\n";
+          }
+        serverPropNames.forEach(function (propName) {
+          if ("children" !== propName) {
+            var maxLength = 120 - 2 * (indent + 1) - propName.length - 1;
+            content +=
+              removed(indent + 1) +
+              propName +
+              "=" +
+              describePropValue(serverProps[propName], maxLength) +
+              "\n";
+          }
+        });
+        content =
+          "" === content
+            ? indentation(indent) + "<" + type + ">\n"
+            : indentation(indent) +
+              "<" +
+              type +
+              "\n" +
+              content +
+              indentation(indent) +
+              ">\n";
       }
-    }
-    function getAttributeAlias(name) {
-      return aliases.get(name) || name;
-    }
-    function validateProperty$1(tagName, name) {
+      type = serverProps.children;
+      clientProps = clientProps.children;
       if (
-        hasOwnProperty.call(warnedProperties$1, name) &&
-        warnedProperties$1[name]
+        "string" === typeof type ||
+        "number" === typeof type ||
+        "bigint" === typeof type
+      ) {
+        serverPropNames = "";
+        if (
+          "string" === typeof clientProps ||
+          "number" === typeof clientProps ||
+          "bigint" === typeof clientProps
+        )
+          serverPropNames = "" + clientProps;
+        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
+      } else if (
+        "string" === typeof clientProps ||
+        "number" === typeof clientProps ||
+        "bigint" === typeof clientProps
       )
-        return !0;
-      if (rARIACamel$1.test(name)) {
-        tagName = "aria-" + name.slice(4).toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
-              name
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-        if (name !== tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
-              name,
-              tagName
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-      }
-      if (rARIA$1.test(name)) {
-        tagName = name.toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
-        name !== tagName &&
-          (error$jscomp$0(
-            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
-            name,
-            tagName
-          ),
-          (warnedProperties$1[name] = !0));
+        content =
+          null == type
+            ? content + describeTextDiff("" + clientProps, null, indent + 1)
+            : content + describeTextDiff("" + clientProps, void 0, indent + 1);
+      return content;
+    }
+    function describeSiblingFiber(fiber, indent) {
+      var type = describeFiberType(fiber);
+      if (null === type) {
+        type = "";
+        for (fiber = fiber.child; fiber; )
+          (type += describeSiblingFiber(fiber, indent)),
+            (fiber = fiber.sibling);
+        return type;
       }
-      return !0;
+      return indentation(indent) + "<" + type + ">\n";
     }
-    function validateProperties$2(type, props) {
-      var invalidProps = [],
-        key;
-      for (key in props)
-        validateProperty$1(type, key) || invalidProps.push(key);
-      props = invalidProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === invalidProps.length
-        ? error$jscomp$0(
-            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          )
-        : 1 < invalidProps.length &&
-          error$jscomp$0(
-            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          );
-    }
-    function validateProperty(tagName, name, value, eventRegistry) {
-      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
-        return !0;
-      var lowerCasedName = name.toLowerCase();
-      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+    function describeNode(node, indent) {
+      var skipToNode = findNotableNode(node, indent);
+      if (
+        skipToNode !== node &&
+        (1 !== node.children.length || node.children[0] !== skipToNode)
+      )
         return (
-          error$jscomp$0(
-            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
-          ),
-          (warnedProperties[name] = !0)
+          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
         );
-      if (
-        "function" === typeof value &&
-        (("form" === tagName && "action" === name) ||
-          ("input" === tagName && "formAction" === name) ||
-          ("button" === tagName && "formAction" === name))
+      skipToNode = "";
+      var debugInfo = node.fiber._debugInfo;
+      if (debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var serverComponentName = debugInfo[i].name;
+          "string" === typeof serverComponentName &&
+            ((skipToNode +=
+              indentation(indent) + "<" + serverComponentName + ">\n"),
+            indent++);
+        }
+      debugInfo = "";
+      i = node.fiber.pendingProps;
+      if (6 === node.fiber.tag)
+        (debugInfo = describeTextDiff(i, node.serverProps, indent)), indent++;
+      else if (
+        ((serverComponentName = describeFiberType(node.fiber)),
+        null !== serverComponentName)
       )
-        return !0;
-      if (null != eventRegistry) {
-        tagName = eventRegistry.possibleRegistrationNames;
-        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
-          return !0;
-        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
-          ? tagName[lowerCasedName]
-          : null;
-        if (null != eventRegistry)
+        if (void 0 === node.serverProps) {
+          debugInfo = indent;
+          var maxLength = 120 - 2 * debugInfo - serverComponentName.length - 2,
+            content = "";
+          for (propName in i)
+            if (i.hasOwnProperty(propName) && "children" !== propName) {
+              var propValue = describePropValue(i[propName], 15);
+              maxLength -= propName.length + propValue.length + 2;
+              if (0 > maxLength) {
+                content += " ...";
+                break;
+              }
+              content += " " + propName + "=" + propValue;
+            }
+          debugInfo =
+            indentation(debugInfo) +
+            "<" +
+            serverComponentName +
+            content +
+            ">\n";
+          indent++;
+        } else
+          null === node.serverProps
+            ? ((debugInfo = describeExpandedElement(
+                serverComponentName,
+                i,
+                added(indent)
+              )),
+              indent++)
+            : "string" === typeof node.serverProps
+            ? console.error(
+                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
+              )
+            : ((debugInfo = describeElementDiff(
+                serverComponentName,
+                i,
+                node.serverProps,
+                indent
+              )),
+              indent++);
+      var propName = "";
+      i = node.fiber.child;
+      for (
+        serverComponentName = 0;
+        i && serverComponentName < node.children.length;
+
+      )
+        (maxLength = node.children[serverComponentName]),
+          maxLength.fiber === i
+            ? ((propName += describeNode(maxLength, indent)),
+              serverComponentName++)
+            : (propName += describeSiblingFiber(i, indent)),
+          (i = i.sibling);
+      i &&
+        0 < node.children.length &&
+        (propName += indentation(indent) + "...\n");
+      i = node.serverTail;
+      null === node.serverProps && indent--;
+      for (node = 0; node < i.length; node++)
+        (serverComponentName = i[node]),
+          (propName =
+            "string" === typeof serverComponentName
+              ? propName +
+                (removed(indent) +
+                  describeTextNode(serverComponentName, 120 - 2 * indent) +
+                  "\n")
+              : propName +
+                describeExpandedElement(
+                  serverComponentName.type,
+                  serverComponentName.props,
+                  removed(indent)
+                ));
+      return skipToNode + debugInfo + propName;
+    }
+    function describeDiff(rootNode) {
+      try {
+        return "\n\n" + describeNode(rootNode, 0);
+      } catch (x) {
+        return "";
+      }
+    }
+    function describeAncestors(ancestor, child, props) {
+      for (var fiber = child, node = null, distanceFromLeaf = 0; fiber; )
+        fiber === ancestor && (distanceFromLeaf = 0),
+          (node = {
+            fiber: fiber,
+            children: null !== node ? [node] : [],
+            serverProps:
+              fiber === child ? props : fiber === ancestor ? null : void 0,
+            serverTail: [],
+            distanceFromLeaf: distanceFromLeaf
+          }),
+          distanceFromLeaf++,
+          (fiber = fiber.return);
+      return null !== node ? describeDiff(node).replaceAll(/^[+-]/gm, ">") : "";
+    }
+    function updatedAncestorInfoDev(oldInfo, tag) {
+      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
+      var info = { tag: tag };
+      -1 !== inScopeTags.indexOf(tag) &&
+        ((oldInfo.aTagInScope = null),
+        (oldInfo.buttonTagInScope = null),
+        (oldInfo.nobrTagInScope = null));
+      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
+      -1 !== specialTags.indexOf(tag) &&
+        "address" !== tag &&
+        "div" !== tag &&
+        "p" !== tag &&
+        ((oldInfo.listItemTagAutoclosing = null),
+        (oldInfo.dlItemTagAutoclosing = null));
+      oldInfo.current = info;
+      "form" === tag && (oldInfo.formTag = info);
+      "a" === tag && (oldInfo.aTagInScope = info);
+      "button" === tag && (oldInfo.buttonTagInScope = info);
+      "nobr" === tag && (oldInfo.nobrTagInScope = info);
+      "p" === tag && (oldInfo.pTagInButtonScope = info);
+      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
+      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
+      "#document" === tag || "html" === tag
+        ? (oldInfo.containerTagInScope = null)
+        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
+      return oldInfo;
+    }
+    function isTagValidWithParent(tag, parentTag) {
+      switch (parentTag) {
+        case "select":
           return (
-            error$jscomp$0(
-              "Invalid event handler property `%s`. Did you mean `%s`?",
-              name,
-              eventRegistry
-            ),
-            (warnedProperties[name] = !0)
+            "hr" === tag ||
+            "option" === tag ||
+            "optgroup" === tag ||
+            "#text" === tag
           );
-        if (EVENT_NAME_REGEX.test(name))
+        case "optgroup":
+          return "option" === tag || "#text" === tag;
+        case "option":
+          return "#text" === tag;
+        case "tr":
           return (
-            error$jscomp$0(
-              "Unknown event handler property `%s`. It will be ignored.",
-              name
-            ),
-            (warnedProperties[name] = !0)
+            "th" === tag ||
+            "td" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (EVENT_NAME_REGEX.test(name))
-        return (
-          INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$0(
-              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
-              name
-            ),
-          (warnedProperties[name] = !0)
-        );
-      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
-      if ("innerhtml" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("aria" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (
-        "is" === lowerCasedName &&
-        null !== value &&
-        void 0 !== value &&
-        "string" !== typeof value
-      )
-        return (
-          error$jscomp$0(
-            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
-            typeof value
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("number" === typeof value && isNaN(value))
-        return (
-          error$jscomp$0(
-            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
-            name
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-        if (
-          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
-          lowerCasedName !== name)
-        )
+        case "tbody":
+        case "thead":
+        case "tfoot":
           return (
-            error$jscomp$0(
-              "Invalid DOM property `%s`. Did you mean `%s`?",
-              name,
-              lowerCasedName
-            ),
-            (warnedProperties[name] = !0)
+            "tr" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-      } else if (name !== lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
-            name,
-            lowerCasedName
-          ),
-          (warnedProperties[name] = !0)
-        );
-      switch (name) {
-        case "dangerouslySetInnerHTML":
-        case "children":
-        case "style":
-        case "suppressContentEditableWarning":
-        case "suppressHydrationWarning":
-        case "defaultValue":
-        case "defaultChecked":
-        case "innerHTML":
-        case "ref":
-          return !0;
-        case "innerText":
-        case "textContent":
-          return !0;
-      }
-      switch (typeof value) {
-        case "boolean":
-          switch (name) {
-            case "autoFocus":
-            case "checked":
-            case "multiple":
-            case "muted":
-            case "selected":
-            case "contentEditable":
-            case "spellCheck":
-            case "draggable":
-            case "value":
-            case "autoReverse":
-            case "externalResourcesRequired":
-            case "focusable":
-            case "preserveAlpha":
-            case "allowFullScreen":
-            case "async":
-            case "autoPlay":
-            case "controls":
-            case "default":
-            case "defer":
-            case "disabled":
-            case "disablePictureInPicture":
-            case "disableRemotePlayback":
-            case "formNoValidate":
-            case "hidden":
-            case "loop":
-            case "noModule":
-            case "noValidate":
-            case "open":
-            case "playsInline":
-            case "readOnly":
-            case "required":
-            case "reversed":
-            case "scoped":
-            case "seamless":
-            case "itemScope":
-            case "capture":
-            case "download":
-            case "inert":
-              return !0;
-            default:
-              lowerCasedName = name.toLowerCase().slice(0, 5);
-              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
-                return !0;
-              value
-                ? error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name
-                  )
-                : error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name,
-                    name,
-                    name
-                  );
-              return (warnedProperties[name] = !0);
-          }
-        case "function":
-        case "symbol":
-          return (warnedProperties[name] = !0), !1;
-        case "string":
-          if ("false" === value || "true" === value) {
-            switch (name) {
-              case "checked":
-              case "selected":
-              case "multiple":
-              case "muted":
-              case "allowFullScreen":
-              case "async":
-              case "autoPlay":
-              case "controls":
-              case "default":
-              case "defer":
-              case "disabled":
-              case "disablePictureInPicture":
-              case "disableRemotePlayback":
-              case "formNoValidate":
-              case "hidden":
-              case "loop":
-              case "noModule":
-              case "noValidate":
-              case "open":
-              case "playsInline":
-              case "readOnly":
-              case "required":
-              case "reversed":
-              case "scoped":
-              case "seamless":
-              case "itemScope":
-              case "inert":
-                break;
-              default:
-                return !0;
-            }
-            error$jscomp$0(
-              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
-              value,
-              name,
-              "false" === value
-                ? "The browser will interpret it as a truthy value."
-                : 'Although this works, it will not work as expected if you pass the string "false".',
-              name,
-              value
-            );
-            warnedProperties[name] = !0;
-          }
-      }
-      return !0;
-    }
-    function warnUnknownProperties(type, props, eventRegistry) {
-      var unknownProps = [],
-        key;
-      for (key in props)
-        validateProperty(type, key, props[key], eventRegistry) ||
-          unknownProps.push(key);
-      props = unknownProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === unknownProps.length
-        ? error$jscomp$0(
-            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          )
-        : 1 < unknownProps.length &&
-          error$jscomp$0(
-            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
+        case "colgroup":
+          return "col" === tag || "template" === tag;
+        case "table":
+          return (
+            "caption" === tag ||
+            "colgroup" === tag ||
+            "tbody" === tag ||
+            "tfoot" === tag ||
+            "thead" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
           );
-    }
-    function sanitizeURL(url) {
-      return isJavaScriptProtocol.test("" + url)
-        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
-        : url;
-    }
-    function getEventTarget(nativeEvent) {
-      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-      nativeEvent.correspondingUseElement &&
-        (nativeEvent = nativeEvent.correspondingUseElement);
-      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-    }
-    function restoreStateOfTarget(target) {
-      var internalInstance = getInstanceFromNode$1(target);
-      if (internalInstance && (target = internalInstance.stateNode)) {
-        var props = target[internalPropsKey] || null;
-        a: switch (
-          ((target = internalInstance.stateNode), internalInstance.type)
-        ) {
-          case "input":
-            updateInput(
-              target,
-              props.value,
-              props.defaultValue,
-              props.defaultValue,
-              props.checked,
-              props.defaultChecked,
-              props.type,
-              props.name
-            );
-            internalInstance = props.name;
-            if ("radio" === props.type && null != internalInstance) {
-              for (props = target; props.parentNode; ) props = props.parentNode;
-              checkAttributeStringCoercion(internalInstance, "name");
-              props = props.querySelectorAll(
-                'input[name="' +
-                  escapeSelectorAttributeValueInsideDoubleQuotes(
-                    "" + internalInstance
-                  ) +
-                  '"][type="radio"]'
-              );
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              ) {
-                var otherNode = props[internalInstance];
-                if (otherNode !== target && otherNode.form === target.form) {
-                  var otherProps = otherNode[internalPropsKey] || null;
-                  if (!otherProps)
-                    throw Error(
-                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
-                    );
-                  updateInput(
-                    otherNode,
-                    otherProps.value,
-                    otherProps.defaultValue,
-                    otherProps.defaultValue,
-                    otherProps.checked,
-                    otherProps.defaultChecked,
-                    otherProps.type,
-                    otherProps.name
-                  );
-                }
-              }
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              )
-                (otherNode = props[internalInstance]),
-                  otherNode.form === target.form &&
-                    updateValueIfChanged(otherNode);
-            }
-            break a;
-          case "textarea":
-            updateTextarea(target, props.value, props.defaultValue);
-            break a;
-          case "select":
-            (internalInstance = props.value),
-              null != internalInstance &&
-                updateOptions(target, !!props.multiple, internalInstance, !1);
-        }
-      }
-    }
-    function batchedUpdates$1(fn, a, b) {
-      if (isInsideEventHandler) return fn(a, b);
-      isInsideEventHandler = !0;
-      try {
-        var JSCompiler_inline_result = fn(a);
-        return JSCompiler_inline_result;
-      } finally {
-        if (
-          ((isInsideEventHandler = !1),
-          null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (flushSyncWork$1(),
-            restoreTarget &&
-              ((a = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(a),
-              fn))
-          )
-            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+        case "head":
+          return (
+            "base" === tag ||
+            "basefont" === tag ||
+            "bgsound" === tag ||
+            "link" === tag ||
+            "meta" === tag ||
+            "title" === tag ||
+            "noscript" === tag ||
+            "noframes" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "html":
+          return "head" === tag || "body" === tag || "frameset" === tag;
+        case "frameset":
+          return "frame" === tag;
+        case "#document":
+          return "html" === tag;
       }
-    }
-    function getListener(inst, registrationName) {
-      var stateNode = inst.stateNode;
-      if (null === stateNode) return null;
-      var props = stateNode[internalPropsKey] || null;
-      if (null === props) return null;
-      stateNode = props[registrationName];
-      a: switch (registrationName) {
-        case "onClick":
-        case "onClickCapture":
-        case "onDoubleClick":
-        case "onDoubleClickCapture":
-        case "onMouseDown":
-        case "onMouseDownCapture":
-        case "onMouseMove":
-        case "onMouseMoveCapture":
-        case "onMouseUp":
-        case "onMouseUpCapture":
-        case "onMouseEnter":
-          (props = !props.disabled) ||
-            ((inst = inst.type),
-            (props = !(
-              "button" === inst ||
-              "input" === inst ||
-              "select" === inst ||
-              "textarea" === inst
-            )));
-          inst = !props;
-          break a;
-        default:
-          inst = !1;
+      switch (tag) {
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return (
+            "h1" !== parentTag &&
+            "h2" !== parentTag &&
+            "h3" !== parentTag &&
+            "h4" !== parentTag &&
+            "h5" !== parentTag &&
+            "h6" !== parentTag
+          );
+        case "rp":
+        case "rt":
+          return -1 === impliedEndTags.indexOf(parentTag);
+        case "body":
+        case "caption":
+        case "col":
+        case "colgroup":
+        case "frameset":
+        case "frame":
+        case "head":
+        case "html":
+        case "tbody":
+        case "td":
+        case "tfoot":
+        case "th":
+        case "thead":
+        case "tr":
+          return null == parentTag;
       }
-      if (inst) return null;
-      if (stateNode && "function" !== typeof stateNode)
-        throw Error(
-          "Expected `" +
-            registrationName +
-            "` listener to be a function, instead got a value of `" +
-            typeof stateNode +
-            "` type."
-        );
-      return stateNode;
-    }
-    function getData() {
-      if (fallbackText) return fallbackText;
-      var start,
-        startValue = startText,
-        startLength = startValue.length,
-        end,
-        endValue = "value" in root ? root.value : root.textContent,
-        endLength = endValue.length;
-      for (
-        start = 0;
-        start < startLength && startValue[start] === endValue[start];
-        start++
-      );
-      var minEnd = startLength - start;
-      for (
-        end = 1;
-        end <= minEnd &&
-        startValue[startLength - end] === endValue[endLength - end];
-        end++
-      );
-      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
-    }
-    function getEventCharCode(nativeEvent) {
-      var keyCode = nativeEvent.keyCode;
-      "charCode" in nativeEvent
-        ? ((nativeEvent = nativeEvent.charCode),
-          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
-        : (nativeEvent = keyCode);
-      10 === nativeEvent && (nativeEvent = 13);
-      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
-    }
-    function functionThatReturnsTrue() {
       return !0;
     }
-    function functionThatReturnsFalse() {
-      return !1;
-    }
-    function createSyntheticEvent(Interface) {
-      function SyntheticBaseEvent(
-        reactName,
-        reactEventType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      ) {
-        this._reactName = reactName;
-        this._targetInst = targetInst;
-        this.type = reactEventType;
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEventTarget;
-        this.currentTarget = null;
-        for (var propName in Interface)
-          Interface.hasOwnProperty(propName) &&
-            ((reactName = Interface[propName]),
-            (this[propName] = reactName
-              ? reactName(nativeEvent)
-              : nativeEvent[propName]));
-        this.isDefaultPrevented = (
-          null != nativeEvent.defaultPrevented
-            ? nativeEvent.defaultPrevented
-            : !1 === nativeEvent.returnValue
-        )
-          ? functionThatReturnsTrue
-          : functionThatReturnsFalse;
-        this.isPropagationStopped = functionThatReturnsFalse;
-        return this;
-      }
-      assign(SyntheticBaseEvent.prototype, {
-        preventDefault: function () {
-          this.defaultPrevented = !0;
-          var event = this.nativeEvent;
-          event &&
-            (event.preventDefault
-              ? event.preventDefault()
-              : "unknown" !== typeof event.returnValue &&
-                (event.returnValue = !1),
-            (this.isDefaultPrevented = functionThatReturnsTrue));
-        },
-        stopPropagation: function () {
-          var event = this.nativeEvent;
-          event &&
-            (event.stopPropagation
-              ? event.stopPropagation()
-              : "unknown" !== typeof event.cancelBubble &&
-                (event.cancelBubble = !0),
-            (this.isPropagationStopped = functionThatReturnsTrue));
-        },
-        persist: function () {},
-        isPersistent: functionThatReturnsTrue
-      });
-      return SyntheticBaseEvent;
-    }
-    function modifierStateGetter(keyArg) {
-      var nativeEvent = this.nativeEvent;
-      return nativeEvent.getModifierState
-        ? nativeEvent.getModifierState(keyArg)
-        : (keyArg = modifierKeyToProp[keyArg])
-        ? !!nativeEvent[keyArg]
-        : !1;
-    }
-    function getEventModifierState() {
-      return modifierStateGetter;
+    function findInvalidAncestorForTag(tag, ancestorInfo) {
+      switch (tag) {
+        case "address":
+        case "article":
+        case "aside":
+        case "blockquote":
+        case "center":
+        case "details":
+        case "dialog":
+        case "dir":
+        case "div":
+        case "dl":
+        case "fieldset":
+        case "figcaption":
+        case "figure":
+        case "footer":
+        case "header":
+        case "hgroup":
+        case "main":
+        case "menu":
+        case "nav":
+        case "ol":
+        case "p":
+        case "section":
+        case "summary":
+        case "ul":
+        case "pre":
+        case "listing":
+        case "table":
+        case "hr":
+        case "xmp":
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return ancestorInfo.pTagInButtonScope;
+        case "form":
+          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
+        case "li":
+          return ancestorInfo.listItemTagAutoclosing;
+        case "dd":
+        case "dt":
+          return ancestorInfo.dlItemTagAutoclosing;
+        case "button":
+          return ancestorInfo.buttonTagInScope;
+        case "a":
+          return ancestorInfo.aTagInScope;
+        case "nobr":
+          return ancestorInfo.nobrTagInScope;
+      }
+      return null;
     }
-    function isFallbackCompositionEnd(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "keyup":
-          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
-        case "keydown":
-          return nativeEvent.keyCode !== START_KEYCODE;
-        case "keypress":
-        case "mousedown":
-        case "focusout":
-          return !0;
-        default:
-          return !1;
+    function findAncestor(parent, tagName) {
+      for (; parent; ) {
+        switch (parent.tag) {
+          case 5:
+          case 26:
+          case 27:
+            if (parent.type === tagName) return parent;
+        }
+        parent = parent.return;
       }
+      return null;
     }
-    function getDataFromCustomEvent(nativeEvent) {
-      nativeEvent = nativeEvent.detail;
-      return "object" === typeof nativeEvent && "data" in nativeEvent
-        ? nativeEvent.data
-        : null;
+    function validateDOMNesting(childTag, ancestorInfo) {
+      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
+      var parentInfo = ancestorInfo.current;
+      ancestorInfo = (parentInfo = isTagValidWithParent(
+        childTag,
+        parentInfo && parentInfo.tag
+      )
+        ? null
+        : parentInfo)
+        ? null
+        : findInvalidAncestorForTag(childTag, ancestorInfo);
+      ancestorInfo = parentInfo || ancestorInfo;
+      if (!ancestorInfo) return !0;
+      var ancestorTag = ancestorInfo.tag;
+      ancestorInfo = String(!!parentInfo) + "|" + childTag + "|" + ancestorTag;
+      if (didWarn[ancestorInfo]) return !1;
+      didWarn[ancestorInfo] = !0;
+      var ancestor = (ancestorInfo = current)
+          ? findAncestor(ancestorInfo.return, ancestorTag)
+          : null,
+        ancestorDescription =
+          null !== ancestorInfo && null !== ancestor
+            ? describeAncestors(ancestor, ancestorInfo, null)
+            : "",
+        tagDisplayName = "<" + childTag + ">";
+      parentInfo
+        ? ((parentInfo = ""),
+          "table" === ancestorTag &&
+            "tr" === childTag &&
+            (parentInfo +=
+              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
+          console.error(
+            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            parentInfo,
+            ancestorDescription
+          ))
+        : console.error(
+            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
+            tagDisplayName,
+            ancestorTag,
+            ancestorDescription
+          );
+      ancestorInfo &&
+        ((childTag = ancestorInfo.return),
+        null === ancestor ||
+          null === childTag ||
+          (ancestor === childTag &&
+            childTag._debugOwner === ancestorInfo._debugOwner) ||
+          runWithFiberInDEV(ancestor, function () {
+            console.error(
+              "<%s> cannot contain a nested %s.\nSee this log for the ancestor stack trace.",
+              ancestorTag,
+              tagDisplayName
+            );
+          }));
+      return !1;
     }
-    function getNativeBeforeInputChars(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "compositionend":
-          return getDataFromCustomEvent(nativeEvent);
-        case "keypress":
-          if (nativeEvent.which !== SPACEBAR_CODE) return null;
-          hasSpaceKeypress = !0;
-          return SPACEBAR_CHAR;
-        case "textInput":
-          return (
-            (domEventName = nativeEvent.data),
-            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
-              ? null
-              : domEventName
+    function validateTextNesting(childText, parentTag) {
+      if (isTagValidWithParent("#text", parentTag)) return !0;
+      var warnKey = "#text|" + parentTag;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey, parentTag)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(
+              ancestor,
+              warnKey,
+              6 !== warnKey.tag ? { children: null } : null
+            )
+          : "";
+      /\S/.test(childText)
+        ? console.error(
+            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          )
+        : console.error(
+            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
           );
-        default:
-          return null;
+      return !1;
+    }
+    function setTextContent(node, text) {
+      if (text) {
+        var firstChild = node.firstChild;
+        if (
+          firstChild &&
+          firstChild === node.lastChild &&
+          3 === firstChild.nodeType
+        ) {
+          firstChild.nodeValue = text;
+          return;
+        }
       }
+      node.textContent = text;
     }
-    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-      if (isComposing)
-        return "compositionend" === domEventName ||
-          (!canUseCompositionEvent &&
-            isFallbackCompositionEnd(domEventName, nativeEvent))
-          ? ((domEventName = getData()),
-            (fallbackText = startText = root = null),
-            (isComposing = !1),
-            domEventName)
-          : null;
-      switch (domEventName) {
-        case "paste":
-          return null;
-        case "keypress":
-          if (
-            !(
-              nativeEvent.ctrlKey ||
-              nativeEvent.altKey ||
-              nativeEvent.metaKey
-            ) ||
-            (nativeEvent.ctrlKey && nativeEvent.altKey)
-          ) {
-            if (nativeEvent.char && 1 < nativeEvent.char.length)
-              return nativeEvent.char;
-            if (nativeEvent.which)
-              return String.fromCharCode(nativeEvent.which);
-          }
-          return null;
-        case "compositionend":
-          return useFallbackCompositionData && "ko" !== nativeEvent.locale
-            ? null
-            : nativeEvent.data;
+    function camelize(string) {
+      return string.replace(hyphenPattern, function (_, character) {
+        return character.toUpperCase();
+      });
+    }
+    function setValueForStyle(style, styleName, value) {
+      var isCustomProperty = 0 === styleName.indexOf("--");
+      isCustomProperty ||
+        (-1 < styleName.indexOf("-")
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported style property %s. Did you mean %s?",
+              styleName,
+              camelize(styleName.replace(msPattern, "ms-"))
+            ))
+          : badVendoredStyleNamePattern.test(styleName)
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
+              styleName,
+              styleName.charAt(0).toUpperCase() + styleName.slice(1)
+            ))
+          : !badStyleValueWithSemicolonPattern.test(value) ||
+            (warnedStyleValues.hasOwnProperty(value) &&
+              warnedStyleValues[value]) ||
+            ((warnedStyleValues[value] = !0),
+            console.error(
+              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
+              styleName,
+              value.replace(badStyleValueWithSemicolonPattern, "")
+            )),
+        "number" === typeof value &&
+          (isNaN(value)
+            ? warnedForNaNValue ||
+              ((warnedForNaNValue = !0),
+              console.error(
+                "`NaN` is an invalid value for the `%s` css style property.",
+                styleName
+              ))
+            : isFinite(value) ||
+              warnedForInfinityValue ||
+              ((warnedForInfinityValue = !0),
+              console.error(
+                "`Infinity` is an invalid value for the `%s` css style property.",
+                styleName
+              ))));
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? style.setProperty(styleName, "")
+          : "float" === styleName
+          ? (style.cssFloat = "")
+          : (style[styleName] = "")
+        : isCustomProperty
+        ? style.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          unitlessNumbers.has(styleName)
+        ? "float" === styleName
+          ? (style.cssFloat = value)
+          : (checkCSSPropertyStringCoercion(value, styleName),
+            (style[styleName] = ("" + value).trim()))
+        : (style[styleName] = value + "px");
+    }
+    function setValueForStyles(node, styles, prevStyles) {
+      if (null != styles && "object" !== typeof styles)
+        throw Error(
+          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+        );
+      styles && Object.freeze(styles);
+      node = node.style;
+      if (null != prevStyles) {
+        if (styles) {
+          var expandedUpdates = {};
+          if (prevStyles)
+            for (var key in prevStyles)
+              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
+                for (
+                  var longhands = shorthandToLonghand[key] || [key], i = 0;
+                  i < longhands.length;
+                  i++
+                )
+                  expandedUpdates[longhands[i]] = key;
+          for (var _key in styles)
+            if (
+              styles.hasOwnProperty(_key) &&
+              (!prevStyles || prevStyles[_key] !== styles[_key])
+            )
+              for (
+                key = shorthandToLonghand[_key] || [_key], longhands = 0;
+                longhands < key.length;
+                longhands++
+              )
+                expandedUpdates[key[longhands]] = _key;
+          _key = {};
+          for (var key$jscomp$0 in styles)
+            for (
+              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
+                longhands = 0;
+              longhands < key.length;
+              longhands++
+            )
+              _key[key[longhands]] = key$jscomp$0;
+          key$jscomp$0 = {};
+          for (var _key2 in expandedUpdates)
+            if (
+              ((key = expandedUpdates[_key2]),
+              (longhands = _key[_key2]) &&
+                key !== longhands &&
+                ((i = key + "," + longhands), !key$jscomp$0[i]))
+            ) {
+              key$jscomp$0[i] = !0;
+              i = console;
+              var value = styles[key];
+              i.error.call(
+                i,
+                "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
+                null == value || "boolean" === typeof value || "" === value
+                  ? "Removing"
+                  : "Updating",
+                key,
+                longhands
+              );
+            }
+        }
+        for (var styleName in prevStyles)
+          !prevStyles.hasOwnProperty(styleName) ||
+            (null != styles && styles.hasOwnProperty(styleName)) ||
+            (0 === styleName.indexOf("--")
+              ? node.setProperty(styleName, "")
+              : "float" === styleName
+              ? (node.cssFloat = "")
+              : (node[styleName] = ""));
+        for (var _styleName in styles)
+          (_key2 = styles[_styleName]),
+            styles.hasOwnProperty(_styleName) &&
+              prevStyles[_styleName] !== _key2 &&
+              setValueForStyle(node, _styleName, _key2);
+      } else
+        for (expandedUpdates in styles)
+          styles.hasOwnProperty(expandedUpdates) &&
+            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
+    }
+    function isCustomElement(tagName) {
+      if (-1 === tagName.indexOf("-")) return !1;
+      switch (tagName) {
+        case "annotation-xml":
+        case "color-profile":
+        case "font-face":
+        case "font-face-src":
+        case "font-face-uri":
+        case "font-face-format":
+        case "font-face-name":
+        case "missing-glyph":
+          return !1;
         default:
-          return null;
+          return !0;
       }
     }
-    function isTextInputElement(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return "input" === nodeName
-        ? !!supportedInputTypes[elem.type]
-        : "textarea" === nodeName
-        ? !0
-        : !1;
-    }
-    function isEventSupported(eventNameSuffix) {
-      if (!canUseDOM) return !1;
-      eventNameSuffix = "on" + eventNameSuffix;
-      var isSupported = eventNameSuffix in document;
-      isSupported ||
-        ((isSupported = document.createElement("div")),
-        isSupported.setAttribute(eventNameSuffix, "return;"),
-        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
-      return isSupported;
-    }
-    function createAndAccumulateChangeEvent(
-      dispatchQueue,
-      inst,
-      nativeEvent,
-      target
-    ) {
-      restoreTarget
-        ? restoreQueue
-          ? restoreQueue.push(target)
-          : (restoreQueue = [target])
-        : (restoreTarget = target);
-      inst = accumulateTwoPhaseListeners(inst, "onChange");
-      0 < inst.length &&
-        ((nativeEvent = new SyntheticEvent(
-          "onChange",
-          "change",
-          null,
-          nativeEvent,
-          target
-        )),
-        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
-    }
-    function runEventInBatch(dispatchQueue) {
-      processDispatchQueue(dispatchQueue, 0);
-    }
-    function getInstIfValueChanged(targetInst) {
-      var targetNode = getNodeFromInstance(targetInst);
-      if (updateValueIfChanged(targetNode)) return targetInst;
-    }
-    function getTargetInstForChangeEvent(domEventName, targetInst) {
-      if ("change" === domEventName) return targetInst;
-    }
-    function stopWatchingForValueChange() {
-      activeElement$1 &&
-        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
-        (activeElementInst$1 = activeElement$1 = null));
+    function getAttributeAlias(name) {
+      return aliases.get(name) || name;
     }
-    function handlePropertyChange(nativeEvent) {
+    function validateProperty$1(tagName, name) {
       if (
-        "value" === nativeEvent.propertyName &&
-        getInstIfValueChanged(activeElementInst$1)
-      ) {
-        var dispatchQueue = [];
-        createAndAccumulateChangeEvent(
-          dispatchQueue,
-          activeElementInst$1,
-          nativeEvent,
-          getEventTarget(nativeEvent)
-        );
-        batchedUpdates$1(runEventInBatch, dispatchQueue);
+        hasOwnProperty.call(warnedProperties$1, name) &&
+        warnedProperties$1[name]
+      )
+        return !0;
+      if (rARIACamel$1.test(name)) {
+        tagName = "aria-" + name.slice(4).toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
+              name
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+        if (name !== tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
+              name,
+              tagName
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+      }
+      if (rARIA$1.test(name)) {
+        tagName = name.toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
+        name !== tagName &&
+          (console.error(
+            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
+            name,
+            tagName
+          ),
+          (warnedProperties$1[name] = !0));
       }
+      return !0;
     }
-    function handleEventsForInputEventPolyfill(
-      domEventName,
-      target,
-      targetInst
-    ) {
-      "focusin" === domEventName
-        ? (stopWatchingForValueChange(),
-          (activeElement$1 = target),
-          (activeElementInst$1 = targetInst),
-          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
-        : "focusout" === domEventName && stopWatchingForValueChange();
+    function validateProperties$2(type, props) {
+      var invalidProps = [],
+        key;
+      for (key in props)
+        validateProperty$1(type, key) || invalidProps.push(key);
+      props = invalidProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === invalidProps.length
+        ? console.error(
+            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          )
+        : 1 < invalidProps.length &&
+          console.error(
+            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          );
     }
-    function getTargetInstForInputEventPolyfill(domEventName) {
+    function validateProperty(tagName, name, value, eventRegistry) {
+      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
+        return !0;
+      var lowerCasedName = name.toLowerCase();
+      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+        return (
+          console.error(
+            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
+          ),
+          (warnedProperties[name] = !0)
+        );
       if (
-        "selectionchange" === domEventName ||
-        "keyup" === domEventName ||
-        "keydown" === domEventName
+        "function" === typeof value &&
+        (("form" === tagName && "action" === name) ||
+          ("input" === tagName && "formAction" === name) ||
+          ("button" === tagName && "formAction" === name))
       )
-        return getInstIfValueChanged(activeElementInst$1);
-    }
-    function getTargetInstForClickEvent(domEventName, targetInst) {
-      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
-    }
-    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
-      if ("input" === domEventName || "change" === domEventName)
-        return getInstIfValueChanged(targetInst);
-    }
-    function is(x, y) {
-      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
-    }
-    function shallowEqual(objA, objB) {
-      if (objectIs(objA, objB)) return !0;
+        return !0;
+      if (null != eventRegistry) {
+        tagName = eventRegistry.possibleRegistrationNames;
+        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
+          return !0;
+        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
+          ? tagName[lowerCasedName]
+          : null;
+        if (null != eventRegistry)
+          return (
+            console.error(
+              "Invalid event handler property `%s`. Did you mean `%s`?",
+              name,
+              eventRegistry
+            ),
+            (warnedProperties[name] = !0)
+          );
+        if (EVENT_NAME_REGEX.test(name))
+          return (
+            console.error(
+              "Unknown event handler property `%s`. It will be ignored.",
+              name
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (EVENT_NAME_REGEX.test(name))
+        return (
+          INVALID_EVENT_NAME_REGEX.test(name) &&
+            console.error(
+              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
+              name
+            ),
+          (warnedProperties[name] = !0)
+        );
+      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
+      if ("innerhtml" === lowerCasedName)
+        return (
+          console.error(
+            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("aria" === lowerCasedName)
+        return (
+          console.error(
+            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
+          ),
+          (warnedProperties[name] = !0)
+        );
       if (
-        "object" !== typeof objA ||
-        null === objA ||
-        "object" !== typeof objB ||
-        null === objB
+        "is" === lowerCasedName &&
+        null !== value &&
+        void 0 !== value &&
+        "string" !== typeof value
       )
-        return !1;
-      var keysA = Object.keys(objA),
-        keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) return !1;
-      for (keysB = 0; keysB < keysA.length; keysB++) {
-        var currentKey = keysA[keysB];
+        return (
+          console.error(
+            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
+            typeof value
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("number" === typeof value && isNaN(value))
+        return (
+          console.error(
+            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
+            name
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
         if (
-          !hasOwnProperty.call(objB, currentKey) ||
-          !objectIs(objA[currentKey], objB[currentKey])
+          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
+          lowerCasedName !== name)
         )
-          return !1;
+          return (
+            console.error(
+              "Invalid DOM property `%s`. Did you mean `%s`?",
+              name,
+              lowerCasedName
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (name !== lowerCasedName)
+        return (
+          console.error(
+            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
+            name,
+            lowerCasedName
+          ),
+          (warnedProperties[name] = !0)
+        );
+      switch (name) {
+        case "dangerouslySetInnerHTML":
+        case "children":
+        case "style":
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+        case "ref":
+          return !0;
+        case "innerText":
+        case "textContent":
+          return !0;
       }
-      return !0;
-    }
-    function getLeafNode(node) {
-      for (; node && node.firstChild; ) node = node.firstChild;
-      return node;
-    }
-    function getNodeForCharacterOffset(root, offset) {
-      var node = getLeafNode(root);
-      root = 0;
-      for (var nodeEnd; node; ) {
-        if (3 === node.nodeType) {
-          nodeEnd = root + node.textContent.length;
-          if (root <= offset && nodeEnd >= offset)
-            return { node: node, offset: offset - root };
-          root = nodeEnd;
-        }
-        a: {
-          for (; node; ) {
-            if (node.nextSibling) {
-              node = node.nextSibling;
-              break a;
-            }
-            node = node.parentNode;
+      switch (typeof value) {
+        case "boolean":
+          switch (name) {
+            case "autoFocus":
+            case "checked":
+            case "multiple":
+            case "muted":
+            case "selected":
+            case "contentEditable":
+            case "spellCheck":
+            case "draggable":
+            case "value":
+            case "autoReverse":
+            case "externalResourcesRequired":
+            case "focusable":
+            case "preserveAlpha":
+            case "allowFullScreen":
+            case "async":
+            case "autoPlay":
+            case "controls":
+            case "default":
+            case "defer":
+            case "disabled":
+            case "disablePictureInPicture":
+            case "disableRemotePlayback":
+            case "formNoValidate":
+            case "hidden":
+            case "loop":
+            case "noModule":
+            case "noValidate":
+            case "open":
+            case "playsInline":
+            case "readOnly":
+            case "required":
+            case "reversed":
+            case "scoped":
+            case "seamless":
+            case "itemScope":
+            case "capture":
+            case "download":
+            case "inert":
+              return !0;
+            default:
+              lowerCasedName = name.toLowerCase().slice(0, 5);
+              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
+                return !0;
+              value
+                ? console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name
+                  )
+                : console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name,
+                    name,
+                    name
+                  );
+              return (warnedProperties[name] = !0);
           }
-          node = void 0;
-        }
-        node = getLeafNode(node);
-      }
-    }
-    function containsNode(outerNode, innerNode) {
-      return outerNode && innerNode
-        ? outerNode === innerNode
-          ? !0
-          : outerNode && 3 === outerNode.nodeType
-          ? !1
-          : innerNode && 3 === innerNode.nodeType
-          ? containsNode(outerNode, innerNode.parentNode)
-          : "contains" in outerNode
-          ? outerNode.contains(innerNode)
-          : outerNode.compareDocumentPosition
-          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
-          : !1
-        : !1;
-    }
-    function getActiveElementDeep() {
-      for (
-        var win = window, element = getActiveElement();
-        element instanceof win.HTMLIFrameElement;
-
-      ) {
-        try {
-          var JSCompiler_inline_result =
-            "string" === typeof element.contentWindow.location.href;
-        } catch (err) {
-          JSCompiler_inline_result = !1;
-        }
-        if (JSCompiler_inline_result) win = element.contentWindow;
-        else break;
-        element = getActiveElement(win.document);
-      }
-      return element;
-    }
-    function hasSelectionCapabilities(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return (
-        nodeName &&
-        (("input" === nodeName &&
-          ("text" === elem.type ||
-            "search" === elem.type ||
-            "tel" === elem.type ||
-            "url" === elem.type ||
-            "password" === elem.type)) ||
-          "textarea" === nodeName ||
-          "true" === elem.contentEditable)
-      );
-    }
-    function restoreSelection(priorSelectionInformation) {
-      var curFocusedElem = getActiveElementDeep(),
-        priorFocusedElem = priorSelectionInformation.focusedElem,
-        priorSelectionRange = priorSelectionInformation.selectionRange;
-      if (
-        curFocusedElem !== priorFocusedElem &&
-        priorFocusedElem &&
-        priorFocusedElem.ownerDocument &&
-        containsNode(
-          priorFocusedElem.ownerDocument.documentElement,
-          priorFocusedElem
-        )
-      ) {
-        if (
-          null !== priorSelectionRange &&
-          hasSelectionCapabilities(priorFocusedElem)
-        )
-          if (
-            ((curFocusedElem = priorSelectionRange.start),
-            (priorSelectionInformation = priorSelectionRange.end),
-            void 0 === priorSelectionInformation &&
-              (priorSelectionInformation = curFocusedElem),
-            "selectionStart" in priorFocusedElem)
-          )
-            (priorFocusedElem.selectionStart = curFocusedElem),
-              (priorFocusedElem.selectionEnd = Math.min(
-                priorSelectionInformation,
-                priorFocusedElem.value.length
-              ));
-          else if (
-            ((priorSelectionInformation =
-              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
-                curFocusedElem.defaultView) ||
-              window),
-            priorSelectionInformation.getSelection)
-          ) {
-            priorSelectionInformation =
-              priorSelectionInformation.getSelection();
-            var length = priorFocusedElem.textContent.length,
-              start = Math.min(priorSelectionRange.start, length);
-            priorSelectionRange =
-              void 0 === priorSelectionRange.end
-                ? start
-                : Math.min(priorSelectionRange.end, length);
-            !priorSelectionInformation.extend &&
-              start > priorSelectionRange &&
-              ((length = priorSelectionRange),
-              (priorSelectionRange = start),
-              (start = length));
-            length = getNodeForCharacterOffset(priorFocusedElem, start);
-            var endMarker = getNodeForCharacterOffset(
-              priorFocusedElem,
-              priorSelectionRange
+        case "function":
+        case "symbol":
+          return (warnedProperties[name] = !0), !1;
+        case "string":
+          if ("false" === value || "true" === value) {
+            switch (name) {
+              case "checked":
+              case "selected":
+              case "multiple":
+              case "muted":
+              case "allowFullScreen":
+              case "async":
+              case "autoPlay":
+              case "controls":
+              case "default":
+              case "defer":
+              case "disabled":
+              case "disablePictureInPicture":
+              case "disableRemotePlayback":
+              case "formNoValidate":
+              case "hidden":
+              case "loop":
+              case "noModule":
+              case "noValidate":
+              case "open":
+              case "playsInline":
+              case "readOnly":
+              case "required":
+              case "reversed":
+              case "scoped":
+              case "seamless":
+              case "itemScope":
+              case "inert":
+                break;
+              default:
+                return !0;
+            }
+            console.error(
+              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
+              value,
+              name,
+              "false" === value
+                ? "The browser will interpret it as a truthy value."
+                : 'Although this works, it will not work as expected if you pass the string "false".',
+              name,
+              value
             );
-            length &&
-              endMarker &&
-              (1 !== priorSelectionInformation.rangeCount ||
-                priorSelectionInformation.anchorNode !== length.node ||
-                priorSelectionInformation.anchorOffset !== length.offset ||
-                priorSelectionInformation.focusNode !== endMarker.node ||
-                priorSelectionInformation.focusOffset !== endMarker.offset) &&
-              ((curFocusedElem = curFocusedElem.createRange()),
-              curFocusedElem.setStart(length.node, length.offset),
-              priorSelectionInformation.removeAllRanges(),
-              start > priorSelectionRange
-                ? (priorSelectionInformation.addRange(curFocusedElem),
-                  priorSelectionInformation.extend(
-                    endMarker.node,
-                    endMarker.offset
-                  ))
-                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
-                  priorSelectionInformation.addRange(curFocusedElem)));
+            warnedProperties[name] = !0;
           }
-        curFocusedElem = [];
-        for (
-          priorSelectionInformation = priorFocusedElem;
-          (priorSelectionInformation = priorSelectionInformation.parentNode);
-
-        )
-          1 === priorSelectionInformation.nodeType &&
-            curFocusedElem.push({
-              element: priorSelectionInformation,
-              left: priorSelectionInformation.scrollLeft,
-              top: priorSelectionInformation.scrollTop
-            });
-        "function" === typeof priorFocusedElem.focus &&
-          priorFocusedElem.focus();
-        for (
-          priorFocusedElem = 0;
-          priorFocusedElem < curFocusedElem.length;
-          priorFocusedElem++
-        )
-          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
-            (priorSelectionInformation.element.scrollLeft =
-              priorSelectionInformation.left),
-            (priorSelectionInformation.element.scrollTop =
-              priorSelectionInformation.top);
       }
+      return !0;
     }
-    function constructSelectEvent(
-      dispatchQueue,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      var doc =
-        nativeEventTarget.window === nativeEventTarget
-          ? nativeEventTarget.document
-          : 9 === nativeEventTarget.nodeType
-          ? nativeEventTarget
-          : nativeEventTarget.ownerDocument;
-      mouseDown ||
-        null == activeElement ||
-        activeElement !== getActiveElement(doc) ||
-        ((doc = activeElement),
-        "selectionStart" in doc && hasSelectionCapabilities(doc)
-          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
-          : ((doc = (
-              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
-              window
-            ).getSelection()),
-            (doc = {
-              anchorNode: doc.anchorNode,
-              anchorOffset: doc.anchorOffset,
-              focusNode: doc.focusNode,
-              focusOffset: doc.focusOffset
-            })),
-        (lastSelection && shallowEqual(lastSelection, doc)) ||
-          ((lastSelection = doc),
-          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
-          0 < doc.length &&
-            ((nativeEvent = new SyntheticEvent(
-              "onSelect",
-              "select",
-              null,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
-            (nativeEvent.target = activeElement))));
-    }
-    function makePrefixMap(styleProp, eventName) {
-      var prefixes = {};
-      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-      prefixes["Webkit" + styleProp] = "webkit" + eventName;
-      prefixes["Moz" + styleProp] = "moz" + eventName;
-      return prefixes;
+    function warnUnknownProperties(type, props, eventRegistry) {
+      var unknownProps = [],
+        key;
+      for (key in props)
+        validateProperty(type, key, props[key], eventRegistry) ||
+          unknownProps.push(key);
+      props = unknownProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === unknownProps.length
+        ? console.error(
+            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          )
+        : 1 < unknownProps.length &&
+          console.error(
+            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          );
     }
-    function getVendorPrefixedEventName(eventName) {
-      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-      if (!vendorPrefixes[eventName]) return eventName;
-      var prefixMap = vendorPrefixes[eventName],
-        styleProp;
-      for (styleProp in prefixMap)
-        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
-      return eventName;
+    function sanitizeURL(url) {
+      return isJavaScriptProtocol.test("" + url)
+        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
+        : url;
     }
-    function registerSimpleEvent(domEventName, reactName) {
-      topLevelEventsToReactNames.set(domEventName, reactName);
-      registerTwoPhaseEvent(reactName, [domEventName]);
+    function getEventTarget(nativeEvent) {
+      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+      nativeEvent.correspondingUseElement &&
+        (nativeEvent = nativeEvent.correspondingUseElement);
+      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
     }
-    function finishQueueingConcurrentUpdates() {
-      for (
-        var endIndex = concurrentQueuesIndex,
-          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-        i < endIndex;
-
-      ) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        if (null !== queue && null !== update) {
-          var pending = queue.pending;
-          null === pending
-            ? (update.next = update)
-            : ((update.next = pending.next), (pending.next = update));
-          queue.pending = update;
+    function restoreStateOfTarget(target) {
+      var internalInstance = getInstanceFromNode$1(target);
+      if (internalInstance && (target = internalInstance.stateNode)) {
+        var props = target[internalPropsKey] || null;
+        a: switch (
+          ((target = internalInstance.stateNode), internalInstance.type)
+        ) {
+          case "input":
+            updateInput(
+              target,
+              props.value,
+              props.defaultValue,
+              props.defaultValue,
+              props.checked,
+              props.defaultChecked,
+              props.type,
+              props.name
+            );
+            internalInstance = props.name;
+            if ("radio" === props.type && null != internalInstance) {
+              for (props = target; props.parentNode; ) props = props.parentNode;
+              checkAttributeStringCoercion(internalInstance, "name");
+              props = props.querySelectorAll(
+                'input[name="' +
+                  escapeSelectorAttributeValueInsideDoubleQuotes(
+                    "" + internalInstance
+                  ) +
+                  '"][type="radio"]'
+              );
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              ) {
+                var otherNode = props[internalInstance];
+                if (otherNode !== target && otherNode.form === target.form) {
+                  var otherProps = otherNode[internalPropsKey] || null;
+                  if (!otherProps)
+                    throw Error(
+                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
+                    );
+                  updateInput(
+                    otherNode,
+                    otherProps.value,
+                    otherProps.defaultValue,
+                    otherProps.defaultValue,
+                    otherProps.checked,
+                    otherProps.defaultChecked,
+                    otherProps.type,
+                    otherProps.name
+                  );
+                }
+              }
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              )
+                (otherNode = props[internalInstance]),
+                  otherNode.form === target.form &&
+                    updateValueIfChanged(otherNode);
+            }
+            break a;
+          case "textarea":
+            updateTextarea(target, props.value, props.defaultValue);
+            break a;
+          case "select":
+            (internalInstance = props.value),
+              null != internalInstance &&
+                updateOptions(target, !!props.multiple, internalInstance, !1);
         }
-        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes |= lane;
-      fiber.lanes |= lane;
-      fiber = fiber.alternate;
-      null !== fiber && (fiber.lanes |= lane);
-    }
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      enqueueUpdate$1(fiber, queue, update, lane);
-      return getRootForUpdatedFiber(fiber);
+    function batchedUpdates$1(fn, a, b) {
+      if (isInsideEventHandler) return fn(a, b);
+      isInsideEventHandler = !0;
+      try {
+        var JSCompiler_inline_result = fn(a);
+        return JSCompiler_inline_result;
+      } finally {
+        if (
+          ((isInsideEventHandler = !1),
+          null !== restoreTarget || null !== restoreQueue)
+        )
+          if (
+            (flushSyncWork$1(),
+            restoreTarget &&
+              ((a = restoreTarget),
+              (fn = restoreQueue),
+              (restoreQueue = restoreTarget = null),
+              restoreStateOfTarget(a),
+              fn))
+          )
+            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+      }
     }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
+      if (null === stateNode) return null;
+      var props = stateNode[internalPropsKey] || null;
+      if (null === props) return null;
+      stateNode = props[registrationName];
+      a: switch (registrationName) {
+        case "onClick":
+        case "onClickCapture":
+        case "onDoubleClick":
+        case "onDoubleClickCapture":
+        case "onMouseDown":
+        case "onMouseDownCapture":
+        case "onMouseMove":
+        case "onMouseMoveCapture":
+        case "onMouseUp":
+        case "onMouseUpCapture":
+        case "onMouseEnter":
+          (props = !props.disabled) ||
+            ((inst = inst.type),
+            (props = !(
+              "button" === inst ||
+              "input" === inst ||
+              "select" === inst ||
+              "textarea" === inst
+            )));
+          inst = !props;
+          break a;
+        default:
+          inst = !1;
+      }
+      if (inst) return null;
+      if (stateNode && "function" !== typeof stateNode)
+        throw Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof stateNode +
+            "` type."
+        );
+      return stateNode;
     }
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      sourceFiber.lanes |= lane;
-      var alternate = sourceFiber.alternate;
-      null !== alternate && (alternate.lanes |= lane);
-      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-        (parent.childLanes |= lane),
-          (alternate = parent.alternate),
-          null !== alternate && (alternate.childLanes |= lane),
-          22 === parent.tag &&
-            ((sourceFiber = parent.stateNode),
-            null === sourceFiber ||
-              sourceFiber._visibility & OffscreenVisible ||
-              (isHidden = !0)),
-          (sourceFiber = parent),
-          (parent = parent.return);
-      isHidden &&
-        null !== update &&
-        3 === sourceFiber.tag &&
-        ((parent = sourceFiber.stateNode),
-        (isHidden = 31 - clz32(lane)),
-        (parent = parent.hiddenUpdates),
-        (sourceFiber = parent[isHidden]),
-        null === sourceFiber
-          ? (parent[isHidden] = [update])
-          : sourceFiber.push(update),
-        (update.lane = lane | OffscreenLane));
+    function getData() {
+      if (fallbackText) return fallbackText;
+      var start,
+        startValue = startText,
+        startLength = startValue.length,
+        end,
+        endValue = "value" in root ? root.value : root.textContent,
+        endLength = endValue.length;
+      for (
+        start = 0;
+        start < startLength && startValue[start] === endValue[start];
+        start++
+      );
+      var minEnd = startLength - start;
+      for (
+        end = 1;
+        end <= minEnd &&
+        startValue[startLength - end] === endValue[endLength - end];
+        end++
+      );
+      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function getRootForUpdatedFiber(sourceFiber) {
-      throwIfInfiniteUpdateLoopDetected();
-      null === sourceFiber.alternate &&
-        0 !== (sourceFiber.flags & 4098) &&
-        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-      for (var node = sourceFiber, parent = node.return; null !== parent; )
-        null === node.alternate &&
-          0 !== (node.flags & 4098) &&
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
-          (node = parent),
-          (parent = node.return);
-      return 3 === node.tag ? node.stateNode : null;
+    function getEventCharCode(nativeEvent) {
+      var keyCode = nativeEvent.keyCode;
+      "charCode" in nativeEvent
+        ? ((nativeEvent = nativeEvent.charCode),
+          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
+        : (nativeEvent = keyCode);
+      10 === nativeEvent && (nativeEvent = 13);
+      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
     }
-    function resolveFunctionForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family ? type : family.current;
+    function functionThatReturnsTrue() {
+      return !0;
     }
-    function resolveForwardRefForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family
-        ? null !== type &&
-          void 0 !== type &&
-          "function" === typeof type.render &&
-          ((family = resolveFunctionForHotReloading(type.render)),
-          type.render !== family)
-          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
-            void 0 !== type.displayName &&
-              (family.displayName = type.displayName),
-            family)
-          : type
-        : family.current;
+    function functionThatReturnsFalse() {
+      return !1;
     }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      if (null === resolveFamily) return !1;
-      var prevType = fiber.elementType;
-      element = element.type;
-      var needsCompareFamilies = !1,
-        $$typeofNextType =
-          "object" === typeof element && null !== element
-            ? element.$$typeof
-            : null;
-      switch (fiber.tag) {
-        case 1:
-          "function" === typeof element && (needsCompareFamilies = !0);
-          break;
-        case 0:
-          "function" === typeof element
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 11:
-          $$typeofNextType === REACT_FORWARD_REF_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 14:
-        case 15:
-          $$typeofNextType === REACT_MEMO_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
+    function createSyntheticEvent(Interface) {
+      function SyntheticBaseEvent(
+        reactName,
+        reactEventType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        this._reactName = reactName;
+        this._targetInst = targetInst;
+        this.type = reactEventType;
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEventTarget;
+        this.currentTarget = null;
+        for (var propName in Interface)
+          Interface.hasOwnProperty(propName) &&
+            ((reactName = Interface[propName]),
+            (this[propName] = reactName
+              ? reactName(nativeEvent)
+              : nativeEvent[propName]));
+        this.isDefaultPrevented = (
+          null != nativeEvent.defaultPrevented
+            ? nativeEvent.defaultPrevented
+            : !1 === nativeEvent.returnValue
+        )
+          ? functionThatReturnsTrue
+          : functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        return this;
+      }
+      assign(SyntheticBaseEvent.prototype, {
+        preventDefault: function () {
+          this.defaultPrevented = !0;
+          var event = this.nativeEvent;
+          event &&
+            (event.preventDefault
+              ? event.preventDefault()
+              : "unknown" !== typeof event.returnValue &&
+                (event.returnValue = !1),
+            (this.isDefaultPrevented = functionThatReturnsTrue));
+        },
+        stopPropagation: function () {
+          var event = this.nativeEvent;
+          event &&
+            (event.stopPropagation
+              ? event.stopPropagation()
+              : "unknown" !== typeof event.cancelBubble &&
+                (event.cancelBubble = !0),
+            (this.isPropagationStopped = functionThatReturnsTrue));
+        },
+        persist: function () {},
+        isPersistent: functionThatReturnsTrue
+      });
+      return SyntheticBaseEvent;
+    }
+    function modifierStateGetter(keyArg) {
+      var nativeEvent = this.nativeEvent;
+      return nativeEvent.getModifierState
+        ? nativeEvent.getModifierState(keyArg)
+        : (keyArg = modifierKeyToProp[keyArg])
+        ? !!nativeEvent[keyArg]
+        : !1;
+    }
+    function getEventModifierState() {
+      return modifierStateGetter;
+    }
+    function isFallbackCompositionEnd(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "keyup":
+          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
+        case "keydown":
+          return nativeEvent.keyCode !== START_KEYCODE;
+        case "keypress":
+        case "mousedown":
+        case "focusout":
+          return !0;
         default:
           return !1;
       }
-      return needsCompareFamilies &&
-        ((fiber = resolveFamily(prevType)),
-        void 0 !== fiber && fiber === resolveFamily(element))
-        ? !0
-        : !1;
     }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      null !== resolveFamily &&
-        "function" === typeof WeakSet &&
-        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
-        failedBoundaries.add(fiber));
+    function getDataFromCustomEvent(nativeEvent) {
+      nativeEvent = nativeEvent.detail;
+      return "object" === typeof nativeEvent && "data" in nativeEvent
+        ? nativeEvent.data
+        : null;
     }
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
-    ) {
-      var alternate = fiber.alternate,
-        child = fiber.child,
-        sibling = fiber.sibling,
-        tag = fiber.tag,
-        type = fiber.type,
-        candidateType = null;
-      switch (tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
+    function getNativeBeforeInputChars(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "compositionend":
+          return getDataFromCustomEvent(nativeEvent);
+        case "keypress":
+          if (nativeEvent.which !== SPACEBAR_CODE) return null;
+          hasSpaceKeypress = !0;
+          return SPACEBAR_CHAR;
+        case "textInput":
+          return (
+            (domEventName = nativeEvent.data),
+            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
+              ? null
+              : domEventName
+          );
+        default:
+          return null;
       }
-      if (null === resolveFamily)
-        throw Error("Expected resolveFamily to be set during hot reload.");
-      var needsRender = !1;
-      type = !1;
-      null !== candidateType &&
-        ((candidateType = resolveFamily(candidateType)),
-        void 0 !== candidateType &&
-          (staleFamilies.has(candidateType)
-            ? (type = !0)
-            : updatedFamilies.has(candidateType) &&
-              (1 === tag ? (type = !0) : (needsRender = !0))));
-      null !== failedBoundaries &&
-        (failedBoundaries.has(fiber) ||
-          (null !== alternate && failedBoundaries.has(alternate))) &&
-        (type = !0);
-      type && (fiber._debugNeedsRemount = !0);
-      if (type || needsRender)
-        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
-          null !== alternate &&
-            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
-      null === child ||
-        type ||
-        scheduleFibersWithFamiliesRecursively(
-          child,
-          updatedFamilies,
-          staleFamilies
-        );
-      null !== sibling &&
-        scheduleFibersWithFamiliesRecursively(
-          sibling,
-          updatedFamilies,
-          staleFamilies
-        );
     }
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      var child = fiber.child,
-        sibling = fiber.sibling,
-        type = fiber.type,
-        candidateType = null;
-      switch (fiber.tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      type = !1;
-      null !== candidateType && types.has(candidateType) && (type = !0);
-      if (type)
-        a: {
-          b: for (child = fiber, candidateType = !1; ; ) {
-            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
-              (candidateType = !0), hostInstances.add(child.stateNode);
-            else if (null !== child.child) {
-              child.child.return = child;
-              child = child.child;
-              continue;
-            }
-            if (child === fiber) {
-              child = candidateType;
-              break b;
-            }
-            for (; null === child.sibling; ) {
-              if (null === child.return || child.return === fiber) {
-                child = candidateType;
-                break b;
-              }
-              child = child.return;
-            }
-            child.sibling.return = child.return;
-            child = child.sibling;
+    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
+      if (isComposing)
+        return "compositionend" === domEventName ||
+          (!canUseCompositionEvent &&
+            isFallbackCompositionEnd(domEventName, nativeEvent))
+          ? ((domEventName = getData()),
+            (fallbackText = startText = root = null),
+            (isComposing = !1),
+            domEventName)
+          : null;
+      switch (domEventName) {
+        case "paste":
+          return null;
+        case "keypress":
+          if (
+            !(
+              nativeEvent.ctrlKey ||
+              nativeEvent.altKey ||
+              nativeEvent.metaKey
+            ) ||
+            (nativeEvent.ctrlKey && nativeEvent.altKey)
+          ) {
+            if (nativeEvent.char && 1 < nativeEvent.char.length)
+              return nativeEvent.char;
+            if (nativeEvent.which)
+              return String.fromCharCode(nativeEvent.which);
           }
-          if (!child)
-            for (;;) {
-              switch (fiber.tag) {
-                case 27:
-                case 5:
-                  hostInstances.add(fiber.stateNode);
-                  break a;
-                case 4:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-                case 3:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-              }
-              if (null === fiber.return)
-                throw Error("Expected to reach root first.");
-              fiber = fiber.return;
-            }
-        }
-      else
-        null !== child &&
-          findHostInstancesForMatchingFibersRecursively(
-            child,
-            types,
-            hostInstances
-          );
-      null !== sibling &&
-        findHostInstancesForMatchingFibersRecursively(
-          sibling,
-          types,
-          hostInstances
-        );
+          return null;
+        case "compositionend":
+          return useFallbackCompositionData && "ko" !== nativeEvent.locale
+            ? null
+            : nativeEvent.data;
+        default:
+          return null;
+      }
     }
-    function createCapturedValueAtFiber(value, source) {
-      if ("object" === typeof value && null !== value) {
-        var stack = CapturedStacks.get(value);
-        "string" !== typeof stack &&
-          ((stack = getStackByFiberInDevAndProd(source)),
-          CapturedStacks.set(value, stack));
-      } else stack = getStackByFiberInDevAndProd(source);
-      return { value: value, source: source, stack: stack };
+    function isTextInputElement(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return "input" === nodeName
+        ? !!supportedInputTypes[elem.type]
+        : "textarea" === nodeName
+        ? !0
+        : !1;
+    }
+    function isEventSupported(eventNameSuffix) {
+      if (!canUseDOM) return !1;
+      eventNameSuffix = "on" + eventNameSuffix;
+      var isSupported = eventNameSuffix in document;
+      isSupported ||
+        ((isSupported = document.createElement("div")),
+        isSupported.setAttribute(eventNameSuffix, "return;"),
+        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
+      return isSupported;
+    }
+    function createAndAccumulateChangeEvent(
+      dispatchQueue,
+      inst,
+      nativeEvent,
+      target
+    ) {
+      restoreTarget
+        ? restoreQueue
+          ? restoreQueue.push(target)
+          : (restoreQueue = [target])
+        : (restoreTarget = target);
+      inst = accumulateTwoPhaseListeners(inst, "onChange");
+      0 < inst.length &&
+        ((nativeEvent = new SyntheticEvent(
+          "onChange",
+          "change",
+          null,
+          nativeEvent,
+          target
+        )),
+        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
     }
-    function pushTreeFork(workInProgress, totalChildren) {
-      warnIfNotHydrating();
-      forkStack[forkStackIndex++] = treeForkCount;
-      forkStack[forkStackIndex++] = treeForkProvider;
-      treeForkProvider = workInProgress;
-      treeForkCount = totalChildren;
+    function runEventInBatch(dispatchQueue) {
+      processDispatchQueue(dispatchQueue, 0);
     }
-    function pushTreeId(workInProgress, totalChildren, index) {
-      warnIfNotHydrating();
-      idStack[idStackIndex++] = treeContextId;
-      idStack[idStackIndex++] = treeContextOverflow;
-      idStack[idStackIndex++] = treeContextProvider;
-      treeContextProvider = workInProgress;
-      var baseIdWithLeadingBit = treeContextId;
-      workInProgress = treeContextOverflow;
-      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
-      baseIdWithLeadingBit &= ~(1 << baseLength);
-      index += 1;
-      var length = 32 - clz32(totalChildren) + baseLength;
-      if (30 < length) {
-        var numberOfOverflowBits = baseLength - (baseLength % 5);
-        length = (
-          baseIdWithLeadingBit &
-          ((1 << numberOfOverflowBits) - 1)
-        ).toString(32);
-        baseIdWithLeadingBit >>= numberOfOverflowBits;
-        baseLength -= numberOfOverflowBits;
-        treeContextId =
-          (1 << (32 - clz32(totalChildren) + baseLength)) |
-          (index << baseLength) |
-          baseIdWithLeadingBit;
-        treeContextOverflow = length + workInProgress;
-      } else
-        (treeContextId =
-          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
-          (treeContextOverflow = workInProgress);
+    function getInstIfValueChanged(targetInst) {
+      var targetNode = getNodeFromInstance(targetInst);
+      if (updateValueIfChanged(targetNode)) return targetInst;
     }
-    function pushMaterializedTreeId(workInProgress) {
-      warnIfNotHydrating();
-      null !== workInProgress.return &&
-        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    function getTargetInstForChangeEvent(domEventName, targetInst) {
+      if ("change" === domEventName) return targetInst;
     }
-    function popTreeContext(workInProgress) {
-      for (; workInProgress === treeForkProvider; )
-        (treeForkProvider = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null),
-          (treeForkCount = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null);
-      for (; workInProgress === treeContextProvider; )
-        (treeContextProvider = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextOverflow = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextId = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null);
+    function stopWatchingForValueChange() {
+      activeElement$1 &&
+        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
+        (activeElementInst$1 = activeElement$1 = null));
     }
-    function warnIfNotHydrating() {
-      isHydrating ||
-        error$jscomp$0(
-          "Expected to be hydrating. This is a bug in React. Please file an issue."
+    function handlePropertyChange(nativeEvent) {
+      if (
+        "value" === nativeEvent.propertyName &&
+        getInstIfValueChanged(activeElementInst$1)
+      ) {
+        var dispatchQueue = [];
+        createAndAccumulateChangeEvent(
+          dispatchQueue,
+          activeElementInst$1,
+          nativeEvent,
+          getEventTarget(nativeEvent)
         );
+        batchedUpdates$1(runEventInBatch, dispatchQueue);
+      }
     }
-    function findNotableNode(node, indent) {
-      return void 0 === node.serverProps &&
-        0 === node.serverTail.length &&
-        1 === node.children.length &&
-        3 < node.distanceFromLeaf &&
-        node.distanceFromLeaf > idealDepth - indent
-        ? findNotableNode(node.children[0], indent)
-        : node;
+    function handleEventsForInputEventPolyfill(
+      domEventName,
+      target,
+      targetInst
+    ) {
+      "focusin" === domEventName
+        ? (stopWatchingForValueChange(),
+          (activeElement$1 = target),
+          (activeElementInst$1 = targetInst),
+          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
+        : "focusout" === domEventName && stopWatchingForValueChange();
     }
-    function indentation(indent) {
-      return "  " + "  ".repeat(indent);
+    function getTargetInstForInputEventPolyfill(domEventName) {
+      if (
+        "selectionchange" === domEventName ||
+        "keyup" === domEventName ||
+        "keydown" === domEventName
+      )
+        return getInstIfValueChanged(activeElementInst$1);
     }
-    function added(indent) {
-      return "+ " + "  ".repeat(indent);
+    function getTargetInstForClickEvent(domEventName, targetInst) {
+      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
     }
-    function removed(indent) {
-      return "- " + "  ".repeat(indent);
+    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
+      if ("input" === domEventName || "change" === domEventName)
+        return getInstIfValueChanged(targetInst);
     }
-    function describeFiberType(fiber) {
-      switch (fiber.tag) {
-        case 26:
-        case 27:
-        case 5:
-          return fiber.type;
-        case 16:
-          return "Lazy";
-        case 13:
-          return "Suspense";
-        case 19:
-          return "SuspenseList";
-        case 0:
-        case 15:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        case 11:
-          return (
-            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
-          );
-        case 1:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        default:
-          return null;
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    }
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) return !0;
+      if (
+        "object" !== typeof objA ||
+        null === objA ||
+        "object" !== typeof objB ||
+        null === objB
+      )
+        return !1;
+      var keysA = Object.keys(objA),
+        keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) return !1;
+      for (keysB = 0; keysB < keysA.length; keysB++) {
+        var currentKey = keysA[keysB];
+        if (
+          !hasOwnProperty.call(objB, currentKey) ||
+          !objectIs(objA[currentKey], objB[currentKey])
+        )
+          return !1;
       }
+      return !0;
     }
-    function describeTextNode(content, maxLength) {
-      return needsEscaping.test(content)
-        ? ((content = JSON.stringify(content)),
-          content.length > maxLength - 2
-            ? 8 > maxLength
-              ? '{"..."}'
-              : "{" + content.slice(0, maxLength - 7) + '..."}'
-            : "{" + content + "}")
-        : content.length > maxLength
-        ? 5 > maxLength
-          ? '{"..."}'
-          : content.slice(0, maxLength - 3) + "..."
-        : content;
+    function getLeafNode(node) {
+      for (; node && node.firstChild; ) node = node.firstChild;
+      return node;
     }
-    function describeTextDiff(clientText, serverProps, indent) {
-      var maxLength = maxRowLength - 2 * indent;
-      if (null === serverProps)
-        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
-      if ("string" === typeof serverProps) {
-        for (
-          var firstDiff = 0;
-          firstDiff < serverProps.length &&
-          firstDiff < clientText.length &&
-          serverProps.charCodeAt(firstDiff) ===
-            clientText.charCodeAt(firstDiff);
-          firstDiff++
-        );
-        firstDiff > maxLength - 8 &&
-          10 < firstDiff &&
-          ((clientText = "..." + clientText.slice(firstDiff - 8)),
-          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
-        return (
-          added(indent) +
-          describeTextNode(clientText, maxLength) +
-          "\n" +
-          removed(indent) +
-          describeTextNode(serverProps, maxLength) +
-          "\n"
-        );
+    function getNodeForCharacterOffset(root, offset) {
+      var node = getLeafNode(root);
+      root = 0;
+      for (var nodeEnd; node; ) {
+        if (3 === node.nodeType) {
+          nodeEnd = root + node.textContent.length;
+          if (root <= offset && nodeEnd >= offset)
+            return { node: node, offset: offset - root };
+          root = nodeEnd;
+        }
+        a: {
+          for (; node; ) {
+            if (node.nextSibling) {
+              node = node.nextSibling;
+              break a;
+            }
+            node = node.parentNode;
+          }
+          node = void 0;
+        }
+        node = getLeafNode(node);
+      }
+    }
+    function containsNode(outerNode, innerNode) {
+      return outerNode && innerNode
+        ? outerNode === innerNode
+          ? !0
+          : outerNode && 3 === outerNode.nodeType
+          ? !1
+          : innerNode && 3 === innerNode.nodeType
+          ? containsNode(outerNode, innerNode.parentNode)
+          : "contains" in outerNode
+          ? outerNode.contains(innerNode)
+          : outerNode.compareDocumentPosition
+          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
+          : !1
+        : !1;
+    }
+    function getActiveElementDeep() {
+      for (
+        var win = window, element = getActiveElement();
+        element instanceof win.HTMLIFrameElement;
+
+      ) {
+        try {
+          var JSCompiler_inline_result =
+            "string" === typeof element.contentWindow.location.href;
+        } catch (err) {
+          JSCompiler_inline_result = !1;
+        }
+        if (JSCompiler_inline_result) win = element.contentWindow;
+        else break;
+        element = getActiveElement(win.document);
       }
+      return element;
+    }
+    function hasSelectionCapabilities(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
       return (
-        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+        nodeName &&
+        (("input" === nodeName &&
+          ("text" === elem.type ||
+            "search" === elem.type ||
+            "tel" === elem.type ||
+            "url" === elem.type ||
+            "password" === elem.type)) ||
+          "textarea" === nodeName ||
+          "true" === elem.contentEditable)
       );
     }
-    function objectName(object) {
-      return Object.prototype.toString
-        .call(object)
-        .replace(/^\[object (.*)\]$/, function (m, p0) {
-          return p0;
-        });
-    }
-    function describeValue(value, maxLength) {
-      switch (typeof value) {
-        case "string":
-          return (
-            (value = JSON.stringify(value)),
-            value.length > maxLength
-              ? 5 > maxLength
-                ? '"..."'
-                : value.slice(0, maxLength - 4) + '..."'
-              : value
-          );
-        case "object":
-          if (null === value) return "null";
-          if (isArrayImpl(value)) return "[...]";
-          if (value.$$typeof === REACT_ELEMENT_TYPE)
-            return (maxLength = getComponentNameFromType(value.type))
-              ? "<" + maxLength + ">"
-              : "<...>";
-          var name = objectName(value);
-          if ("Object" === name) {
-            name = "";
-            maxLength -= 2;
-            for (var propName in value)
-              if (value.hasOwnProperty(propName)) {
-                var jsonPropName = JSON.stringify(propName);
-                jsonPropName !== '"' + propName + '"' &&
-                  (propName = jsonPropName);
-                maxLength -= propName.length - 2;
-                jsonPropName = describeValue(
-                  value[propName],
-                  15 > maxLength ? maxLength : 15
-                );
-                maxLength -= jsonPropName.length;
-                if (0 > maxLength) {
-                  name += "" === name ? "..." : ", ...";
-                  break;
-                }
-                name +=
-                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
-              }
-            return "{" + name + "}";
+    function restoreSelection(priorSelectionInformation) {
+      var curFocusedElem = getActiveElementDeep(),
+        priorFocusedElem = priorSelectionInformation.focusedElem,
+        priorSelectionRange = priorSelectionInformation.selectionRange;
+      if (
+        curFocusedElem !== priorFocusedElem &&
+        priorFocusedElem &&
+        priorFocusedElem.ownerDocument &&
+        containsNode(
+          priorFocusedElem.ownerDocument.documentElement,
+          priorFocusedElem
+        )
+      ) {
+        if (
+          null !== priorSelectionRange &&
+          hasSelectionCapabilities(priorFocusedElem)
+        )
+          if (
+            ((curFocusedElem = priorSelectionRange.start),
+            (priorSelectionInformation = priorSelectionRange.end),
+            void 0 === priorSelectionInformation &&
+              (priorSelectionInformation = curFocusedElem),
+            "selectionStart" in priorFocusedElem)
+          )
+            (priorFocusedElem.selectionStart = curFocusedElem),
+              (priorFocusedElem.selectionEnd = Math.min(
+                priorSelectionInformation,
+                priorFocusedElem.value.length
+              ));
+          else if (
+            ((priorSelectionInformation =
+              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
+                curFocusedElem.defaultView) ||
+              window),
+            priorSelectionInformation.getSelection)
+          ) {
+            priorSelectionInformation =
+              priorSelectionInformation.getSelection();
+            var length = priorFocusedElem.textContent.length,
+              start = Math.min(priorSelectionRange.start, length);
+            priorSelectionRange =
+              void 0 === priorSelectionRange.end
+                ? start
+                : Math.min(priorSelectionRange.end, length);
+            !priorSelectionInformation.extend &&
+              start > priorSelectionRange &&
+              ((length = priorSelectionRange),
+              (priorSelectionRange = start),
+              (start = length));
+            length = getNodeForCharacterOffset(priorFocusedElem, start);
+            var endMarker = getNodeForCharacterOffset(
+              priorFocusedElem,
+              priorSelectionRange
+            );
+            length &&
+              endMarker &&
+              (1 !== priorSelectionInformation.rangeCount ||
+                priorSelectionInformation.anchorNode !== length.node ||
+                priorSelectionInformation.anchorOffset !== length.offset ||
+                priorSelectionInformation.focusNode !== endMarker.node ||
+                priorSelectionInformation.focusOffset !== endMarker.offset) &&
+              ((curFocusedElem = curFocusedElem.createRange()),
+              curFocusedElem.setStart(length.node, length.offset),
+              priorSelectionInformation.removeAllRanges(),
+              start > priorSelectionRange
+                ? (priorSelectionInformation.addRange(curFocusedElem),
+                  priorSelectionInformation.extend(
+                    endMarker.node,
+                    endMarker.offset
+                  ))
+                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
+                  priorSelectionInformation.addRange(curFocusedElem)));
           }
-          return name;
-        case "function":
-          return (maxLength = value.displayName || value.name)
-            ? "function " + maxLength
-            : "function";
-        default:
-          return String(value);
+        curFocusedElem = [];
+        for (
+          priorSelectionInformation = priorFocusedElem;
+          (priorSelectionInformation = priorSelectionInformation.parentNode);
+
+        )
+          1 === priorSelectionInformation.nodeType &&
+            curFocusedElem.push({
+              element: priorSelectionInformation,
+              left: priorSelectionInformation.scrollLeft,
+              top: priorSelectionInformation.scrollTop
+            });
+        "function" === typeof priorFocusedElem.focus &&
+          priorFocusedElem.focus();
+        for (
+          priorFocusedElem = 0;
+          priorFocusedElem < curFocusedElem.length;
+          priorFocusedElem++
+        )
+          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
+            (priorSelectionInformation.element.scrollLeft =
+              priorSelectionInformation.left),
+            (priorSelectionInformation.element.scrollTop =
+              priorSelectionInformation.top);
+      }
+    }
+    function constructSelectEvent(
+      dispatchQueue,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var doc =
+        nativeEventTarget.window === nativeEventTarget
+          ? nativeEventTarget.document
+          : 9 === nativeEventTarget.nodeType
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
+      mouseDown ||
+        null == activeElement ||
+        activeElement !== getActiveElement(doc) ||
+        ((doc = activeElement),
+        "selectionStart" in doc && hasSelectionCapabilities(doc)
+          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
+          : ((doc = (
+              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
+              window
+            ).getSelection()),
+            (doc = {
+              anchorNode: doc.anchorNode,
+              anchorOffset: doc.anchorOffset,
+              focusNode: doc.focusNode,
+              focusOffset: doc.focusOffset
+            })),
+        (lastSelection && shallowEqual(lastSelection, doc)) ||
+          ((lastSelection = doc),
+          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
+          0 < doc.length &&
+            ((nativeEvent = new SyntheticEvent(
+              "onSelect",
+              "select",
+              null,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
+            (nativeEvent.target = activeElement))));
+    }
+    function makePrefixMap(styleProp, eventName) {
+      var prefixes = {};
+      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+      prefixes["Webkit" + styleProp] = "webkit" + eventName;
+      prefixes["Moz" + styleProp] = "moz" + eventName;
+      return prefixes;
+    }
+    function getVendorPrefixedEventName(eventName) {
+      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
+      if (!vendorPrefixes[eventName]) return eventName;
+      var prefixMap = vendorPrefixes[eventName],
+        styleProp;
+      for (styleProp in prefixMap)
+        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
+          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
+      return eventName;
+    }
+    function registerSimpleEvent(domEventName, reactName) {
+      topLevelEventsToReactNames.set(domEventName, reactName);
+      registerTwoPhaseEvent(reactName, [domEventName]);
+    }
+    function finishQueueingConcurrentUpdates() {
+      for (
+        var endIndex = concurrentQueuesIndex,
+          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+        i < endIndex;
+
+      ) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        if (null !== queue && null !== update) {
+          var pending = queue.pending;
+          null === pending
+            ? (update.next = update)
+            : ((update.next = pending.next), (pending.next = update));
+          queue.pending = update;
+        }
+        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function describePropValue(value, maxLength) {
-      return "string" !== typeof value || needsEscaping.test(value)
-        ? "{" + describeValue(value, maxLength - 2) + "}"
-        : value.length > maxLength - 2
-        ? 5 > maxLength
-          ? '"..."'
-          : '"' + value.slice(0, maxLength - 5) + '..."'
-        : '"' + value + '"';
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes |= lane;
+      fiber.lanes |= lane;
+      fiber = fiber.alternate;
+      null !== fiber && (fiber.lanes |= lane);
     }
-    function describeExpandedElement(type, props, rowPrefix) {
-      var remainingRowLength = maxRowLength - rowPrefix.length - type.length,
-        properties = [],
-        propName;
-      for (propName in props)
-        if (props.hasOwnProperty(propName) && "children" !== propName) {
-          var propValue = describePropValue(
-            props[propName],
-            maxRowLength - rowPrefix.length - propName.length - 1
-          );
-          remainingRowLength -= propName.length + propValue.length + 2;
-          properties.push(propName + "=" + propValue);
-        }
-      return 0 === properties.length
-        ? rowPrefix + "<" + type + ">\n"
-        : 0 < remainingRowLength
-        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
-        : rowPrefix +
-          "<" +
-          type +
-          "\n" +
-          rowPrefix +
-          "  " +
-          properties.join("\n" + rowPrefix + "  ") +
-          "\n" +
-          rowPrefix +
-          ">\n";
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      enqueueUpdate$1(fiber, queue, update, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describePropertiesDiff(clientObject, serverObject, indent) {
-      var properties = "",
-        remainingServerProperties = assign({}, serverObject),
-        propName;
-      for (propName in clientObject)
-        if (clientObject.hasOwnProperty(propName)) {
-          delete remainingServerProperties[propName];
-          var maxLength = maxRowLength - 2 * indent - propName.length - 2,
-            clientPropValue = describeValue(clientObject[propName], maxLength);
-          serverObject.hasOwnProperty(propName)
-            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
-              (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n"),
-              (properties +=
-                removed(indent) + propName + ": " + maxLength + "\n"))
-            : (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n");
-        }
-      for (var _propName in remainingServerProperties)
-        remainingServerProperties.hasOwnProperty(_propName) &&
-          ((clientObject = describeValue(
-            remainingServerProperties[_propName],
-            maxRowLength - 2 * indent - _propName.length - 2
-          )),
-          (properties +=
-            removed(indent) + _propName + ": " + clientObject + "\n"));
-      return properties;
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describeElementDiff(type, clientProps, serverProps, indent) {
-      var content = "",
-        serverPropNames = new Map();
-      for (propName$jscomp$0 in serverProps)
-        serverProps.hasOwnProperty(propName$jscomp$0) &&
-          serverPropNames.set(
-            propName$jscomp$0.toLowerCase(),
-            propName$jscomp$0
-          );
-      if (1 === serverPropNames.size && serverPropNames.has("children"))
-        content += describeExpandedElement(
-          type,
-          clientProps,
-          indentation(indent)
-        );
-      else {
-        for (var _propName2 in clientProps)
-          if (
-            clientProps.hasOwnProperty(_propName2) &&
-            "children" !== _propName2
-          ) {
-            var maxLength$jscomp$0 =
-                maxRowLength - 2 * (indent + 1) - _propName2.length - 1,
-              serverPropName = serverPropNames.get(_propName2.toLowerCase());
-            if (void 0 !== serverPropName) {
-              serverPropNames.delete(_propName2.toLowerCase());
-              var propName$jscomp$0 = clientProps[_propName2];
-              serverPropName = serverProps[serverPropName];
-              var clientPropValue = describePropValue(
-                propName$jscomp$0,
-                maxLength$jscomp$0
-              );
-              maxLength$jscomp$0 = describePropValue(
-                serverPropName,
-                maxLength$jscomp$0
-              );
-              "object" === typeof propName$jscomp$0 &&
-              null !== propName$jscomp$0 &&
-              "object" === typeof serverPropName &&
-              null !== serverPropName &&
-              "Object" === objectName(propName$jscomp$0) &&
-              "Object" === objectName(serverPropName) &&
-              (2 < Object.keys(propName$jscomp$0).length ||
-                2 < Object.keys(serverPropName).length ||
-                -1 < clientPropValue.indexOf("...") ||
-                -1 < maxLength$jscomp$0.indexOf("..."))
-                ? (content +=
-                    indentation(indent + 1) +
-                    _propName2 +
-                    "={{\n" +
-                    describePropertiesDiff(
-                      propName$jscomp$0,
-                      serverPropName,
-                      indent + 2
-                    ) +
-                    indentation(indent + 1) +
-                    "}}\n")
-                : ((content +=
-                    added(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    clientPropValue +
-                    "\n"),
-                  (content +=
-                    removed(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    maxLength$jscomp$0 +
-                    "\n"));
-            } else
-              content +=
-                indentation(indent + 1) +
-                _propName2 +
-                "=" +
-                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
-                "\n";
-          }
-        serverPropNames.forEach(function (propName) {
-          if ("children" !== propName) {
-            var maxLength =
-              maxRowLength - 2 * (indent + 1) - propName.length - 1;
-            content +=
-              removed(indent + 1) +
-              propName +
-              "=" +
-              describePropValue(serverProps[propName], maxLength) +
-              "\n";
-          }
-        });
-        content =
-          "" === content
-            ? indentation(indent) + "<" + type + ">\n"
-            : indentation(indent) +
-              "<" +
-              type +
-              "\n" +
-              content +
-              indentation(indent) +
-              ">\n";
-      }
-      type = serverProps.children;
-      clientProps = clientProps.children;
-      if (
-        "string" === typeof type ||
-        "number" === typeof type ||
-        "bigint" === typeof type
-      ) {
-        serverPropNames = "";
-        if (
-          "string" === typeof clientProps ||
-          "number" === typeof clientProps ||
-          "bigint" === typeof clientProps
-        )
-          serverPropNames = "" + clientProps;
-        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
-      } else if (
-        "string" === typeof clientProps ||
-        "number" === typeof clientProps ||
-        "bigint" === typeof clientProps
-      )
-        content += describeTextDiff("" + clientProps, void 0, indent + 1);
-      return content;
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      sourceFiber.lanes |= lane;
+      var alternate = sourceFiber.alternate;
+      null !== alternate && (alternate.lanes |= lane);
+      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+        (parent.childLanes |= lane),
+          (alternate = parent.alternate),
+          null !== alternate && (alternate.childLanes |= lane),
+          22 === parent.tag &&
+            ((sourceFiber = parent.stateNode),
+            null === sourceFiber ||
+              sourceFiber._visibility & OffscreenVisible ||
+              (isHidden = !0)),
+          (sourceFiber = parent),
+          (parent = parent.return);
+      isHidden &&
+        null !== update &&
+        3 === sourceFiber.tag &&
+        ((parent = sourceFiber.stateNode),
+        (isHidden = 31 - clz32(lane)),
+        (parent = parent.hiddenUpdates),
+        (sourceFiber = parent[isHidden]),
+        null === sourceFiber
+          ? (parent[isHidden] = [update])
+          : sourceFiber.push(update),
+        (update.lane = lane | OffscreenLane));
+    }
+    function getRootForUpdatedFiber(sourceFiber) {
+      throwIfInfiniteUpdateLoopDetected();
+      null === sourceFiber.alternate &&
+        0 !== (sourceFiber.flags & 4098) &&
+        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+      for (var node = sourceFiber, parent = node.return; null !== parent; )
+        null === node.alternate &&
+          0 !== (node.flags & 4098) &&
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
+          (node = parent),
+          (parent = node.return);
+      return 3 === node.tag ? node.stateNode : null;
+    }
+    function resolveFunctionForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family ? type : family.current;
+    }
+    function resolveForwardRefForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family
+        ? null !== type &&
+          void 0 !== type &&
+          "function" === typeof type.render &&
+          ((family = resolveFunctionForHotReloading(type.render)),
+          type.render !== family)
+          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
+            void 0 !== type.displayName &&
+              (family.displayName = type.displayName),
+            family)
+          : type
+        : family.current;
     }
-    function describeSiblingFiber(fiber, indent) {
-      var type = describeFiberType(fiber);
-      if (null === type) {
-        type = "";
-        for (fiber = fiber.child; fiber; )
-          (type += describeSiblingFiber(fiber, indent)),
-            (fiber = fiber.sibling);
-        return type;
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      if (null === resolveFamily) return !1;
+      var prevType = fiber.elementType;
+      element = element.type;
+      var needsCompareFamilies = !1,
+        $$typeofNextType =
+          "object" === typeof element && null !== element
+            ? element.$$typeof
+            : null;
+      switch (fiber.tag) {
+        case 1:
+          "function" === typeof element && (needsCompareFamilies = !0);
+          break;
+        case 0:
+          "function" === typeof element
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 11:
+          $$typeofNextType === REACT_FORWARD_REF_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 14:
+        case 15:
+          $$typeofNextType === REACT_MEMO_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        default:
+          return !1;
       }
-      return indentation(indent) + "<" + type + ">\n";
+      return needsCompareFamilies &&
+        ((fiber = resolveFamily(prevType)),
+        void 0 !== fiber && fiber === resolveFamily(element))
+        ? !0
+        : !1;
     }
-    function describeNode(node, indent) {
-      var skipToNode = findNotableNode(node, indent);
-      if (
-        skipToNode !== node &&
-        (1 !== node.children.length || node.children[0] !== skipToNode)
-      )
-        return (
-          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      null !== resolveFamily &&
+        "function" === typeof WeakSet &&
+        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
+        failedBoundaries.add(fiber));
+    }
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      var alternate = fiber.alternate,
+        child = fiber.child,
+        sibling = fiber.sibling,
+        tag = fiber.tag,
+        type = fiber.type,
+        candidateType = null;
+      switch (tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      if (null === resolveFamily)
+        throw Error("Expected resolveFamily to be set during hot reload.");
+      var needsRender = !1;
+      type = !1;
+      null !== candidateType &&
+        ((candidateType = resolveFamily(candidateType)),
+        void 0 !== candidateType &&
+          (staleFamilies.has(candidateType)
+            ? (type = !0)
+            : updatedFamilies.has(candidateType) &&
+              (1 === tag ? (type = !0) : (needsRender = !0))));
+      null !== failedBoundaries &&
+        (failedBoundaries.has(fiber) ||
+          (null !== alternate && failedBoundaries.has(alternate))) &&
+        (type = !0);
+      type && (fiber._debugNeedsRemount = !0);
+      if (type || needsRender)
+        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
+          null !== alternate &&
+            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
+      null === child ||
+        type ||
+        scheduleFibersWithFamiliesRecursively(
+          child,
+          updatedFamilies,
+          staleFamilies
         );
-      skipToNode = "";
-      var debugInfo = node.fiber._debugInfo;
-      if (debugInfo)
-        for (var i = 0; i < debugInfo.length; i++) {
-          var serverComponentName = debugInfo[i].name;
-          "string" === typeof serverComponentName &&
-            ((skipToNode +=
-              indentation(indent) + "<" + serverComponentName + ">\n"),
-            indent++);
-        }
-      debugInfo = "";
-      i = node.fiber.pendingProps;
-      if (6 === node.fiber.tag)
-        debugInfo = describeTextDiff(i, node.serverProps, indent);
-      else if (
-        ((serverComponentName = describeFiberType(node.fiber)),
-        null !== serverComponentName)
-      )
-        if (void 0 === node.serverProps) {
-          debugInfo = indent;
-          var maxLength =
-              maxRowLength - 2 * debugInfo - serverComponentName.length - 2,
-            content = "";
-          for (propName in i)
-            if (i.hasOwnProperty(propName) && "children" !== propName) {
-              var propValue = describePropValue(i[propName], 15);
-              maxLength -= propName.length + propValue.length + 2;
-              if (0 > maxLength) {
-                content += " ...";
-                break;
+      null !== sibling &&
+        scheduleFibersWithFamiliesRecursively(
+          sibling,
+          updatedFamilies,
+          staleFamilies
+        );
+    }
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      var child = fiber.child,
+        sibling = fiber.sibling,
+        type = fiber.type,
+        candidateType = null;
+      switch (fiber.tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      type = !1;
+      null !== candidateType && types.has(candidateType) && (type = !0);
+      if (type)
+        a: {
+          b: for (child = fiber, candidateType = !1; ; ) {
+            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
+              (candidateType = !0), hostInstances.add(child.stateNode);
+            else if (null !== child.child) {
+              child.child.return = child;
+              child = child.child;
+              continue;
+            }
+            if (child === fiber) {
+              child = candidateType;
+              break b;
+            }
+            for (; null === child.sibling; ) {
+              if (null === child.return || child.return === fiber) {
+                child = candidateType;
+                break b;
               }
-              content += " " + propName + "=" + propValue;
+              child = child.return;
             }
-          debugInfo =
-            indentation(debugInfo) +
-            "<" +
-            serverComponentName +
-            content +
-            ">\n";
-          indent++;
-        } else
-          null === node.serverProps
-            ? (debugInfo = describeExpandedElement(
-                serverComponentName,
-                i,
-                added(indent)
-              ))
-            : "string" === typeof node.serverProps
-            ? error$jscomp$0(
-                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
-              )
-            : ((debugInfo = describeElementDiff(
-                serverComponentName,
-                i,
-                node.serverProps,
-                indent
-              )),
-              indent++);
-      var propName = "";
-      i = node.fiber.child;
-      for (
-        serverComponentName = 0;
-        i && serverComponentName < node.children.length;
-
-      )
-        (maxLength = node.children[serverComponentName]),
-          maxLength.fiber === i
-            ? ((propName += describeNode(maxLength, indent)),
-              serverComponentName++)
-            : (propName += describeSiblingFiber(i, indent)),
-          (i = i.sibling);
-      i &&
-        0 < node.children.length &&
-        (propName += indentation(indent) + "...\n");
-      node = node.serverTail;
-      for (i = 0; i < node.length; i++)
-        (serverComponentName = node[i]),
-          (propName =
-            "string" === typeof serverComponentName
-              ? propName +
-                (removed(indent) +
-                  describeTextNode(
-                    serverComponentName,
-                    maxRowLength - 2 * indent
-                  ) +
-                  "\n")
-              : propName +
-                describeExpandedElement(
-                  serverComponentName.type,
-                  serverComponentName.props,
-                  removed(indent)
-                ));
-      return skipToNode + debugInfo + propName;
+            child.sibling.return = child.return;
+            child = child.sibling;
+          }
+          if (!child)
+            for (;;) {
+              switch (fiber.tag) {
+                case 27:
+                case 5:
+                  hostInstances.add(fiber.stateNode);
+                  break a;
+                case 4:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+                case 3:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+              }
+              if (null === fiber.return)
+                throw Error("Expected to reach root first.");
+              fiber = fiber.return;
+            }
+        }
+      else
+        null !== child &&
+          findHostInstancesForMatchingFibersRecursively(
+            child,
+            types,
+            hostInstances
+          );
+      null !== sibling &&
+        findHostInstancesForMatchingFibersRecursively(
+          sibling,
+          types,
+          hostInstances
+        );
     }
-    function describeDiff(rootNode) {
-      try {
-        return "\n\n" + describeNode(rootNode, 0);
-      } catch (x) {
-        return "";
-      }
+    function createCapturedValueAtFiber(value, source) {
+      if ("object" === typeof value && null !== value) {
+        var stack = CapturedStacks.get(value);
+        "string" !== typeof stack &&
+          ((stack = getStackByFiberInDevAndProd(source)),
+          CapturedStacks.set(value, stack));
+      } else stack = getStackByFiberInDevAndProd(source);
+      return { value: value, source: source, stack: stack };
+    }
+    function pushTreeFork(workInProgress, totalChildren) {
+      warnIfNotHydrating();
+      forkStack[forkStackIndex++] = treeForkCount;
+      forkStack[forkStackIndex++] = treeForkProvider;
+      treeForkProvider = workInProgress;
+      treeForkCount = totalChildren;
+    }
+    function pushTreeId(workInProgress, totalChildren, index) {
+      warnIfNotHydrating();
+      idStack[idStackIndex++] = treeContextId;
+      idStack[idStackIndex++] = treeContextOverflow;
+      idStack[idStackIndex++] = treeContextProvider;
+      treeContextProvider = workInProgress;
+      var baseIdWithLeadingBit = treeContextId;
+      workInProgress = treeContextOverflow;
+      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
+      baseIdWithLeadingBit &= ~(1 << baseLength);
+      index += 1;
+      var length = 32 - clz32(totalChildren) + baseLength;
+      if (30 < length) {
+        var numberOfOverflowBits = baseLength - (baseLength % 5);
+        length = (
+          baseIdWithLeadingBit &
+          ((1 << numberOfOverflowBits) - 1)
+        ).toString(32);
+        baseIdWithLeadingBit >>= numberOfOverflowBits;
+        baseLength -= numberOfOverflowBits;
+        treeContextId =
+          (1 << (32 - clz32(totalChildren) + baseLength)) |
+          (index << baseLength) |
+          baseIdWithLeadingBit;
+        treeContextOverflow = length + workInProgress;
+      } else
+        (treeContextId =
+          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
+          (treeContextOverflow = workInProgress);
+    }
+    function pushMaterializedTreeId(workInProgress) {
+      warnIfNotHydrating();
+      null !== workInProgress.return &&
+        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    }
+    function popTreeContext(workInProgress) {
+      for (; workInProgress === treeForkProvider; )
+        (treeForkProvider = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null),
+          (treeForkCount = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null);
+      for (; workInProgress === treeContextProvider; )
+        (treeContextProvider = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextOverflow = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextId = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null);
+    }
+    function warnIfNotHydrating() {
+      isHydrating ||
+        console.error(
+          "Expected to be hydrating. This is a bug in React. Please file an issue."
+        );
     }
     function buildHydrationDiffNode(fiber, distanceFromLeaf) {
       if (null === fiber.return) {
@@ -4486,7 +4538,7 @@
       null !== diffRoot &&
         ((hydrationDiffRootDEV = null),
         (diffRoot = describeDiff(diffRoot)),
-        error$jscomp$0(
+        console.error(
           "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s",
           "https://react.dev/link/hydration-mismatch",
           diffRoot
@@ -4510,7 +4562,7 @@
         : index !== thenable &&
           (thenableState.didWarnAboutUncachedPromise ||
             ((thenableState.didWarnAboutUncachedPromise = !0),
-            error$jscomp$0(
+            console.error(
               "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."
             )),
           thenable.then(noop$3, noop$3),
@@ -4601,11 +4653,12 @@
         if ("children" !== key && "key" !== key) {
           null === fiber &&
             ((fiber = createFiberFromElement(element, returnFiber.mode, 0)),
+            (fiber._debugInfo = currentDebugInfo),
             (fiber.return = returnFiber));
           runWithFiberInDEV(
             fiber,
             function (erroredKey) {
-              error$jscomp$0(
+              console.error(
                 "Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",
                 erroredKey
               );
@@ -4647,13 +4700,13 @@
         (invalidChild =
           invalidChild.displayName || invalidChild.name || "Component"),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  root.render(%s)",
               invalidChild,
               invalidChild,
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  <%s>{%s}</%s>",
               invalidChild,
               invalidChild,
@@ -4668,11 +4721,11 @@
         ((ownerHasSymbolTypeWarning[parentName] = !0),
         (invalidChild = String(invalidChild)),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Symbols are not valid as a React child.\n  root.render(%s)",
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Symbols are not valid as a React child.\n  <%s>%s</%s>",
               parentName,
               invalidChild,
@@ -4740,6 +4793,8 @@
               lanes
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4813,6 +4868,8 @@
               key
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
+            (current._debugTask = returnFiber._debugTask),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4834,6 +4891,8 @@
               lanes
             )),
             (newChild.return = returnFiber),
+            (newChild._debugOwner = returnFiber),
+            (newChild._debugTask = returnFiber._debugTask),
             (newChild._debugInfo = currentDebugInfo),
             newChild
           );
@@ -4884,6 +4943,8 @@
                 null
               )),
               (lanes.return = returnFiber),
+              (lanes._debugOwner = returnFiber),
+              (lanes._debugTask = returnFiber._debugTask),
               (returnFiber = pushDebugInfo(newChild._debugInfo)),
               (lanes._debugInfo = currentDebugInfo),
               (currentDebugInfo = returnFiber),
@@ -5117,7 +5178,7 @@
               break;
             }
             runWithFiberInDEV(workInProgress, function () {
-              error$jscomp$0(
+              console.error(
                 "Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",
                 key
               );
@@ -5257,7 +5318,7 @@
             "[object AsyncGenerator]" ===
               Object.prototype.toString.call(newChildren)) ||
           (didWarnAboutGenerators ||
-            error$jscomp$0(
+            console.error(
               "Using AsyncIterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You can use an AsyncIterable that can iterate multiple times over the same items."
             ),
           (didWarnAboutGenerators = !0));
@@ -5463,6 +5524,8 @@
                       newChild.key
                     )),
                     (currentFirstChild.return = returnFiber),
+                    (currentFirstChild._debugOwner = returnFiber),
+                    (currentFirstChild._debugTask = returnFiber._debugTask),
                     (currentFirstChild._debugInfo = currentDebugInfo),
                     validateFragmentProps(
                       newChild,
@@ -5568,14 +5631,14 @@
                 "[object Generator]" !== Object.prototype.toString.call(key)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$0(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
               newChild.entries !== child ||
                 didWarnAboutMaps ||
-                (error$jscomp$0(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
@@ -5646,6 +5709,9 @@
                   lanes
                 )),
                 (currentFirstChild.return = returnFiber),
+                (currentFirstChild._debugOwner = returnFiber),
+                (currentFirstChild._debugTask = returnFiber._debugTask),
+                (currentFirstChild._debugInfo = currentDebugInfo),
                 (returnFiber = currentFirstChild)),
             placeSingleChild(returnFiber)
           );
@@ -5788,7 +5854,7 @@
     }
     function retainCache(cache) {
       cache.controller.signal.aborted &&
-        warn(
+        console.warn(
           "A cache instance was retained after it was already freed. This likely indicates a bug in React."
         );
       cache.refCount++;
@@ -5796,7 +5862,7 @@
     function releaseCache(cache) {
       cache.refCount--;
       0 > cache.refCount &&
-        warn(
+        console.warn(
           "A cache instance was released after it was already freed. This likely indicates a bug in React."
         );
       0 === cache.refCount &&
@@ -5911,7 +5977,7 @@
             oldHookName += newHookName + "\n";
             table += oldHookName;
           }
-          error$jscomp$0(
+          console.error(
             "React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n   Previous render            Next render\n   ------------------------------------------------------\n%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
             componentName,
             table
@@ -5923,7 +5989,7 @@
       void 0 === deps ||
         null === deps ||
         isArrayImpl(deps) ||
-        error$jscomp$0(
+        console.error(
           "%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
           currentHookNameInDev,
           typeof deps
@@ -5933,7 +5999,7 @@
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
       didWarnAboutUseFormState.has(componentName) ||
         (didWarnAboutUseFormState.add(componentName),
-        error$jscomp$0(
+        console.error(
           "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
           componentName
         ));
@@ -5947,14 +6013,14 @@
       if (ignorePreviousDependencies) return !1;
       if (null === prevDeps)
         return (
-          error$jscomp$0(
+          console.error(
             "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
             currentHookNameInDev
           ),
           !1
         );
       nextDeps.length !== prevDeps.length &&
-        error$jscomp$0(
+        console.error(
           "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
           currentHookNameInDev,
           "[" + prevDeps.join(", ") + "]",
@@ -5989,7 +6055,7 @@
         )),
           didWarnAboutAsyncClientComponent.has(nextRenderLanes) ||
             (didWarnAboutAsyncClientComponent.add(nextRenderLanes),
-            error$jscomp$0(
+            console.error(
               "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
             ));
       workInProgress.memoizedState = null;
@@ -6043,7 +6109,7 @@
       hookTypesUpdateIndexDev = -1;
       null !== current &&
         (current.flags & 31457280) !== (workInProgress.flags & 31457280) &&
-        error$jscomp$0(
+        console.error(
           "Internal React error: Expected static flag was missing. Please notify the React team."
         );
       didScheduleRenderPhaseUpdate = !1;
@@ -6062,7 +6128,7 @@
         didWarnAboutUseWrappedInTryCatch.has(workInProgress) ||
           didWarnAboutAsyncClientComponent.has(workInProgress) ||
           (didWarnAboutUseWrappedInTryCatch.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "`use` was called from inside a try/catch block. This is not allowed and can lead to unexpected behavior. To handle errors triggered by `use`, wrap your component in a error boundary."
           )));
     }
@@ -6244,7 +6310,7 @@
           updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
       else
         updateQueue.length !== size &&
-          error$jscomp$0(
+          console.error(
             "Expected a constant size argument for each invocation of useMemoCache. The previous cache was allocated with size %s but size %s was requested.",
             updateQueue.length,
             size
@@ -6300,7 +6366,7 @@
           pendingQueue.next = baseFirst;
         }
         current.baseQueue !== baseQueue &&
-          error$jscomp$0(
+          console.error(
             "Internal error: Expected work-in-progress queue to be a clone. This is a bug in React."
           );
         current.baseQueue = baseQueue = pendingQueue;
@@ -6431,7 +6497,7 @@
         var nextSnapshot = getServerSnapshot();
         didWarnUncachedGetSnapshot ||
           nextSnapshot === getServerSnapshot() ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getServerSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6440,7 +6506,7 @@
         didWarnUncachedGetSnapshot ||
           ((getServerSnapshot = getSnapshot()),
           objectIs(nextSnapshot, getServerSnapshot) ||
-            (error$jscomp$0(
+            (console.error(
               "The result of getSnapshot should be cached to avoid an infinite loop"
             ),
             (didWarnUncachedGetSnapshot = !0)));
@@ -6497,7 +6563,7 @@
       ) {
         var cachedSnapshot = getSnapshot();
         objectIs(getServerSnapshot, cachedSnapshot) ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6575,7 +6641,7 @@
       try {
         var nextValue = latestGetSnapshot();
         return !objectIs(inst, nextValue);
-      } catch (error$4) {
+      } catch (error) {
         return !0;
       }
     }
@@ -6704,8 +6770,8 @@
           null !== onStartTransitionFinish &&
             onStartTransitionFinish(currentTransition, returnValue);
           handleActionReturnValue(actionQueue, node, returnValue);
-        } catch (error$5) {
-          onActionError(actionQueue, node, error$5);
+        } catch (error) {
+          onActionError(actionQueue, node, error);
         } finally {
           (ReactSharedInternals.T = prevTransition),
             null === prevTransition &&
@@ -6713,7 +6779,7 @@
               ((actionQueue = currentTransition._updatedFibers.size),
               currentTransition._updatedFibers.clear(),
               10 < actionQueue &&
-                warn(
+                console.warn(
                   "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
                 ));
         }
@@ -6721,8 +6787,8 @@
         try {
           (currentTransition = action(prevState, payload)),
             handleActionReturnValue(actionQueue, node, currentTransition);
-        } catch (error$6) {
-          onActionError(actionQueue, node, error$6);
+        } catch (error$3) {
+          onActionError(actionQueue, node, error$3);
         }
     }
     function handleActionReturnValue(actionQueue, node, returnValue) {
@@ -6738,7 +6804,7 @@
             }
           ),
           node.isTransition ||
-            error$jscomp$0(
+            console.error(
               "An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`"
             ))
         : onActionSuccess(actionQueue, node, returnValue);
@@ -7020,7 +7086,7 @@
       if (null !== ref && void 0 !== ref)
         return (
           ref.hasOwnProperty("current") ||
-            error$jscomp$0(
+            console.error(
               "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
               "an object with keys {" + Object.keys(ref).join(", ") + "}"
             ),
@@ -7033,7 +7099,7 @@
     }
     function mountImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7049,7 +7115,7 @@
     }
     function updateImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -7183,11 +7249,11 @@
           );
           dispatchSetState(fiber, queue, thenableForFinishedState);
         } else dispatchSetState(fiber, queue, finishedState);
-      } catch (error$7) {
+      } catch (error) {
         dispatchSetState(fiber, queue, {
           then: function () {},
           status: "rejected",
-          reason: error$7
+          reason: error
         });
       } finally {
         (ReactDOMSharedInternals.p = previousPriority),
@@ -7197,7 +7263,7 @@
             ((fiber = currentTransition._updatedFibers.size),
             currentTransition._updatedFibers.clear(),
             10 < fiber &&
-              warn(
+              console.warn(
                 "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
               ));
       }
@@ -7258,7 +7324,7 @@
     }
     function requestFormReset$1(formFiber) {
       null === ReactSharedInternals.T &&
-        error$jscomp$0(
+        console.error(
           "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
         );
       var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
@@ -7355,7 +7421,7 @@
       JSCompiler_OptimizeArgumentsArray_p0
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p0 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p0 = requestUpdateLane(fiber);
@@ -7395,7 +7461,7 @@
       JSCompiler_OptimizeArgumentsArray_p1
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p1 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p1 = requestUpdateLane(fiber);
@@ -7427,7 +7493,7 @@
               null === workInProgressRoot && finishQueueingConcurrentUpdates();
               return;
             }
-          } catch (error$8) {
+          } catch (error) {
           } finally {
             ReactSharedInternals.H = prevDispatcher;
           }
@@ -7460,7 +7526,7 @@
     ) {
       null === ReactSharedInternals.T &&
         0 === currentEntangledLane &&
-        error$jscomp$0(
+        console.error(
           "An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition."
         );
       action = {
@@ -7474,7 +7540,7 @@
       if (isRenderPhaseUpdate(fiber)) {
         if (throwIfDuringRender)
           throw Error("Cannot update optimistic state while rendering.");
-        error$jscomp$0("Cannot call startTransition while rendering.");
+        console.error("Cannot call startTransition while rendering.");
       } else
         (throwIfDuringRender = enqueueConcurrentHookUpdate(
           fiber,
@@ -7568,7 +7634,7 @@
     }
     function defaultOnUncaughtError(error) {
       reportGlobalError(error);
-      warn(
+      console.warn(
         "%s\n\n%s\n",
         componentName
           ? "An error occurred in the <" + componentName + "> component."
@@ -7576,16 +7642,50 @@
         "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
       );
     }
-    function defaultOnCaughtError(error$1) {
-      error$jscomp$0(
-        "%o\n\n%s\n\n%s\n",
-        error$1,
-        componentName
+    function defaultOnCaughtError(error) {
+      var componentNameMessage = componentName
           ? "The above error occurred in the <" + componentName + "> component."
           : "The above error occurred in one of your React components.",
-        "React will try to recreate this component tree from scratch using the error boundary you provided, " +
-          ((errorBoundaryName || "Anonymous") + ".")
-      );
+        recreateMessage =
+          "React will try to recreate this component tree from scratch using the error boundary you provided, " +
+          ((errorBoundaryName || "Anonymous") + ".");
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        ].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              badgeFormat + error[0],
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            )
+          : error.splice(
+              0,
+              0,
+              badgeFormat,
+              badgeStyle,
+              pad + badgeName + pad,
+              resetStyle
+            );
+        console.error.apply(console, error);
+      } else
+        console.error(
+          "%o\n\n%s\n\n%s\n",
+          error,
+          componentNameMessage,
+          recreateMessage
+        );
     }
     function defaultOnRecoverableError(error) {
       reportGlobalError(error);
@@ -7603,9 +7703,9 @@
           var onUncaughtError = root.onUncaughtError;
           onUncaughtError(error, { componentStack: errorInfo.stack });
         }
-      } catch (e$9) {
+      } catch (e$4) {
         setTimeout(function () {
-          throw e$9;
+          throw e$4;
         });
       }
     }
@@ -7620,9 +7720,9 @@
           componentStack: errorInfo.stack,
           errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
         });
-      } catch (e$10) {
+      } catch (e$5) {
         setTimeout(function () {
-          throw e$10;
+          throw e$5;
         });
       }
     }
@@ -7643,9 +7743,9 @@
     function initializeClassErrorUpdate(update, root, fiber, errorInfo) {
       var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
       if ("function" === typeof getDerivedStateFromError) {
-        var error$1 = errorInfo.value;
+        var error = errorInfo.value;
         update.payload = function () {
-          return getDerivedStateFromError(error$1);
+          return getDerivedStateFromError(error);
         };
         update.callback = function () {
           markFailedErrorBoundaryForHotReloading(fiber);
@@ -7680,7 +7780,7 @@
           });
           "function" === typeof getDerivedStateFromError ||
             (0 === (fiber.lanes & SyncLane) &&
-              error$jscomp$0(
+              console.error(
                 "%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
                 getComponentNameFromFiber(fiber) || "Unknown"
               ));
@@ -8141,7 +8241,7 @@
       ) {
         var componentName = getComponentNameFromType(Component) || "Unknown";
         didWarnAboutBadClass[componentName] ||
-          (error$jscomp$0(
+          (console.error(
             "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
             componentName,
             componentName
@@ -8156,10 +8256,13 @@
       null === current &&
         (validateFunctionComponentInDev(workInProgress, workInProgress.type),
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-            getComponentNameFromType(Component) || "Unknown"
-          ));
+          ((componentName = getComponentNameFromType(Component) || "Unknown"),
+          didWarnAboutContextTypes$1[componentName] ||
+            ((didWarnAboutContextTypes$1[componentName] = !0),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+              componentName
+            ))));
       prepareToReadContext(workInProgress, renderLanes);
       markComponentRenderStarted(workInProgress);
       Component = renderWithHooks(
@@ -8269,7 +8372,7 @@
               : " However, it is set to an object with keys {" +
                 Object.keys(_instance).join(", ") +
                 "}."),
-          error$jscomp$0(
+          console.error(
             "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
             getComponentNameFromType(Component) || "Component",
             lane
@@ -8299,7 +8402,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutUninitializedState.has(state) ||
             (didWarnAboutUninitializedState.add(state),
-            error$jscomp$0(
+            console.error(
               "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
               state,
               null === _instance.state ? "null" : "undefined",
@@ -8335,7 +8438,7 @@
                 : "getSnapshotBeforeUpdate()";
             didWarnAboutLegacyLifecyclesAndDerivedState.has(_instance) ||
               (didWarnAboutLegacyLifecyclesAndDerivedState.add(_instance),
-              error$jscomp$0(
+              console.error(
                 "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                 _instance,
                 newApiName,
@@ -8350,88 +8453,87 @@
         _instance.render ||
           (Component.prototype &&
           "function" === typeof Component.prototype.render
-            ? error$jscomp$0(
+            ? console.error(
                 "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                 state
               )
-            : error$jscomp$0(
+            : console.error(
                 "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                 state
               ));
         !_instance.getInitialState ||
           _instance.getInitialState.isReactClassApproved ||
           _instance.state ||
-          error$jscomp$0(
+          console.error(
             "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
             state
           );
         _instance.getDefaultProps &&
           !_instance.getDefaultProps.isReactClassApproved &&
-          error$jscomp$0(
+          console.error(
             "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
             state
           );
-        _instance.propTypes &&
-          error$jscomp$0(
-            "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-            state
-          );
         _instance.contextType &&
-          error$jscomp$0(
+          console.error(
             "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
             state
           );
         Component.childContextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+          !didWarnAboutChildContextTypes.has(Component) &&
+          (didWarnAboutChildContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+          !didWarnAboutContextTypes.has(Component) &&
+          (didWarnAboutContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         "function" === typeof _instance.componentShouldUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
             state
           );
         Component.prototype &&
           Component.prototype.isPureReactComponent &&
           "undefined" !== typeof _instance.shouldComponentUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
             getComponentNameFromType(Component) || "A pure component"
           );
         "function" === typeof _instance.componentDidUnmount &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
             state
           );
         "function" === typeof _instance.componentDidReceiveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
             state
           );
         "function" === typeof _instance.componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
             state
           );
         "function" === typeof _instance.UNSAFE_componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
             state
           );
         lane = _instance.props !== nextProps;
         void 0 !== _instance.props &&
           lane &&
-          error$jscomp$0(
+          console.error(
             "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
             state
           );
         _instance.defaultProps &&
-          error$jscomp$0(
+          console.error(
             "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
             state,
             state
@@ -8440,31 +8542,31 @@
           "function" === typeof _instance.componentDidUpdate ||
           didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(Component) ||
           (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(Component),
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
             getComponentNameFromType(Component)
           ));
         "function" === typeof _instance.getDerivedStateFromProps &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof _instance.getDerivedStateFromError &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof Component.getSnapshotBeforeUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
             state
           );
         (lane = _instance.state) &&
           ("object" !== typeof lane || isArrayImpl(lane)) &&
-          error$jscomp$0("%s.state: must be set to an object or null", state);
+          console.error("%s.state: must be set to an object or null", state);
         "function" === typeof _instance.getChildContext &&
           "object" !== typeof Component.childContextTypes &&
-          error$jscomp$0(
+          console.error(
             "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
             state
           );
@@ -8482,7 +8584,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutDirectlyAssigningPropsToState.has(state) ||
             (didWarnAboutDirectlyAssigningPropsToState.add(state),
-            error$jscomp$0(
+            console.error(
               "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
               state
             )));
@@ -8515,7 +8617,7 @@
           "function" === typeof _instance.UNSAFE_componentWillMount &&
             _instance.UNSAFE_componentWillMount(),
           state !== _instance.state &&
-            (error$jscomp$0(
+            (console.error(
               "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
               getComponentNameFromFiber(workInProgress) || "Component"
             ),
@@ -8757,7 +8859,7 @@
       _instance &&
         renderLanes.props !== nextProps &&
         (didWarnAboutReassigningProps ||
-          error$jscomp$0(
+          console.error(
             "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
             getComponentNameFromFiber(workInProgress) || "a component"
           ),
@@ -8778,14 +8880,14 @@
     function validateFunctionComponentInDev(workInProgress, Component) {
       Component &&
         Component.childContextTypes &&
-        error$jscomp$0(
+        console.error(
           "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
           Component.displayName || Component.name || "Component"
         );
       "function" === typeof Component.getDerivedStateFromProps &&
         ((workInProgress = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutGetDerivedStateOnFunctionComponent[workInProgress] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
             workInProgress
           ),
@@ -8795,7 +8897,7 @@
         null !== Component.contextType &&
         ((Component = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutContextTypeOnFunctionComponent[Component] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support contextType.",
             Component
           ),
@@ -8814,33 +8916,33 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_componentStack_2370;
-      var JSCompiler_object_inline_stack_2369 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_componentStack_2356;
+      var JSCompiler_object_inline_stack_2355 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_message_2367 = !1;
+      var JSCompiler_object_inline_message_2353 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_componentStack_2370 = didSuspend) ||
-        (JSCompiler_object_inline_componentStack_2370 =
+      (JSCompiler_object_inline_componentStack_2356 = didSuspend) ||
+        (JSCompiler_object_inline_componentStack_2356 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_componentStack_2370 &&
-        ((JSCompiler_object_inline_message_2367 = !0),
+      JSCompiler_object_inline_componentStack_2356 &&
+        ((JSCompiler_object_inline_message_2353 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_componentStack_2370 =
+      JSCompiler_object_inline_componentStack_2356 =
         0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_message_2367
+          JSCompiler_object_inline_message_2353
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_digest_2368 = nextHydratableInstance;
+            var JSCompiler_object_inline_digest_2354 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2368)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2354)) {
               c: {
-                var instance = JSCompiler_object_inline_digest_2368;
+                var instance = JSCompiler_object_inline_digest_2354;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8881,19 +8983,19 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_digest_2368
+                JSCompiler_object_inline_digest_2354
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_digest_2368 = workInProgress.memoizedState;
+          JSCompiler_object_inline_digest_2354 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_digest_2368 &&
-            ((JSCompiler_object_inline_digest_2368 =
-              JSCompiler_object_inline_digest_2368.dehydrated),
-            null !== JSCompiler_object_inline_digest_2368)
+            null !== JSCompiler_object_inline_digest_2354 &&
+            ((JSCompiler_object_inline_digest_2354 =
+              JSCompiler_object_inline_digest_2354.dehydrated),
+            null !== JSCompiler_object_inline_digest_2354)
           )
             return (
-              JSCompiler_object_inline_digest_2368.data ===
+              JSCompiler_object_inline_digest_2354.data ===
               SUSPENSE_FALLBACK_START_DATA
                 ? (workInProgress.lanes = DefaultHydrationLane)
                 : (workInProgress.lanes = OffscreenLane),
@@ -8901,68 +9003,68 @@
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_digest_2368 =
-          JSCompiler_object_inline_stack_2369.children;
-        JSCompiler_temp = JSCompiler_object_inline_stack_2369.fallback;
-        if (JSCompiler_object_inline_message_2367)
+        JSCompiler_object_inline_digest_2354 =
+          JSCompiler_object_inline_stack_2355.children;
+        JSCompiler_temp = JSCompiler_object_inline_stack_2355.fallback;
+        if (JSCompiler_object_inline_message_2353)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2369 =
+            (JSCompiler_object_inline_stack_2355 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2368,
+                JSCompiler_object_inline_digest_2354,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2367 = workInProgress.child),
-            (JSCompiler_object_inline_message_2367.memoizedState =
+            (JSCompiler_object_inline_message_2353 = workInProgress.child),
+            (JSCompiler_object_inline_message_2353.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2367.childLanes =
+            (JSCompiler_object_inline_message_2353.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2370,
+                JSCompiler_object_inline_componentStack_2356,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2369
+            JSCompiler_object_inline_stack_2355
           );
         if (
           "number" ===
-          typeof JSCompiler_object_inline_stack_2369.unstable_expectedLoadTime
+          typeof JSCompiler_object_inline_stack_2355.unstable_expectedLoadTime
         )
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_stack_2369 =
+            (JSCompiler_object_inline_stack_2355 =
               mountSuspenseFallbackChildren(
                 workInProgress,
-                JSCompiler_object_inline_digest_2368,
+                JSCompiler_object_inline_digest_2354,
                 JSCompiler_temp,
                 renderLanes
               )),
-            (JSCompiler_object_inline_message_2367 = workInProgress.child),
-            (JSCompiler_object_inline_message_2367.memoizedState =
+            (JSCompiler_object_inline_message_2353 = workInProgress.child),
+            (JSCompiler_object_inline_message_2353.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_message_2367.childLanes =
+            (JSCompiler_object_inline_message_2353.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_componentStack_2370,
+                JSCompiler_object_inline_componentStack_2356,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
             (workInProgress.lanes = 4194304),
-            JSCompiler_object_inline_stack_2369
+            JSCompiler_object_inline_stack_2355
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_digest_2368
+          JSCompiler_object_inline_digest_2354
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_digest_2368 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_digest_2368)
+        ((JSCompiler_object_inline_digest_2354 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_digest_2354)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8979,93 +9081,93 @@
               (workInProgress.flags |= 128),
               (workInProgress = null))
             : (reuseSuspenseHandlerOnStack(workInProgress),
-              (JSCompiler_object_inline_message_2367 =
-                JSCompiler_object_inline_stack_2369.fallback),
-              (JSCompiler_object_inline_digest_2368 = workInProgress.mode),
-              (JSCompiler_object_inline_stack_2369 =
+              (JSCompiler_object_inline_message_2353 =
+                JSCompiler_object_inline_stack_2355.fallback),
+              (JSCompiler_object_inline_digest_2354 = workInProgress.mode),
+              (JSCompiler_object_inline_stack_2355 =
                 mountWorkInProgressOffscreenFiber(
                   {
                     mode: "visible",
-                    children: JSCompiler_object_inline_stack_2369.children
+                    children: JSCompiler_object_inline_stack_2355.children
                   },
-                  JSCompiler_object_inline_digest_2368
+                  JSCompiler_object_inline_digest_2354
                 )),
-              (JSCompiler_object_inline_message_2367 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2367,
-                JSCompiler_object_inline_digest_2368,
+              (JSCompiler_object_inline_message_2353 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2353,
+                JSCompiler_object_inline_digest_2354,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2367.flags |= 2),
-              (JSCompiler_object_inline_stack_2369.return = workInProgress),
-              (JSCompiler_object_inline_message_2367.return = workInProgress),
-              (JSCompiler_object_inline_stack_2369.sibling =
-                JSCompiler_object_inline_message_2367),
-              (workInProgress.child = JSCompiler_object_inline_stack_2369),
+              (JSCompiler_object_inline_message_2353.flags |= 2),
+              (JSCompiler_object_inline_stack_2355.return = workInProgress),
+              (JSCompiler_object_inline_message_2353.return = workInProgress),
+              (JSCompiler_object_inline_stack_2355.sibling =
+                JSCompiler_object_inline_message_2353),
+              (workInProgress.child = JSCompiler_object_inline_stack_2355),
               reconcileChildFibers(
                 workInProgress,
                 current.child,
                 null,
                 renderLanes
               ),
-              (JSCompiler_object_inline_stack_2369 = workInProgress.child),
-              (JSCompiler_object_inline_stack_2369.memoizedState =
+              (JSCompiler_object_inline_stack_2355 = workInProgress.child),
+              (JSCompiler_object_inline_stack_2355.memoizedState =
                 mountSuspenseOffscreenState(renderLanes)),
-              (JSCompiler_object_inline_stack_2369.childLanes =
+              (JSCompiler_object_inline_stack_2355.childLanes =
                 getRemainingWorkInPrimaryTree(
                   current,
-                  JSCompiler_object_inline_componentStack_2370,
+                  JSCompiler_object_inline_componentStack_2356,
                   renderLanes
                 )),
               (workInProgress.memoizedState = SUSPENDED_MARKER),
-              (workInProgress = JSCompiler_object_inline_message_2367));
+              (workInProgress = JSCompiler_object_inline_message_2353));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
-            error$jscomp$0(
+            console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          JSCompiler_object_inline_digest_2368.data ===
+          JSCompiler_object_inline_digest_2354.data ===
             SUSPENSE_FALLBACK_START_DATA)
         ) {
-          JSCompiler_object_inline_componentStack_2370 =
-            JSCompiler_object_inline_digest_2368.nextSibling &&
-            JSCompiler_object_inline_digest_2368.nextSibling.dataset;
-          if (JSCompiler_object_inline_componentStack_2370) {
-            JSCompiler_temp = JSCompiler_object_inline_componentStack_2370.dgst;
-            var message = JSCompiler_object_inline_componentStack_2370.msg;
-            instance = JSCompiler_object_inline_componentStack_2370.stck;
+          JSCompiler_object_inline_componentStack_2356 =
+            JSCompiler_object_inline_digest_2354.nextSibling &&
+            JSCompiler_object_inline_digest_2354.nextSibling.dataset;
+          if (JSCompiler_object_inline_componentStack_2356) {
+            JSCompiler_temp = JSCompiler_object_inline_componentStack_2356.dgst;
+            var message = JSCompiler_object_inline_componentStack_2356.msg;
+            instance = JSCompiler_object_inline_componentStack_2356.stck;
             var componentStack =
-              JSCompiler_object_inline_componentStack_2370.cstck;
+              JSCompiler_object_inline_componentStack_2356.cstck;
           }
-          JSCompiler_object_inline_message_2367 = message;
-          JSCompiler_object_inline_digest_2368 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2369 = instance;
-          JSCompiler_object_inline_componentStack_2370 = componentStack;
-          "POSTPONE" !== JSCompiler_object_inline_digest_2368 &&
-            ((JSCompiler_object_inline_message_2367 =
-              JSCompiler_object_inline_message_2367
-                ? Error(JSCompiler_object_inline_message_2367)
+          JSCompiler_object_inline_message_2353 = message;
+          JSCompiler_object_inline_digest_2354 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2355 = instance;
+          JSCompiler_object_inline_componentStack_2356 = componentStack;
+          "POSTPONE" !== JSCompiler_object_inline_digest_2354 &&
+            ((JSCompiler_object_inline_message_2353 =
+              JSCompiler_object_inline_message_2353
+                ? Error(JSCompiler_object_inline_message_2353)
                 : Error(
                     "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                   )),
-            (JSCompiler_object_inline_message_2367.stack =
-              JSCompiler_object_inline_stack_2369 || ""),
-            (JSCompiler_object_inline_message_2367.digest =
-              JSCompiler_object_inline_digest_2368),
-            (JSCompiler_object_inline_componentStack_2370 =
-              void 0 === JSCompiler_object_inline_componentStack_2370
+            (JSCompiler_object_inline_message_2353.stack =
+              JSCompiler_object_inline_stack_2355 || ""),
+            (JSCompiler_object_inline_message_2353.digest =
+              JSCompiler_object_inline_digest_2354),
+            (JSCompiler_object_inline_componentStack_2356 =
+              void 0 === JSCompiler_object_inline_componentStack_2356
                 ? null
-                : JSCompiler_object_inline_componentStack_2370),
-            "string" === typeof JSCompiler_object_inline_componentStack_2370 &&
+                : JSCompiler_object_inline_componentStack_2356),
+            "string" === typeof JSCompiler_object_inline_componentStack_2356 &&
               CapturedStacks.set(
-                JSCompiler_object_inline_message_2367,
-                JSCompiler_object_inline_componentStack_2370
+                JSCompiler_object_inline_message_2353,
+                JSCompiler_object_inline_componentStack_2356
               ),
             queueHydrationError({
-              value: JSCompiler_object_inline_message_2367,
+              value: JSCompiler_object_inline_message_2353,
               source: null,
-              stack: JSCompiler_object_inline_componentStack_2370
+              stack: JSCompiler_object_inline_componentStack_2356
             }));
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9073,26 +9175,26 @@
             renderLanes
           );
         } else if (
-          ((JSCompiler_object_inline_componentStack_2370 =
+          ((JSCompiler_object_inline_componentStack_2356 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_componentStack_2370)
+          didReceiveUpdate || JSCompiler_object_inline_componentStack_2356)
         ) {
-          JSCompiler_object_inline_componentStack_2370 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_componentStack_2370) {
-            JSCompiler_object_inline_stack_2369 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2369 & SyncUpdateLanes))
-              JSCompiler_object_inline_stack_2369 = SyncHydrationLane;
+          JSCompiler_object_inline_componentStack_2356 = workInProgressRoot;
+          if (null !== JSCompiler_object_inline_componentStack_2356) {
+            JSCompiler_object_inline_stack_2355 = renderLanes & -renderLanes;
+            if (0 !== (JSCompiler_object_inline_stack_2355 & SyncUpdateLanes))
+              JSCompiler_object_inline_stack_2355 = SyncHydrationLane;
             else
-              switch (JSCompiler_object_inline_stack_2369) {
+              switch (JSCompiler_object_inline_stack_2355) {
                 case SyncLane:
-                  JSCompiler_object_inline_stack_2369 = SyncHydrationLane;
+                  JSCompiler_object_inline_stack_2355 = SyncHydrationLane;
                   break;
                 case InputContinuousLane:
-                  JSCompiler_object_inline_stack_2369 =
+                  JSCompiler_object_inline_stack_2355 =
                     InputContinuousHydrationLane;
                   break;
                 case DefaultLane:
-                  JSCompiler_object_inline_stack_2369 = DefaultHydrationLane;
+                  JSCompiler_object_inline_stack_2355 = DefaultHydrationLane;
                   break;
                 case 128:
                 case 256:
@@ -9113,40 +9215,40 @@
                 case 8388608:
                 case 16777216:
                 case 33554432:
-                  JSCompiler_object_inline_stack_2369 = TransitionHydrationLane;
+                  JSCompiler_object_inline_stack_2355 = TransitionHydrationLane;
                   break;
                 case IdleLane:
-                  JSCompiler_object_inline_stack_2369 = IdleHydrationLane;
+                  JSCompiler_object_inline_stack_2355 = IdleHydrationLane;
                   break;
                 default:
-                  JSCompiler_object_inline_stack_2369 = 0;
+                  JSCompiler_object_inline_stack_2355 = 0;
               }
-            JSCompiler_object_inline_stack_2369 =
+            JSCompiler_object_inline_stack_2355 =
               0 !==
-              (JSCompiler_object_inline_stack_2369 &
-                (JSCompiler_object_inline_componentStack_2370.suspendedLanes |
+              (JSCompiler_object_inline_stack_2355 &
+                (JSCompiler_object_inline_componentStack_2356.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2369;
+                : JSCompiler_object_inline_stack_2355;
             if (
-              0 !== JSCompiler_object_inline_stack_2369 &&
-              JSCompiler_object_inline_stack_2369 !== prevState.retryLane
+              0 !== JSCompiler_object_inline_stack_2355 &&
+              JSCompiler_object_inline_stack_2355 !== prevState.retryLane
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2369),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2355),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2369
+                  JSCompiler_object_inline_stack_2355
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_componentStack_2370,
+                  JSCompiler_object_inline_componentStack_2356,
                   current,
-                  JSCompiler_object_inline_stack_2369
+                  JSCompiler_object_inline_stack_2355
                 ),
                 SelectiveHydrationException)
               );
           }
-          JSCompiler_object_inline_digest_2368.data ===
+          JSCompiler_object_inline_digest_2354.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -9154,7 +9256,7 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_digest_2368.data ===
+          JSCompiler_object_inline_digest_2354.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 128),
               (workInProgress.child = current.child),
@@ -9162,12 +9264,12 @@
                 null,
                 current
               )),
-              (JSCompiler_object_inline_digest_2368._reactRetry =
+              (JSCompiler_object_inline_digest_2354._reactRetry =
                 workInProgress),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_digest_2368.nextSibling
+                JSCompiler_object_inline_digest_2354.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -9185,54 +9287,54 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2369.children
+                JSCompiler_object_inline_stack_2355.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_message_2367)
+      if (JSCompiler_object_inline_message_2353)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_message_2367 =
-            JSCompiler_object_inline_stack_2369.fallback),
-          (JSCompiler_object_inline_digest_2368 = workInProgress.mode),
+          (JSCompiler_object_inline_message_2353 =
+            JSCompiler_object_inline_stack_2355.fallback),
+          (JSCompiler_object_inline_digest_2354 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2369 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2355 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2369.children
+              children: JSCompiler_object_inline_stack_2355.children
             }
           )),
-          (JSCompiler_object_inline_stack_2369.subtreeFlags =
+          (JSCompiler_object_inline_stack_2355.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_message_2367 = createWorkInProgress(
+            ? (JSCompiler_object_inline_message_2353 = createWorkInProgress(
                 instance,
-                JSCompiler_object_inline_message_2367
+                JSCompiler_object_inline_message_2353
               ))
-            : ((JSCompiler_object_inline_message_2367 = createFiberFromFragment(
-                JSCompiler_object_inline_message_2367,
-                JSCompiler_object_inline_digest_2368,
+            : ((JSCompiler_object_inline_message_2353 = createFiberFromFragment(
+                JSCompiler_object_inline_message_2353,
+                JSCompiler_object_inline_digest_2354,
                 renderLanes,
                 null
               )),
-              (JSCompiler_object_inline_message_2367.flags |= 2)),
-          (JSCompiler_object_inline_message_2367.return = workInProgress),
-          (JSCompiler_object_inline_stack_2369.return = workInProgress),
-          (JSCompiler_object_inline_stack_2369.sibling =
-            JSCompiler_object_inline_message_2367),
-          (workInProgress.child = JSCompiler_object_inline_stack_2369),
-          (JSCompiler_object_inline_stack_2369 =
-            JSCompiler_object_inline_message_2367),
-          (JSCompiler_object_inline_message_2367 = workInProgress.child),
-          (JSCompiler_object_inline_digest_2368 = current.child.memoizedState),
-          null === JSCompiler_object_inline_digest_2368
-            ? (JSCompiler_object_inline_digest_2368 =
+              (JSCompiler_object_inline_message_2353.flags |= 2)),
+          (JSCompiler_object_inline_message_2353.return = workInProgress),
+          (JSCompiler_object_inline_stack_2355.return = workInProgress),
+          (JSCompiler_object_inline_stack_2355.sibling =
+            JSCompiler_object_inline_message_2353),
+          (workInProgress.child = JSCompiler_object_inline_stack_2355),
+          (JSCompiler_object_inline_stack_2355 =
+            JSCompiler_object_inline_message_2353),
+          (JSCompiler_object_inline_message_2353 = workInProgress.child),
+          (JSCompiler_object_inline_digest_2354 = current.child.memoizedState),
+          null === JSCompiler_object_inline_digest_2354
+            ? (JSCompiler_object_inline_digest_2354 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_digest_2368.cachePool),
+                JSCompiler_object_inline_digest_2354.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -9240,38 +9342,38 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_digest_2368 = {
+              (JSCompiler_object_inline_digest_2354 = {
                 baseLanes:
-                  JSCompiler_object_inline_digest_2368.baseLanes | renderLanes,
+                  JSCompiler_object_inline_digest_2354.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_message_2367.memoizedState =
-            JSCompiler_object_inline_digest_2368),
-          (JSCompiler_object_inline_message_2367.childLanes =
+          (JSCompiler_object_inline_message_2353.memoizedState =
+            JSCompiler_object_inline_digest_2354),
+          (JSCompiler_object_inline_message_2353.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_componentStack_2370,
+              JSCompiler_object_inline_componentStack_2356,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2369
+          JSCompiler_object_inline_stack_2355
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2369.children
+        children: JSCompiler_object_inline_stack_2355.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_componentStack_2370 =
+        ((JSCompiler_object_inline_componentStack_2356 =
           workInProgress.deletions),
-        null === JSCompiler_object_inline_componentStack_2370
+        null === JSCompiler_object_inline_componentStack_2356
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_componentStack_2370.push(current));
+          : JSCompiler_object_inline_componentStack_2356.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -9339,7 +9441,7 @@
       childSlot = !isAnArray && "function" === typeof getIteratorFn(childSlot);
       return isAnArray || childSlot
         ? ((isAnArray = isAnArray ? "array" : "iterable"),
-          error$jscomp$0(
+          console.error(
             "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
             isAnArray,
             index,
@@ -9392,7 +9494,7 @@
             case "together":
             case "forwards":
             case "backwards":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
@@ -9400,20 +9502,20 @@
               break;
             case "forward":
             case "backward":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
               );
               break;
             default:
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
                 revealOrder
               );
           }
         else
-          error$jscomp$0(
+          console.error(
             '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
             revealOrder
           );
@@ -9421,14 +9523,14 @@
         didWarnAboutTailOptions[tailMode] ||
         ("collapsed" !== tailMode && "hidden" !== tailMode
           ? ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
               tailMode
             ))
           : "forwards" !== revealOrder &&
             "backwards" !== revealOrder &&
             ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
               tailMode
             )));
@@ -9449,7 +9551,7 @@
               _i++;
             }
         } else
-          error$jscomp$0(
+          console.error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
@@ -10202,7 +10304,7 @@
             "value" in prevSibling ||
               hasWarnedAboutUsingNoValuePropOnContextProvider ||
               ((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
-              error$jscomp$0(
+              console.error(
                 "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
               ));
             pushProvider(workInProgress, returnFiber, nextState);
@@ -10236,7 +10338,7 @@
             (prevSibling = workInProgress.type._context),
             (returnFiber = workInProgress.pendingProps.children),
             "function" !== typeof returnFiber &&
-              error$jscomp$0(
+              console.error(
                 "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
               ),
             prepareToReadContext(workInProgress, renderLanes),
@@ -10357,7 +10459,7 @@
       void 0 !== context._currentRenderer &&
         null !== context._currentRenderer &&
         context._currentRenderer !== rendererSigil &&
-        error$jscomp$0(
+        console.error(
           "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
         );
       context._currentRenderer = rendererSigil;
@@ -10386,7 +10488,7 @@
         parent = parent.return;
       }
       parent !== propagationRoot &&
-        error$jscomp$0(
+        console.error(
           "Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue."
         );
     }
@@ -10473,7 +10575,7 @@
     }
     function readContext(context) {
       isDisallowedContextReadInDEV &&
-        error$jscomp$0(
+        console.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 readContextForConsumer(currentlyRenderingFiber, context);
@@ -10537,7 +10639,7 @@
         !didWarnUpdateInsideUpdate
       ) {
         var componentName = getComponentNameFromFiber(fiber);
-        error$jscomp$0(
+        console.error(
           "An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.\n\nPlease update the following component: %s",
           componentName
         );
@@ -10801,7 +10903,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -10827,7 +10929,7 @@
         ((ctor = getComponentNameFromType(ctor) || "Component"),
         didWarnAboutUndefinedDerivedState.has(ctor) ||
           (didWarnAboutUndefinedDerivedState.add(ctor),
-          error$jscomp$0(
+          console.error(
             "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
             ctor
           )));
@@ -10868,7 +10970,7 @@
           }
         }
         void 0 === oldProps &&
-          error$jscomp$0(
+          console.error(
             "%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
             getComponentNameFromType(ctor) || "Component"
           );
@@ -10894,7 +10996,7 @@
           getComponentNameFromFiber(workInProgress) || "Component"),
         didWarnAboutStateAssignmentForComponent.has(workInProgress) ||
           (didWarnAboutStateAssignmentForComponent.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
             workInProgress
           )),
@@ -10964,16 +11066,16 @@
             else current.refCleanup = ref(instanceToUse);
           else
             "string" === typeof ref
-              ? error$jscomp$0("String refs are no longer supported.")
+              ? console.error("String refs are no longer supported.")
               : ref.hasOwnProperty("current") ||
-                error$jscomp$0(
+                console.error(
                   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
                   getComponentNameFromFiber(current)
                 ),
               (ref.current = instanceToUse);
         }
-      } catch (error$12) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$12);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function safelyDetachRef(current, nearestMountedAncestor) {
@@ -10989,8 +11091,8 @@
                 recordLayoutEffectDuration(current);
               }
             else refCleanup();
-          } catch (error$13) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$13);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           } finally {
             (current.refCleanup = null),
               (current = current.alternate),
@@ -11005,16 +11107,16 @@
                 recordLayoutEffectDuration(current);
               }
             else ref(null);
-          } catch (error$14) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$14);
+          } catch (error$6) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error$6);
           }
         else ref.current = null;
     }
     function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
       try {
         destroy();
-      } catch (error$15) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$15);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function commitBeforeMutationEffects(root, firstChild) {
@@ -11041,7 +11143,7 @@
               selection = selection.focusOffset;
               try {
                 JSCompiler_temp.nodeType, focusNode.nodeType;
-              } catch (e$3) {
+              } catch (e$2) {
                 JSCompiler_temp = null;
                 break a;
               }
@@ -11106,8 +11208,8 @@
                 commitBeforeMutationEffectsOnFiber,
                 firstChild
               );
-            } catch (error$16) {
-              captureCommitPhaseError(firstChild, firstChild.return, error$16);
+            } catch (error) {
+              captureCommitPhaseError(firstChild, firstChild.return, error);
             }
             root = firstChild.sibling;
             if (null !== root) {
@@ -11148,12 +11250,12 @@
               "ref" in finishedWork.memoizedProps ||
               didWarnAboutReassigningProps ||
               (current.props !== finishedWork.memoizedProps &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ),
               current.state !== finishedWork.memoizedState &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ));
@@ -11165,7 +11267,7 @@
             void 0 !== flags ||
               prevState.has(finishedWork.type) ||
               (prevState.add(finishedWork.type),
-              error$jscomp$0(
+              console.error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
                 getComponentNameFromFiber(finishedWork)
               ));
@@ -11291,7 +11393,7 @@
                   : 0 !== (effect.tag & Insertion)
                   ? "useInsertionEffect"
                   : "useEffect"),
-              error$jscomp$0(
+              console.error(
                 "%s must not return anything besides a function, which is used for clean-up.%s",
                 inst,
                 null === create
@@ -11314,15 +11416,15 @@
         try {
           startLayoutEffectTimer(),
             commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$17) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$17);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordLayoutEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$18) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$18);
+        } catch (error$7) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$7);
         }
     }
     function commitClassCallbacks(finishedWork) {
@@ -11333,19 +11435,19 @@
           "ref" in finishedWork.memoizedProps ||
           didWarnAboutReassigningProps ||
           (instance.props !== finishedWork.memoizedProps &&
-            error$jscomp$0(
+            console.error(
               "Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ),
           instance.state !== finishedWork.memoizedState &&
-            error$jscomp$0(
+            console.error(
               "Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ));
         try {
           commitCallbacks(updateQueue, instance);
-        } catch (error$23) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$23);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
     }
@@ -11364,8 +11466,8 @@
           case "img":
             props.src && (instance.src = props.src);
         }
-      } catch (error$24) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error$24);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
       }
     }
     function commitProfilerUpdate(finishedWork, current) {
@@ -11407,8 +11509,8 @@
             }
             parentFiber = parentFiber.return;
           }
-        } catch (error$25) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$25);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function commitLayoutEffectOnFiber(
@@ -11443,12 +11545,12 @@
                   "ref" in finishedWork.memoizedProps ||
                   didWarnAboutReassigningProps ||
                   (finishedRoot.props !== finishedWork.memoizedProps &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     ),
                   finishedRoot.state !== finishedWork.memoizedState &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     )),
@@ -11456,22 +11558,22 @@
               ) {
                 try {
                   startLayoutEffectTimer(), finishedRoot.componentDidMount();
-                } catch (error$19) {
+                } catch (error) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$19
+                    error
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
               } else
                 try {
                   finishedRoot.componentDidMount();
-                } catch (error$20) {
+                } catch (error$8) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$20
+                    error$8
                   );
                 }
             else {
@@ -11484,12 +11586,12 @@
                 "ref" in finishedWork.memoizedProps ||
                 didWarnAboutReassigningProps ||
                 (finishedRoot.props !== finishedWork.memoizedProps &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ),
                 finishedRoot.state !== finishedWork.memoizedState &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ));
@@ -11501,11 +11603,11 @@
                       prevState,
                       finishedRoot.__reactInternalSnapshotBeforeUpdate
                     );
-                } catch (error$21) {
+                } catch (error$9) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$21
+                    error$9
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
@@ -11516,11 +11618,11 @@
                     prevState,
                     finishedRoot.__reactInternalSnapshotBeforeUpdate
                   );
-                } catch (error$22) {
+                } catch (error$10) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$22
+                    error$10
                   );
                 }
             }
@@ -11549,12 +11651,8 @@
               }
             try {
               commitCallbacks(flags, finishedRoot);
-            } catch (error$26) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$26
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           }
           break;
@@ -11752,7 +11850,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -11898,11 +11996,11 @@
           )
             try {
               callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 deletedFiber,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           recursivelyTraverseDeletionEffects(
@@ -11949,8 +12047,8 @@
       )
         try {
           retryIfBlockedOn(finishedRoot);
-        } catch (error$29) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$29);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function getRetryCache(finishedWork) {
@@ -12049,8 +12147,8 @@
             var alternate = root.alternate;
             null !== alternate && (alternate.return = null);
             root.return = null;
-          } catch (error$30) {
-            captureCommitPhaseError(childToDelete, parentFiber, error$30);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
           }
         }
       if (parentFiber.subtreeFlags & 13878)
@@ -12082,12 +12180,8 @@
                 finishedWork.return
               ),
                 commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-            } catch (error$31) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$31
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
             if (shouldProfile(finishedWork)) {
               try {
@@ -12097,11 +12191,11 @@
                     finishedWork,
                     finishedWork.return
                   );
-              } catch (error$32) {
+              } catch (error$12) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$32
+                  error$12
                 );
               }
               recordLayoutEffectDuration(finishedWork);
@@ -12112,11 +12206,11 @@
                   finishedWork,
                   finishedWork.return
                 );
-              } catch (error$33) {
+              } catch (error$13) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$33
+                  error$13
                 );
               }
           }
@@ -12302,11 +12396,11 @@
                   newProps
                 );
                 domElement[internalPropsKey] = newProps;
-              } catch (error$34) {
+              } catch (error$14) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$34
+                  error$14
                 );
               }
           break;
@@ -12330,7 +12424,7 @@
             node = finishedWork.type;
             getInstanceFromNode$1(hoistableRoot) &&
               ((nextNode = hoistableRoot.tagName.toLowerCase()),
-              error$jscomp$0(
+              console.error(
                 "You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
                 nextNode,
                 nextNode,
@@ -12342,7 +12436,7 @@
               case "body":
                 break;
               default:
-                error$jscomp$0(
+                console.error(
                   "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
                 );
             }
@@ -12362,11 +12456,11 @@
             root = finishedWork.stateNode;
             try {
               setTextContent(root, "");
-            } catch (error$35) {
+            } catch (error$15) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$35
+                error$15
               );
             }
           }
@@ -12377,18 +12471,18 @@
             try {
               updateProperties(root, hoistableRoot, current, lanes),
                 (root[internalPropsKey] = lanes);
-            } catch (error$36) {
+            } catch (error$16) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$36
+                error$16
               );
             }
           }
           flags & 1024 &&
             ((needsFormReset = !0),
             "form" !== finishedWork.type &&
-              error$jscomp$0(
+              console.error(
                 "Unexpected host component type. Expected a form. This is a bug in React."
               ));
           break;
@@ -12404,11 +12498,11 @@
             current = finishedWork.memoizedProps;
             try {
               flags.nodeValue = current;
-            } catch (error$37) {
+            } catch (error$17) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$37
+                error$17
               );
             }
           }
@@ -12427,11 +12521,11 @@
           )
             try {
               retryIfBlockedOn(root.containerInfo);
-            } catch (error$38) {
+            } catch (error$18) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$38
+                error$18
               );
             }
           needsFormReset &&
@@ -12514,11 +12608,11 @@
                             null == nodeName || "boolean" === typeof nodeName
                               ? ""
                               : ("" + nodeName).trim()));
-                  } catch (error$27) {
+                  } catch (error) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$27
+                      error
                     );
                   }
                 }
@@ -12528,11 +12622,11 @@
                     root.stateNode.nodeValue = domElement
                       ? ""
                       : root.memoizedProps;
-                  } catch (error$28) {
+                  } catch (error$11) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$28
+                      error$11
                     );
                   }
               } else if (
@@ -12630,8 +12724,8 @@
                 );
             }
           }
-        } catch (error$40) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$40);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         finishedWork.flags &= -3;
       }
@@ -12704,11 +12798,11 @@
             var nearestMountedAncestor = finishedWork.return;
             try {
               callComponentWillUnmountWithTimer(finishedWork, instance);
-            } catch (error$11) {
+            } catch (error) {
               captureCommitPhaseError(
                 finishedWork,
                 nearestMountedAncestor,
-                error$11
+                error
               );
             }
           }
@@ -12762,12 +12856,8 @@
           if ("function" === typeof finishedRoot.componentDidMount)
             try {
               finishedRoot.componentDidMount();
-            } catch (error$41) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$41
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           var updateQueue = finishedWork.updateQueue;
           if (
@@ -12859,15 +12949,15 @@
         passiveEffectStartTime = now();
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$42) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$42);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordPassiveEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$43) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$43);
+        } catch (error$20) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$20);
         }
     }
     function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -13423,9 +13513,6 @@
         "function" !== typeof Object.preventExtensions ||
         Object.preventExtensions(this);
     }
-    function createFiber(tag, pendingProps, key, mode) {
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
     function shouldConstruct(Component) {
       Component = Component.prototype;
       return !(!Component || !Component.isReactComponent);
@@ -13562,34 +13649,32 @@
             break;
           case REACT_PROFILER_TYPE:
             return (
+              (type = pendingProps),
               (owner = mode),
-              "string" !== typeof pendingProps.id &&
-                error$jscomp$0(
+              "string" !== typeof type.id &&
+                console.error(
                   'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-                  typeof pendingProps.id
+                  typeof type.id
                 ),
-              (owner = createFiber(12, pendingProps, key, owner | 2)),
-              (owner.elementType = REACT_PROFILER_TYPE),
-              (owner.lanes = lanes),
-              (owner.stateNode = {
-                effectDuration: 0,
-                passiveEffectDuration: 0
-              }),
-              owner
+              (key = createFiber(12, type, key, owner | 2)),
+              (key.elementType = REACT_PROFILER_TYPE),
+              (key.lanes = lanes),
+              (key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
+              key
             );
           case REACT_SUSPENSE_TYPE:
             return (
-              (owner = createFiber(13, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(13, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_SUSPENSE_LIST_TYPE:
             return (
-              (owner = createFiber(19, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_LIST_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(19, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_LIST_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_OFFSCREEN_TYPE:
             return createFiberFromOffscreen(pendingProps, mode, lanes, key);
@@ -13615,33 +13700,36 @@
                   resolvedType = null;
                   break a;
               }
-            lanes = "";
+            resolvedType = "";
             if (
               void 0 === type ||
               ("object" === typeof type &&
                 null !== type &&
                 0 === Object.keys(type).length)
             )
-              lanes +=
+              resolvedType +=
                 " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             null === type
-              ? (type = "null")
+              ? (pendingProps = "null")
               : isArrayImpl(type)
-              ? (type = "array")
+              ? (pendingProps = "array")
               : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-              ? ((type =
+              ? ((pendingProps =
                   "<" +
                   (getComponentNameFromType(type.type) || "Unknown") +
                   " />"),
-                (lanes =
+                (resolvedType =
                   " Did you accidentally export a JSX literal instead of a component?"))
-              : (type = typeof type);
-            (owner = owner ? getComponentNameFromOwner(owner) : null) &&
-              (lanes += "\n\nCheck the render method of `" + owner + "`.");
-            throw Error(
+              : (pendingProps = typeof type);
+            (fiberTag = owner ? getComponentNameFromOwner(owner) : null) &&
+              (resolvedType +=
+                "\n\nCheck the render method of `" + fiberTag + "`.");
+            fiberTag = 29;
+            pendingProps = Error(
               "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-                (type + "." + lanes)
+                (pendingProps + "." + resolvedType)
             );
+            resolvedType = null;
         }
       key = createFiber(fiberTag, pendingProps, key, mode);
       key.elementType = type;
@@ -14009,7 +14097,7 @@
                           : current.createElement(renderLanes)),
                         -1 === renderLanes.indexOf("-") &&
                           (renderLanes !== renderLanes.toLowerCase() &&
-                            error$jscomp$0(
+                            console.error(
                               "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
                               renderLanes
                             ),
@@ -14020,7 +14108,7 @@
                               renderLanes
                             ) ||
                             ((warnedUnknownTags[renderLanes] = !0),
-                            error$jscomp$0(
+                            console.error(
                               "The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
                               renderLanes
                             )));
@@ -14692,7 +14780,7 @@
           : void 0;
       isReactActEnvironmentGlobal ||
         null === ReactSharedInternals.actQueue ||
-        error$jscomp$0(
+        console.error(
           "The current testing environment is not configured to support act(...)"
         );
       return isReactActEnvironmentGlobal;
@@ -14723,7 +14811,7 @@
     }
     function scheduleUpdateOnFiber(root, fiber, lane) {
       isRunningInsertionEffect &&
-        error$jscomp$0("useInsertionEffect must not schedule updates.");
+        console.error("useInsertionEffect must not schedule updates.");
       isFlushingPassiveEffects && (didScheduleUpdateDuringPassiveEffects = !0);
       if (
         (root === workInProgressRoot &&
@@ -14752,7 +14840,7 @@
               didWarnAboutUpdateInRenderForAnotherComponent.has(root) ||
                 (didWarnAboutUpdateInRenderForAnotherComponent.add(root),
                 (fiber = getComponentNameFromFiber(fiber) || "Unknown"),
-                error$jscomp$0(
+                console.error(
                   "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://react.dev/link/setstate-in-render",
                   fiber,
                   root,
@@ -14761,7 +14849,7 @@
               break;
             case 1:
               didWarnAboutUpdateInRender ||
-                (error$jscomp$0(
+                (console.error(
                   "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
                 ),
                 (didWarnAboutUpdateInRender = !0));
@@ -15014,7 +15102,7 @@
               check = check.value;
               try {
                 if (!objectIs(getSnapshot(), check)) return !1;
-              } catch (error$45) {
+              } catch (error) {
                 return !1;
               }
             }
@@ -15325,8 +15413,8 @@
           }
           workLoopSync();
           break;
-        } catch (thrownValue$46) {
-          handleThrow(root, thrownValue$46);
+        } catch (thrownValue$22) {
+          handleThrow(root, thrownValue$22);
         }
       while (1);
       lanes && root.shellSuspendCounter++;
@@ -15440,7 +15528,7 @@
                     }
                     break;
                   default:
-                    error$jscomp$0(
+                    console.error(
                       "Unexpected type of fiber triggered a suspensey commit. This is a bug in React."
                     );
                 }
@@ -15466,8 +15554,8 @@
             ? workLoopSync()
             : workLoopConcurrent();
           break;
-        } catch (thrownValue$47) {
-          handleThrow(root, thrownValue$47);
+        } catch (thrownValue$23) {
+          handleThrow(root, thrownValue$23);
         }
       while (1);
       resetContextDependencies();
@@ -15582,9 +15670,8 @@
           workInProgress = null;
           return;
         }
-      } catch (error$48) {
-        if (null !== returnFiber)
-          throw ((workInProgress = returnFiber), error$48);
+      } catch (error) {
+        if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
         workInProgressRootExitStatus = RootFatalErrored;
         logUncaughtError(
           root,
@@ -15627,7 +15714,7 @@
       var completedWork = unitOfWork;
       do {
         0 !== (completedWork.flags & 32768) &&
-          error$jscomp$0(
+          console.error(
             "Internal React error: Expected this fiber to be complete, but it isn't. It should have been unwound. This is a bug in React."
           );
         var current = completedWork.alternate;
@@ -15710,7 +15797,7 @@
         injectedProfilingHooks.markCommitStarted(lanes);
       if (null === finishedWork) return markCommitStopped(), null;
       0 === lanes &&
-        error$jscomp$0(
+        console.error(
           "root.finishedLanes should not be empty during a commit. This is a bug in React."
         );
       root.finishedWork = null;
@@ -15815,7 +15902,7 @@
       componentStack = { componentStack: componentStack };
       Object.defineProperty(componentStack, "digest", {
         get: function () {
-          error$jscomp$0(
+          console.error(
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError. This property is no longer provided as part of errorInfo but can be accessed as a property of the Error instance itself.'
           );
         }
@@ -15955,7 +16042,7 @@
               } catch (err) {
                 hasLoggedError ||
                   ((hasLoggedError = !0),
-                  error$jscomp$0(
+                  console.error(
                     "React instrumentation encountered an error: %s",
                     err
                   ));
@@ -15998,18 +16085,18 @@
     function captureCommitPhaseError(
       sourceFiber,
       nearestMountedAncestor,
-      error$1
+      error
     ) {
       isRunningInsertionEffect = !1;
       if (3 === sourceFiber.tag)
-        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
       else {
         for (; null !== nearestMountedAncestor; ) {
           if (3 === nearestMountedAncestor.tag) {
             captureCommitPhaseErrorOnRoot(
               nearestMountedAncestor,
               sourceFiber,
-              error$1
+              error
             );
             return;
           }
@@ -16022,16 +16109,12 @@
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
             ) {
-              sourceFiber = createCapturedValueAtFiber(error$1, sourceFiber);
-              error$1 = createClassErrorUpdate(SyncLane);
-              instance = enqueueUpdate(
-                nearestMountedAncestor,
-                error$1,
-                SyncLane
-              );
+              sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+              error = createClassErrorUpdate(SyncLane);
+              instance = enqueueUpdate(nearestMountedAncestor, error, SyncLane);
               null !== instance &&
                 (initializeClassErrorUpdate(
-                  error$1,
+                  error,
                   instance,
                   nearestMountedAncestor,
                   sourceFiber
@@ -16043,9 +16126,9 @@
           }
           nearestMountedAncestor = nearestMountedAncestor.return;
         }
-        error$jscomp$0(
+        console.error(
           "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-          error$1
+          error
         );
       }
     }
@@ -16077,7 +16160,7 @@
       throwIfInfiniteUpdateLoopDetected();
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
-        error$jscomp$0(
+        console.error(
           "A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n\nWhen testing, code that resolves suspended data should be wrapped into act(...):\n\nact(() => {\n  /* finish loading suspended data */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act"
         );
       workInProgressRoot === root &&
@@ -16143,7 +16226,7 @@
       nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT &&
         ((nestedPassiveUpdateCount = 0),
         (rootWithPassiveNestedUpdates = null),
-        error$jscomp$0(
+        console.error(
           "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."
         ));
     }
@@ -16229,7 +16312,7 @@
             didWarnStateUpdateForNotYetMountedComponent.add(tag);
           } else didWarnStateUpdateForNotYetMountedComponent = new Set([tag]);
           runWithFiberInDEV(fiber, function () {
-            error$jscomp$0(
+            console.error(
               "Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead."
             );
           });
@@ -16252,7 +16335,7 @@
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
         runWithFiberInDEV(fiber, function () {
-          error$jscomp$0(
+          console.error(
             "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act",
             getComponentNameFromFiber(fiber)
           );
@@ -16544,8 +16627,8 @@
       event.currentTarget = currentTarget;
       try {
         listener(event);
-      } catch (error$49) {
-        reportGlobalError(error$49);
+      } catch (error) {
+        reportGlobalError(error);
       }
       event.currentTarget = null;
     }
@@ -16608,7 +16691,7 @@
     }
     function listenToNonDelegatedEvent(domEventName, targetElement) {
       nonDelegatedEvents.has(domEventName) ||
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNonDelegatedEvent() call for "%s". This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16623,7 +16706,7 @@
     function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
       nonDelegatedEvents.has(domEventName) &&
         !isCapturePhaseListener &&
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -17281,11 +17364,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$0(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$0(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -17299,7 +17382,7 @@
       props.contentEditable &&
         !props.suppressContentEditableWarning &&
         null != props.children &&
-        error$jscomp$0(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
     }
@@ -17328,13 +17411,13 @@
     }
     function warnForInvalidEventListener(registrationName, listener) {
       !1 === listener
-        ? error$jscomp$0(
+        ? console.error(
             "Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
             registrationName,
             registrationName,
             registrationName
           )
-        : error$jscomp$0(
+        : console.error(
             "Expected `%s` listener to be a function, instead got a value of `%s` type.",
             registrationName,
             typeof listener
@@ -17354,7 +17437,7 @@
     }
     function normalizeMarkupForTextOrAttribute(markup) {
       willCoercionThrow(markup) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(markup)
         ),
@@ -17398,16 +17481,21 @@
         case "style":
           setValueForStyles(domElement, value, prevValue);
           break;
+        case "data":
+          if ("object" !== tag) {
+            setValueForKnownAttribute(domElement, "data", value);
+            break;
+          }
         case "src":
         case "href":
           if ("" === value && ("a" !== tag || "href" !== key)) {
             "src" === key
-              ? error$jscomp$0(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
                 )
-              : error$jscomp$0(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
@@ -17433,25 +17521,25 @@
           null != value &&
             ("form" === tag
               ? "formAction" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
                   )
                 : "function" === typeof value &&
                   ((null == props.encType && null == props.method) ||
                     didWarnFormActionMethod ||
                     ((didWarnFormActionMethod = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
                     )),
                   null == props.target ||
                     didWarnFormActionTarget ||
                     ((didWarnFormActionTarget = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
                     )))
               : "input" === tag || "button" === tag
               ? "action" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
                   )
                 : "input" !== tag ||
@@ -17466,32 +17554,32 @@
                     (null == props.name ||
                       didWarnFormActionName ||
                       ((didWarnFormActionName = !0),
-                      error$jscomp$0(
+                      console.error(
                         'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
                       )),
                     (null == props.formEncType && null == props.formMethod) ||
                       didWarnFormActionMethod ||
                       ((didWarnFormActionMethod = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
                       )),
                     null == props.formTarget ||
                       didWarnFormActionTarget ||
                       ((didWarnFormActionTarget = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
                       )))
                   : ((didWarnFormActionType = !0),
-                    error$jscomp$0(
+                    console.error(
                       'A button can only specify a formAction along with type="submit" or no type.'
                     ))
                 : ((didWarnFormActionType = !0),
-                  error$jscomp$0(
+                  console.error(
                     'An input can only specify a formAction along with type="submit" or type="image".'
                   ))
               : "action" === key
-              ? error$jscomp$0("You can only pass the action prop to <form>.")
-              : error$jscomp$0(
+              ? console.error("You can only pass the action prop to <form>.")
+              : console.error(
                   "You can only pass the formAction prop to <input> or <button>."
                 ));
           if ("function" === typeof value) {
@@ -17642,7 +17730,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[key] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[key] = !0),
-            error$jscomp$0(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               key
             ));
@@ -17786,7 +17874,7 @@
           break;
         case "is":
           null != prevValue &&
-            error$jscomp$0(
+            console.error(
               'Cannot update the "is" prop after it has been initialized.'
             );
           setValueForAttribute(domElement, "is", value);
@@ -17799,7 +17887,7 @@
             null == value ||
             "object" !== typeof value ||
             ((didWarnPopoverTargetObject = !0),
-            error$jscomp$0(
+            console.error(
               "The `popoverTarget` prop expects the ID of an Element as a string. Received %s instead.",
               value
             ));
@@ -17922,59 +18010,87 @@
         case "p":
         case "li":
           break;
-        case "input":
-          checkControlledValueProps("input", props);
-          listenToNonDelegatedEvent("invalid", domElement);
-          var name = null,
-            type = null,
-            value = null,
-            defaultValue = null,
-            checked = null,
-            defaultChecked = null;
+        case "img":
+          listenToNonDelegatedEvent("error", domElement);
+          listenToNonDelegatedEvent("load", domElement);
+          var hasSrc = !1,
+            hasSrcSet = !1,
+            propKey;
           for (propKey in props)
             if (props.hasOwnProperty(propKey)) {
               var propValue = props[propKey];
               if (null != propValue)
                 switch (propKey) {
+                  case "src":
+                    hasSrc = !0;
+                    break;
+                  case "srcSet":
+                    hasSrcSet = !0;
+                    break;
+                  case "children":
+                  case "dangerouslySetInnerHTML":
+                    throw Error(
+                      tag +
+                        " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                    );
+                  default:
+                    setProp(domElement, tag, propKey, propValue, props, null);
+                }
+            }
+          hasSrcSet &&
+            setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+          hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+          return;
+        case "input":
+          checkControlledValueProps("input", props);
+          listenToNonDelegatedEvent("invalid", domElement);
+          var defaultValue = (propKey = propValue = hasSrcSet = null),
+            checked = null,
+            defaultChecked = null;
+          for (hasSrc in props)
+            if (props.hasOwnProperty(hasSrc)) {
+              var _propValue = props[hasSrc];
+              if (null != _propValue)
+                switch (hasSrc) {
                   case "name":
-                    name = propValue;
+                    hasSrcSet = _propValue;
                     break;
                   case "type":
-                    type = propValue;
+                    propValue = _propValue;
                     break;
                   case "checked":
-                    checked = propValue;
+                    checked = _propValue;
                     break;
                   case "defaultChecked":
-                    defaultChecked = propValue;
+                    defaultChecked = _propValue;
                     break;
                   case "value":
-                    value = propValue;
+                    propKey = _propValue;
                     break;
                   case "defaultValue":
-                    defaultValue = propValue;
+                    defaultValue = _propValue;
                     break;
                   case "children":
                   case "dangerouslySetInnerHTML":
-                    if (null != propValue)
+                    if (null != _propValue)
                       throw Error(
                         tag +
                           " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                       );
                     break;
                   default:
-                    setProp(domElement, tag, propKey, propValue, props, null);
+                    setProp(domElement, tag, hasSrc, _propValue, props, null);
                 }
             }
           validateInputProps(domElement, props);
           initInput(
             domElement,
-            value,
+            propKey,
             defaultValue,
             checked,
             defaultChecked,
-            type,
-            name,
+            propValue,
+            hasSrcSet,
             !1
           );
           track(domElement);
@@ -17982,50 +18098,57 @@
         case "select":
           checkControlledValueProps("select", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          var propKey = (type = value = null);
-          for (name in props)
+          hasSrc = propValue = propKey = null;
+          for (hasSrcSet in props)
             if (
-              props.hasOwnProperty(name) &&
-              ((defaultValue = props[name]), null != defaultValue)
+              props.hasOwnProperty(hasSrcSet) &&
+              ((defaultValue = props[hasSrcSet]), null != defaultValue)
             )
-              switch (name) {
+              switch (hasSrcSet) {
                 case "value":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "defaultValue":
-                  type = defaultValue;
+                  propValue = defaultValue;
                   break;
                 case "multiple":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                 default:
-                  setProp(domElement, tag, name, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    hasSrcSet,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateSelectProps(domElement, props);
-          tag = value;
-          props = type;
-          domElement.multiple = !!propKey;
+          tag = propKey;
+          props = propValue;
+          domElement.multiple = !!hasSrc;
           null != tag
-            ? updateOptions(domElement, !!propKey, tag, !1)
-            : null != props && updateOptions(domElement, !!propKey, props, !0);
+            ? updateOptions(domElement, !!hasSrc, tag, !1)
+            : null != props && updateOptions(domElement, !!hasSrc, props, !0);
           return;
         case "textarea":
           checkControlledValueProps("textarea", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          value = name = propKey = null;
-          for (type in props)
+          propKey = hasSrcSet = hasSrc = null;
+          for (propValue in props)
             if (
-              props.hasOwnProperty(type) &&
-              ((defaultValue = props[type]), null != defaultValue)
+              props.hasOwnProperty(propValue) &&
+              ((defaultValue = props[propValue]), null != defaultValue)
             )
-              switch (type) {
+              switch (propValue) {
                 case "value":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                   break;
                 case "defaultValue":
-                  name = defaultValue;
+                  hasSrcSet = defaultValue;
                   break;
                 case "children":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "dangerouslySetInnerHTML":
                   if (null != defaultValue)
@@ -18034,28 +18157,35 @@
                     );
                   break;
                 default:
-                  setProp(domElement, tag, type, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    propValue,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateTextareaProps(domElement, props);
-          initTextarea(domElement, propKey, name, value);
+          initTextarea(domElement, hasSrc, hasSrcSet, propKey);
           track(domElement);
           return;
         case "option":
           validateOptionProps(domElement, props);
-          for (defaultValue in props)
+          for (checked in props)
             if (
-              props.hasOwnProperty(defaultValue) &&
-              ((propKey = props[defaultValue]), null != propKey)
+              props.hasOwnProperty(checked) &&
+              ((hasSrc = props[checked]), null != hasSrc)
             )
-              switch (defaultValue) {
+              switch (checked) {
                 case "selected":
                   domElement.selected =
-                    propKey &&
-                    "function" !== typeof propKey &&
-                    "symbol" !== typeof propKey;
+                    hasSrc &&
+                    "function" !== typeof hasSrc &&
+                    "symbol" !== typeof hasSrc;
                   break;
                 default:
-                  setProp(domElement, tag, defaultValue, propKey, props, null);
+                  setProp(domElement, tag, checked, hasSrc, props, null);
               }
           return;
         case "dialog":
@@ -18068,8 +18198,8 @@
           break;
         case "video":
         case "audio":
-          for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-            listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+          for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+            listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
           break;
         case "image":
           listenToNonDelegatedEvent("error", domElement);
@@ -18080,7 +18210,6 @@
           break;
         case "embed":
         case "source":
-        case "img":
         case "link":
           listenToNonDelegatedEvent("error", domElement),
             listenToNonDelegatedEvent("load", domElement);
@@ -18095,12 +18224,12 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (checked in props)
+          for (defaultChecked in props)
             if (
-              props.hasOwnProperty(checked) &&
-              ((propKey = props[checked]), null != propKey)
+              props.hasOwnProperty(defaultChecked) &&
+              ((hasSrc = props[defaultChecked]), null != hasSrc)
             )
-              switch (checked) {
+              switch (defaultChecked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
                   throw Error(
@@ -18108,31 +18237,31 @@
                       " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                   );
                 default:
-                  setProp(domElement, tag, checked, propKey, props, null);
+                  setProp(domElement, tag, defaultChecked, hasSrc, props, null);
               }
           return;
         default:
           if (isCustomElement(tag)) {
-            for (defaultChecked in props)
-              props.hasOwnProperty(defaultChecked) &&
-                ((propKey = props[defaultChecked]),
-                void 0 !== propKey &&
+            for (_propValue in props)
+              props.hasOwnProperty(_propValue) &&
+                ((hasSrc = props[_propValue]),
+                void 0 !== hasSrc &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    defaultChecked,
-                    propKey,
+                    _propValue,
+                    hasSrc,
                     props,
                     void 0
                   ));
             return;
           }
       }
-      for (value in props)
-        props.hasOwnProperty(value) &&
-          ((propKey = props[value]),
-          null != propKey &&
-            setProp(domElement, tag, value, propKey, props, null));
+      for (defaultValue in props)
+        props.hasOwnProperty(defaultValue) &&
+          ((hasSrc = props[defaultValue]),
+          null != hasSrc &&
+            setProp(domElement, tag, defaultValue, hasSrc, props, null));
     }
     function updateProperties(domElement, tag, lastProps, nextProps) {
       validatePropertiesInDevelopment(tag, nextProps);
@@ -18176,14 +18305,14 @@
                     );
               }
           }
-          for (var _propKey7 in nextProps) {
-            var propKey = nextProps[_propKey7];
-            lastProp = lastProps[_propKey7];
+          for (var _propKey8 in nextProps) {
+            var propKey = nextProps[_propKey8];
+            lastProp = lastProps[_propKey8];
             if (
-              nextProps.hasOwnProperty(_propKey7) &&
+              nextProps.hasOwnProperty(_propKey8) &&
               (null != propKey || null != lastProp)
             )
-              switch (_propKey7) {
+              switch (_propKey8) {
                 case "type":
                   type = propKey;
                   break;
@@ -18215,7 +18344,7 @@
                     setProp(
                       domElement,
                       tag,
-                      _propKey7,
+                      _propKey8,
                       propKey,
                       nextProps,
                       lastProp
@@ -18233,14 +18362,14 @@
           tag ||
             !nextProps ||
             didWarnUncontrolledToControlled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnUncontrolledToControlled = !0));
           !tag ||
             nextProps ||
             didWarnControlledToUncontrolled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnControlledToUncontrolled = !0));
@@ -18256,7 +18385,7 @@
           );
           return;
         case "select":
-          propKey = value = defaultValue = _propKey7 = null;
+          propKey = value = defaultValue = _propKey8 = null;
           for (type in lastProps)
             if (
               ((lastDefaultValue = lastProps[type]),
@@ -18287,7 +18416,7 @@
             )
               switch (name) {
                 case "value":
-                  _propKey7 = type;
+                  _propKey8 = type;
                   break;
                 case "defaultValue":
                   defaultValue = type;
@@ -18308,15 +18437,15 @@
           nextProps = defaultValue;
           tag = value;
           lastProps = propKey;
-          null != _propKey7
-            ? updateOptions(domElement, !!tag, _propKey7, !1)
+          null != _propKey8
+            ? updateOptions(domElement, !!tag, _propKey8, !1)
             : !!lastProps !== !!tag &&
               (null != nextProps
                 ? updateOptions(domElement, !!tag, nextProps, !0)
                 : updateOptions(domElement, !!tag, tag ? [] : "", !1));
           return;
         case "textarea":
-          propKey = _propKey7 = null;
+          propKey = _propKey8 = null;
           for (defaultValue in lastProps)
             if (
               ((name = lastProps[defaultValue]),
@@ -18340,7 +18469,7 @@
             )
               switch (value) {
                 case "value":
-                  _propKey7 = name;
+                  _propKey8 = name;
                   break;
                 case "defaultValue":
                   propKey = name;
@@ -18357,17 +18486,17 @@
                   name !== type &&
                     setProp(domElement, tag, value, name, nextProps, type);
               }
-          updateTextarea(domElement, _propKey7, propKey);
+          updateTextarea(domElement, _propKey8, propKey);
           return;
         case "option":
-          for (var _propKey12 in lastProps)
+          for (var _propKey13 in lastProps)
             if (
-              ((_propKey7 = lastProps[_propKey12]),
-              lastProps.hasOwnProperty(_propKey12) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey12))
+              ((_propKey8 = lastProps[_propKey13]),
+              lastProps.hasOwnProperty(_propKey13) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey13))
             )
-              switch (_propKey12) {
+              switch (_propKey13) {
                 case "selected":
                   domElement.selected = !1;
                   break;
@@ -18375,33 +18504,33 @@
                   setProp(
                     domElement,
                     tag,
-                    _propKey12,
+                    _propKey13,
                     null,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
               }
           for (lastDefaultValue in nextProps)
             if (
-              ((_propKey7 = nextProps[lastDefaultValue]),
+              ((_propKey8 = nextProps[lastDefaultValue]),
               (propKey = lastProps[lastDefaultValue]),
               nextProps.hasOwnProperty(lastDefaultValue) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (lastDefaultValue) {
                 case "selected":
                   domElement.selected =
-                    _propKey7 &&
-                    "function" !== typeof _propKey7 &&
-                    "symbol" !== typeof _propKey7;
+                    _propKey8 &&
+                    "function" !== typeof _propKey8 &&
+                    "symbol" !== typeof _propKey8;
                   break;
                 default:
                   setProp(
                     domElement,
                     tag,
                     lastDefaultValue,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18422,31 +18551,31 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (var _propKey14 in lastProps)
-            (_propKey7 = lastProps[_propKey14]),
-              lastProps.hasOwnProperty(_propKey14) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey14) &&
+          for (var _propKey15 in lastProps)
+            (_propKey8 = lastProps[_propKey15]),
+              lastProps.hasOwnProperty(_propKey15) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey15) &&
                 setProp(
                   domElement,
                   tag,
-                  _propKey14,
+                  _propKey15,
                   null,
                   nextProps,
-                  _propKey7
+                  _propKey8
                 );
           for (checked in nextProps)
             if (
-              ((_propKey7 = nextProps[checked]),
+              ((_propKey8 = nextProps[checked]),
               (propKey = lastProps[checked]),
               nextProps.hasOwnProperty(checked) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (checked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
-                  if (null != _propKey7)
+                  if (null != _propKey8)
                     throw Error(
                       tag +
                         " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
@@ -18457,7 +18586,7 @@
                     domElement,
                     tag,
                     checked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -18465,49 +18594,49 @@
           return;
         default:
           if (isCustomElement(tag)) {
-            for (var _propKey16 in lastProps)
-              (_propKey7 = lastProps[_propKey16]),
-                lastProps.hasOwnProperty(_propKey16) &&
-                  void 0 !== _propKey7 &&
-                  !nextProps.hasOwnProperty(_propKey16) &&
+            for (var _propKey17 in lastProps)
+              (_propKey8 = lastProps[_propKey17]),
+                lastProps.hasOwnProperty(_propKey17) &&
+                  void 0 !== _propKey8 &&
+                  !nextProps.hasOwnProperty(_propKey17) &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    _propKey16,
+                    _propKey17,
                     void 0,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
             for (defaultChecked in nextProps)
-              (_propKey7 = nextProps[defaultChecked]),
+              (_propKey8 = nextProps[defaultChecked]),
                 (propKey = lastProps[defaultChecked]),
                 !nextProps.hasOwnProperty(defaultChecked) ||
-                  _propKey7 === propKey ||
-                  (void 0 === _propKey7 && void 0 === propKey) ||
+                  _propKey8 === propKey ||
+                  (void 0 === _propKey8 && void 0 === propKey) ||
                   setPropOnCustomElement(
                     domElement,
                     tag,
                     defaultChecked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
             return;
           }
       }
-      for (var _propKey18 in lastProps)
-        (_propKey7 = lastProps[_propKey18]),
-          lastProps.hasOwnProperty(_propKey18) &&
-            null != _propKey7 &&
-            !nextProps.hasOwnProperty(_propKey18) &&
-            setProp(domElement, tag, _propKey18, null, nextProps, _propKey7);
+      for (var _propKey19 in lastProps)
+        (_propKey8 = lastProps[_propKey19]),
+          lastProps.hasOwnProperty(_propKey19) &&
+            null != _propKey8 &&
+            !nextProps.hasOwnProperty(_propKey19) &&
+            setProp(domElement, tag, _propKey19, null, nextProps, _propKey8);
       for (lastProp in nextProps)
-        (_propKey7 = nextProps[lastProp]),
+        (_propKey8 = nextProps[lastProp]),
           (propKey = lastProps[lastProp]),
           !nextProps.hasOwnProperty(lastProp) ||
-            _propKey7 === propKey ||
-            (null == _propKey7 && null == propKey) ||
-            setProp(domElement, tag, lastProp, _propKey7, nextProps, propKey);
+            _propKey8 === propKey ||
+            (null == _propKey8 && null == propKey) ||
+            setProp(domElement, tag, lastProp, _propKey8, nextProps, propKey);
     }
     function getPropNameFromAttributeName(attrName) {
       switch (attrName) {
@@ -18531,7 +18660,7 @@
     }
     function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
       if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
-        error$jscomp$0(
+        console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
       else if (canDiffStyleForHydrationWarning) {
@@ -18810,7 +18939,7 @@
                   case "outerText":
                   case "outerHTML":
                     extraAttributes.delete(propKey.toLowerCase());
-                    error$jscomp$0(
+                    console.error(
                       "Assignment to read-only property will result in a no-op: `%s`",
                       propKey
                     );
@@ -18939,16 +19068,34 @@
                     serverDifferences
                   );
                   continue;
+                case "data":
+                  if ("object" !== tag) {
+                    extraAttributes.delete(value);
+                    attributes = domElement.getAttribute("data");
+                    warnForPropDifference(
+                      value,
+                      attributes,
+                      propKey,
+                      serverDifferences
+                    );
+                    continue;
+                  }
                 case "src":
                 case "href":
-                  if ("" === propKey && ("a" !== tag || "href" !== value)) {
+                  if (
+                    !(
+                      "" !== propKey ||
+                      ("a" === tag && "href" === value) ||
+                      ("object" === tag && "data" === value)
+                    )
+                  ) {
                     "src" === value
-                      ? error$jscomp$0(
+                      ? console.error(
                           'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
                         )
-                      : error$jscomp$0(
+                      : console.error(
                           'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
@@ -19286,7 +19433,7 @@
                   "" !== propKey ||
                     didWarnForNewBooleanPropsWithEmptyValue[value] ||
                     ((didWarnForNewBooleanPropsWithEmptyValue[value] = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
                       value
                     ));
@@ -20190,7 +20337,7 @@
               "style" !== type &&
               "link" !== type &&
               "script" !== type) ||
-            error$jscomp$0(
+            console.error(
               "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.",
               type,
               type
@@ -20208,7 +20355,7 @@
             "" === props.href
           ) {
             outsideHostContainerContext &&
-              error$jscomp$0(
+              console.error(
                 'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.'
               );
             break;
@@ -20238,7 +20385,7 @@
               disabled =
                 1 === hostContext.length ? "an " + onError : "the " + onError;
               hostContext.length &&
-                error$jscomp$0(
+                console.error(
                   'React encountered a <link rel="stylesheet" href="%s" ... /> with a `precedence` prop that also included %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                   type,
                   disabled,
@@ -20249,11 +20396,11 @@
               ("string" !== typeof props.rel ||
               "string" !== typeof props.href ||
               "" === props.href
-                ? error$jscomp$0(
+                ? console.error(
                     "Cannot render a <link> outside the main document without a `rel` and `href` prop. Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
                   )
                 : (props.onError || props.onLoad) &&
-                  error$jscomp$0(
+                  console.error(
                     "Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                   ));
             break;
@@ -20265,7 +20412,7 @@
                 (props = props.disabled),
                 "string" !== typeof type &&
                   outsideHostContainerContext &&
-                  error$jscomp$0(
+                  console.error(
                     'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.'
                   ),
                 "string" === typeof type && null == props
@@ -20288,13 +20435,13 @@
             outsideHostContainerContext &&
               (type
                 ? props.onLoad || props.onError
-                  ? error$jscomp$0(
+                  ? console.error(
                       "Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                     )
-                  : error$jscomp$0(
+                  : console.error(
                       "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop. Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or somewhere in the <body>."
                     )
-                : error$jscomp$0(
+                : console.error(
                     'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.'
                   ));
             break;
@@ -20303,7 +20450,7 @@
         case "noscript":
         case "template":
           outsideHostContainerContext &&
-            error$jscomp$0(
+            console.error(
               "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
               type
             );
@@ -20592,7 +20739,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -20608,7 +20755,7 @@
         null !== current &&
         !didWarnAboutNestedUpdates &&
         ((didWarnAboutNestedUpdates = !0),
-        error$jscomp$0(
+        console.error(
           "Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
           getComponentNameFromFiber(current) || "Unknown"
         ));
@@ -20617,7 +20764,7 @@
       callback = void 0 === callback ? null : callback;
       null !== callback &&
         ("function" !== typeof callback &&
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ),
@@ -21081,13 +21228,13 @@
             ),
             event = nativeEventClone;
           null !== currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = event;
           nextBlockedOn.target.dispatchEvent(nativeEventClone);
           null === currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = null;
@@ -21231,20 +21378,16 @@
     function warnIfReactDOMContainerInDEV(container) {
       container[internalContainerInstanceKey] &&
         (container._reactRootContainer
-          ? error$jscomp$0(
+          ? console.error(
               "You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."
             )
-          : error$jscomp$0(
+          : console.error(
               "You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."
             ));
     }
-    var React = require("next/dist/compiled/react-experimental"),
-      Scheduler = require("next/dist/compiled/scheduler-experimental"),
+    var Scheduler = require("next/dist/compiled/scheduler-experimental"),
+      React = require("next/dist/compiled/react-experimental"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      suppressWarning = !1,
-      supportsCreateTask = !!console.createTask,
       REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -21269,6 +21412,8 @@
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
       ASYNC_ITERATOR = Symbol.asyncIterator,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       assign = Object.assign,
       disabledDepth = 0,
       prevLog,
@@ -21280,6 +21425,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -21445,6 +21591,7 @@
     var didWarnValueDefaultValue = !1;
     var valuePropNames = ["value", "defaultValue"],
       didWarnValDefaultVal = !1,
+      needsEscaping = /["'&<>\n\t]|^\s|\s$/,
       specialTags =
         "address applet area article aside base basefont bgsound blockquote body br button caption center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input isindex li link listing main marquee menu menuitem meta nav noembed noframes noscript object ol p param plaintext pre script section select source style summary table tbody td template textarea tfoot th thead title tr track ul wbr xmp".split(
           " "
@@ -22701,7 +22848,7 @@
         var sortedNames = setToSortedString(
           UNSAFE_componentWillMountUniqueNames
         );
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
           sortedNames
         );
@@ -22710,7 +22857,7 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillReceivePropsUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22718,13 +22865,13 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillUpdateUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillMountUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillMountUniqueNames)),
-        warn(
+        console.warn(
           "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22732,13 +22879,13 @@
         ((sortedNames = setToSortedString(
           componentWillReceivePropsUniqueNames
         )),
-        warn(
+        console.warn(
           "componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillUpdateUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillUpdateUniqueNames)),
-        warn(
+        console.warn(
           "componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22753,7 +22900,7 @@
       for (var node = fiber; null !== node; )
         node.mode & 8 && (strictRoot = node), (node = node.return);
       null === strictRoot
-        ? error$jscomp$0(
+        ? console.error(
             "Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue."
           )
         : !didWarnAboutLegacyContext.has(fiber.type) &&
@@ -22777,7 +22924,7 @@
           });
           var sortedNames = setToSortedString(uniqueNames);
           runWithFiberInDEV(firstFiber, function () {
-            error$jscomp$0(
+            console.error(
               "Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
               sortedNames
             );
@@ -22804,9 +22951,6 @@
       treeContextProvider = null,
       treeContextId = 1,
       treeContextOverflow = "",
-      maxRowLength = 120,
-      idealDepth = 15,
-      needsEscaping = /["'&<>\n\t]/,
       hydrationParentFiber = null,
       nextHydratableInstance = null,
       isHydrating = !1,
@@ -22825,7 +22969,7 @@
       ),
       noopSuspenseyCommitThenable = {
         then: function () {
-          error$jscomp$0(
+          console.error(
             'Internal React error: A listener was unexpectedly attached to a "noop" thenable. This is a bug in React. Please file an issue.'
           );
         }
@@ -22882,7 +23026,7 @@
               (childOwnerAppendix =
                 " It was passed a child from " + componentName + "."));
           runWithFiberInDEV(workInProgress, function () {
-            error$jscomp$0(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               currentComponentErrorInfo,
               childOwnerAppendix
@@ -23134,6 +23278,7 @@
     HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
       currentHookNameInDev = "useFormState";
       mountHookTypesDev();
+      warnOnUseFormStateInDev();
       return mountActionState(action, initialState);
     };
     HooksDispatcherOnMountInDEV.useActionState = function (
@@ -24114,6 +24259,7 @@
       didReceiveUpdate = !1;
     var didWarnAboutBadClass = {};
     var didWarnAboutContextTypeOnFunctionComponent = {};
+    var didWarnAboutContextTypes$1 = {};
     var didWarnAboutGetDerivedStateOnFunctionComponent = {};
     var didWarnAboutReassigningProps = !1;
     var didWarnAboutRevealOrder = {};
@@ -24146,6 +24292,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     Object.freeze(fakeInternalInstance);
@@ -24155,7 +24303,7 @@
           if (null !== owner && isRendering && 1 === owner.tag) {
             var instance = owner.stateNode;
             instance._warnedAboutRefsInRender ||
-              error$jscomp$0(
+              console.error(
                 "%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
                 getComponentNameFromFiber(owner) || "A component"
               );
@@ -24231,7 +24379,7 @@
       var nonExtensibleObject = Object.preventExtensions({});
       new Map([[nonExtensibleObject, null]]);
       new Set([nonExtensibleObject]);
-    } catch (e$44) {
+    } catch (e$21) {
       hasBadMapPolyfill = !0;
     }
     var DefaultAsyncDispatcher = {
@@ -24692,7 +24840,12 @@
       suspendedState = null,
       LAST_PRECEDENCE = null,
       precedencesByRoot = null,
-      NotPendingTransition = NotPending;
+      NotPendingTransition = NotPending,
+      badgeFormat = "%c%s%c ",
+      badgeStyle =
+        "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+      resetStyle = "",
+      pad = " ";
     var didWarnAboutNestedUpdates = !1;
     var overrideHookState = null,
       overrideHookStateDeletePath = null,
@@ -24784,15 +24937,15 @@
         var root = this._internalRoot;
         if (null === root) throw Error("Cannot update an unmounted root.");
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p2
-          ? error$jscomp$0(
+          ? console.error(
               "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
             )
           : isValidContainer(JSCompiler_OptimizeArgumentsArray_p2)
-          ? error$jscomp$0(
+          ? console.error(
               "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
             )
           : "undefined" !== typeof JSCompiler_OptimizeArgumentsArray_p2 &&
-            error$jscomp$0(
+            console.error(
               "You passed a second argument to root.render(...) but it only accepts one argument."
             );
         JSCompiler_OptimizeArgumentsArray_p2 = root.current;
@@ -24809,7 +24962,7 @@
     ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
       function (JSCompiler_OptimizeArgumentsArray_p3) {
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p3 &&
-          error$jscomp$0(
+          console.error(
             "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
           );
         JSCompiler_OptimizeArgumentsArray_p3 = this._internalRoot;
@@ -24817,7 +24970,7 @@
           this._internalRoot = null;
           var container = JSCompiler_OptimizeArgumentsArray_p3.containerInfo;
           (executionContext & (RenderContext | CommitContext)) !== NoContext &&
-            error$jscomp$0(
+            console.error(
               "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
             );
           updateContainerSync(
@@ -24849,11 +25002,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-experimental-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-experimental-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-experimental-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-experimental-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24863,7 +25016,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://react.dev/link/react-polyfills"
       );
     ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -24908,12 +25061,12 @@
           scheduleRoot: scheduleRoot,
           setRefreshHandler: setRefreshHandler,
           getCurrentFiber: getCurrentFiberForDevTools,
-          reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+          reconcilerVersion: "19.0.0-experimental-01172397-20240716"
         });
       })({
         findFiberByHostInstance: getClosestInstanceFromNode,
         bundleType: 1,
-        version: "19.0.0-experimental-dfd30974ab-20240613",
+        version: "19.0.0-experimental-01172397-20240716",
         rendererPackageName: "react-dom"
       }) &&
       canUseDOM &&
@@ -24954,13 +25107,13 @@
       null !== options &&
         void 0 !== options &&
         (options.hydrate
-          ? warn(
+          ? console.warn(
               "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
             )
           : "object" === typeof options &&
             null !== options &&
             options.$$typeof === REACT_ELEMENT_TYPE &&
-            error$jscomp$0(
+            console.error(
               "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
             ),
         !0 === options.unstable_strictMode && (isStrictMode = !0),
@@ -25128,7 +25281,7 @@
         throw Error("Target container is not a DOM element.");
       warnIfReactDOMContainerInDEV(container);
       void 0 === initialChildren &&
-        error$jscomp$0(
+        console.error(
           "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
         );
       var isStrictMode = !1,
@@ -25209,5 +25362,5 @@
         }
       };
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js
index 501d6d4b18ba9..06f8762cc8785 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js
@@ -120,7 +120,8 @@ function getComponentNameFromType(type) {
 var ReactSharedInternals =
     React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   assign = Object.assign,
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -128,8 +129,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -2044,19 +2051,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$285;
+  var JSCompiler_inline_result$jscomp$287;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_421 = "oninput" in document;
-    if (!isSupported$jscomp$inline_421) {
-      var element$jscomp$inline_422 = document.createElement("div");
-      element$jscomp$inline_422.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_421 =
-        "function" === typeof element$jscomp$inline_422.oninput;
+    var isSupported$jscomp$inline_423 = "oninput" in document;
+    if (!isSupported$jscomp$inline_423) {
+      var element$jscomp$inline_424 = document.createElement("div");
+      element$jscomp$inline_424.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_423 =
+        "function" === typeof element$jscomp$inline_424.oninput;
     }
-    JSCompiler_inline_result$jscomp$285 = isSupported$jscomp$inline_421;
-  } else JSCompiler_inline_result$jscomp$285 = !1;
+    JSCompiler_inline_result$jscomp$287 = isSupported$jscomp$inline_423;
+  } else JSCompiler_inline_result$jscomp$287 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$285 &&
+    JSCompiler_inline_result$jscomp$287 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3511,7 +3518,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       return firstChildFiber;
     } catch (x) {
       if (x === SuspenseException) throw x;
-      var fiber = createFiber(29, x, null, returnFiber.mode);
+      var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
       fiber.lanes = lanes;
       fiber.return = returnFiber;
       return fiber;
@@ -6002,7 +6009,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                     : null,
                 retryLane: 536870912
               }),
-              (JSCompiler_temp$jscomp$0 = createFiber(18, null, null, 0)),
+              (JSCompiler_temp$jscomp$0 = createFiberImplClass(
+                18,
+                null,
+                null,
+                0
+              )),
               (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
               (JSCompiler_temp$jscomp$0.return = workInProgress),
               (workInProgress.child = JSCompiler_temp$jscomp$0),
@@ -9371,7 +9383,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.childLanes = this.lanes = 0;
   this.alternate = null;
 }
-function createFiber(tag, pendingProps, key, mode) {
+function createFiberImplClass(tag, pendingProps, key, mode) {
   return new FiberNode(tag, pendingProps, key, mode);
 }
 function shouldConstruct(Component) {
@@ -9381,7 +9393,7 @@ function shouldConstruct(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = createFiberImplClass(
         current.tag,
         pendingProps,
         current.key,
@@ -9478,21 +9490,21 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 2)),
+          (type = createFiberImplClass(12, pendingProps, key, mode | 2)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = createFiberImplClass(13, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = createFiberImplClass(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.lanes = lanes),
           type
@@ -9520,23 +9532,25 @@ function createFiberFromTypeAndProps(
               owner = null;
               break a;
           }
-        throw Error(
+        fiberTag = 29;
+        pendingProps = Error(
           formatProdErrorMessage(130, null === type ? "null" : typeof type, "")
         );
+        owner = null;
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = createFiberImplClass(fiberTag, pendingProps, key, mode);
   key.elementType = type;
   key.type = owner;
   key.lanes = lanes;
   return key;
 }
 function createFiberFromFragment(elements, mode, lanes, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = createFiberImplClass(7, elements, key, mode);
   elements.lanes = lanes;
   return elements;
 }
 function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  pendingProps = createFiber(22, pendingProps, key, mode);
+  pendingProps = createFiberImplClass(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
   var primaryChildInstance = {
@@ -9571,12 +9585,12 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
-  content = createFiber(6, content, null, mode);
+  content = createFiberImplClass(6, content, null, mode);
   content.lanes = lanes;
   return content;
 }
 function createFiberFromPortal(portal, mode, lanes) {
-  mode = createFiber(
+  mode = createFiberImplClass(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -11702,20 +11716,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1428 = 0;
-  i$jscomp$inline_1428 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1428++
+  var i$jscomp$inline_1430 = 0;
+  i$jscomp$inline_1430 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1430++
 ) {
-  var eventName$jscomp$inline_1429 =
-      simpleEventPluginEvents[i$jscomp$inline_1428],
-    domEventName$jscomp$inline_1430 =
-      eventName$jscomp$inline_1429.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1431 =
-      eventName$jscomp$inline_1429[0].toUpperCase() +
-      eventName$jscomp$inline_1429.slice(1);
+  var eventName$jscomp$inline_1431 =
+      simpleEventPluginEvents[i$jscomp$inline_1430],
+    domEventName$jscomp$inline_1432 =
+      eventName$jscomp$inline_1431.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1433 =
+      eventName$jscomp$inline_1431[0].toUpperCase() +
+      eventName$jscomp$inline_1431.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1430,
-    "on" + capitalizedEvent$jscomp$inline_1431
+    domEventName$jscomp$inline_1432,
+    "on" + capitalizedEvent$jscomp$inline_1433
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12490,6 +12504,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "style":
       setValueForStyles(domElement, value, prevValue);
       break;
+    case "data":
+      if ("object" !== tag) {
+        setValueForKnownAttribute(domElement, "data", value);
+        break;
+      }
     case "src":
     case "href":
       if ("" === value && ("a" !== tag || "href" !== key)) {
@@ -12858,127 +12877,152 @@ function setInitialProperties(domElement, tag, props) {
     case "p":
     case "li":
       break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
+    case "img":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      var hasSrc = !1,
+        hasSrcSet = !1,
+        propKey;
       for (propKey in props)
         if (props.hasOwnProperty(propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "src":
+                hasSrc = !0;
+                break;
+              case "srcSet":
+                hasSrcSet = !0;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(137, tag));
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      hasSrcSet &&
+        setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+      hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+      return;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var defaultValue = (propKey = propValue = hasSrcSet = null),
+        checked = null,
+        defaultChecked = null;
+      for (hasSrc in props)
+        if (props.hasOwnProperty(hasSrc)) {
+          var propValue$191 = props[hasSrc];
+          if (null != propValue$191)
+            switch (hasSrc) {
               case "name":
-                name = propValue;
+                hasSrcSet = propValue$191;
                 break;
               case "type":
-                type = propValue;
+                propValue = propValue$191;
                 break;
               case "checked":
-                checked = propValue;
+                checked = propValue$191;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue;
+                defaultChecked = propValue$191;
                 break;
               case "value":
-                value = propValue;
+                propKey = propValue$191;
                 break;
               case "defaultValue":
-                defaultValue = propValue;
+                defaultValue = propValue$191;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue)
+                if (null != propValue$191)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, propKey, propValue, props, null);
+                setProp(domElement, tag, hasSrc, propValue$191, props, null);
             }
         }
       initInput(
         domElement,
-        value,
+        propKey,
         defaultValue,
         checked,
         defaultChecked,
-        type,
-        name,
+        propValue,
+        hasSrcSet,
         !1
       );
       track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (type = value = null);
-      for (name in props)
+      hasSrc = propValue = propKey = null;
+      for (hasSrcSet in props)
         if (
-          props.hasOwnProperty(name) &&
-          ((defaultValue = props[name]), null != defaultValue)
+          props.hasOwnProperty(hasSrcSet) &&
+          ((defaultValue = props[hasSrcSet]), null != defaultValue)
         )
-          switch (name) {
+          switch (hasSrcSet) {
             case "value":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = defaultValue;
+              propValue = defaultValue;
               break;
             case "multiple":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
             default:
-              setProp(domElement, tag, name, defaultValue, props, null);
+              setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
           }
-      tag = value;
-      props = type;
-      domElement.multiple = !!propKey;
+      tag = propKey;
+      props = propValue;
+      domElement.multiple = !!hasSrc;
       null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
+        ? updateOptions(domElement, !!hasSrc, tag, !1)
+        : null != props && updateOptions(domElement, !!hasSrc, props, !0);
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      value = name = propKey = null;
-      for (type in props)
+      propKey = hasSrcSet = hasSrc = null;
+      for (propValue in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((defaultValue = props[type]), null != defaultValue)
+          props.hasOwnProperty(propValue) &&
+          ((defaultValue = props[propValue]), null != defaultValue)
         )
-          switch (type) {
+          switch (propValue) {
             case "value":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
               break;
             case "defaultValue":
-              name = defaultValue;
+              hasSrcSet = defaultValue;
               break;
             case "children":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
               if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, type, defaultValue, props, null);
+              setProp(domElement, tag, propValue, defaultValue, props, null);
           }
-      initTextarea(domElement, propKey, name, value);
+      initTextarea(domElement, hasSrc, hasSrcSet, propKey);
       track(domElement);
       return;
     case "option":
-      for (defaultValue in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultValue) &&
-          ((propKey = props[defaultValue]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((hasSrc = props[checked]), null != hasSrc)
         )
-          switch (defaultValue) {
+          switch (checked) {
             case "selected":
               domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
+                hasSrc &&
+                "function" !== typeof hasSrc &&
+                "symbol" !== typeof hasSrc;
               break;
             default:
-              setProp(domElement, tag, defaultValue, propKey, props, null);
+              setProp(domElement, tag, checked, hasSrc, props, null);
           }
       return;
     case "dialog":
@@ -12991,8 +13035,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "video":
     case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+        listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
       break;
     case "image":
       listenToNonDelegatedEvent("error", domElement);
@@ -13003,7 +13047,6 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "embed":
     case "source":
-    case "img":
     case "link":
       listenToNonDelegatedEvent("error", domElement),
         listenToNonDelegatedEvent("load", domElement);
@@ -13018,40 +13061,41 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (checked in props)
+      for (defaultChecked in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultChecked) &&
+          ((hasSrc = props[defaultChecked]), null != hasSrc)
         )
-          switch (checked) {
+          switch (defaultChecked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, checked, propKey, props, null);
+              setProp(domElement, tag, defaultChecked, hasSrc, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (defaultChecked in props)
-          props.hasOwnProperty(defaultChecked) &&
-            ((propKey = props[defaultChecked]),
-            void 0 !== propKey &&
+        for (propValue$191 in props)
+          props.hasOwnProperty(propValue$191) &&
+            ((hasSrc = props[propValue$191]),
+            void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                defaultChecked,
-                propKey,
+                propValue$191,
+                hasSrc,
                 props,
                 void 0
               ));
         return;
       }
   }
-  for (value in props)
-    props.hasOwnProperty(value) &&
-      ((propKey = props[value]),
-      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+  for (defaultValue in props)
+    props.hasOwnProperty(defaultValue) &&
+      ((hasSrc = props[defaultValue]),
+      null != hasSrc &&
+        setProp(domElement, tag, defaultValue, hasSrc, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -13087,14 +13131,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$206 in nextProps) {
-        var propKey = nextProps[propKey$206];
-        lastProp = lastProps[propKey$206];
+      for (var propKey$208 in nextProps) {
+        var propKey = nextProps[propKey$208];
+        lastProp = lastProps[propKey$208];
         if (
-          nextProps.hasOwnProperty(propKey$206) &&
+          nextProps.hasOwnProperty(propKey$208) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$206) {
+          switch (propKey$208) {
             case "type":
               type = propKey;
               break;
@@ -13123,7 +13167,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$206,
+                  propKey$208,
                   propKey,
                   nextProps,
                   lastProp
@@ -13142,7 +13186,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$206 = null;
+      propKey = value = defaultValue = propKey$208 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -13173,7 +13217,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$206 = type;
+              propKey$208 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -13194,15 +13238,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$206
-        ? updateOptions(domElement, !!lastProps, propKey$206, !1)
+      null != propKey$208
+        ? updateOptions(domElement, !!lastProps, propKey$208, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$206 = null;
+      propKey = propKey$208 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -13226,7 +13270,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$206 = name;
+              propKey$208 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -13240,17 +13284,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$206, propKey);
+      updateTextarea(domElement, propKey$208, propKey);
       return;
     case "option":
-      for (var propKey$222 in lastProps)
+      for (var propKey$224 in lastProps)
         if (
-          ((propKey$206 = lastProps[propKey$222]),
-          lastProps.hasOwnProperty(propKey$222) &&
-            null != propKey$206 &&
-            !nextProps.hasOwnProperty(propKey$222))
+          ((propKey$208 = lastProps[propKey$224]),
+          lastProps.hasOwnProperty(propKey$224) &&
+            null != propKey$208 &&
+            !nextProps.hasOwnProperty(propKey$224))
         )
-          switch (propKey$222) {
+          switch (propKey$224) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -13258,33 +13302,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$222,
+                propKey$224,
                 null,
                 nextProps,
-                propKey$206
+                propKey$208
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$206 = nextProps[lastDefaultValue]),
+          ((propKey$208 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$206 !== propKey &&
-            (null != propKey$206 || null != propKey))
+            propKey$208 !== propKey &&
+            (null != propKey$208 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$206 &&
-                "function" !== typeof propKey$206 &&
-                "symbol" !== typeof propKey$206;
+                propKey$208 &&
+                "function" !== typeof propKey$208 &&
+                "symbol" !== typeof propKey$208;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$206,
+                propKey$208,
                 nextProps,
                 propKey
               );
@@ -13305,24 +13349,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$227 in lastProps)
-        (propKey$206 = lastProps[propKey$227]),
-          lastProps.hasOwnProperty(propKey$227) &&
-            null != propKey$206 &&
-            !nextProps.hasOwnProperty(propKey$227) &&
-            setProp(domElement, tag, propKey$227, null, nextProps, propKey$206);
+      for (var propKey$229 in lastProps)
+        (propKey$208 = lastProps[propKey$229]),
+          lastProps.hasOwnProperty(propKey$229) &&
+            null != propKey$208 &&
+            !nextProps.hasOwnProperty(propKey$229) &&
+            setProp(domElement, tag, propKey$229, null, nextProps, propKey$208);
       for (checked in nextProps)
         if (
-          ((propKey$206 = nextProps[checked]),
+          ((propKey$208 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$206 !== propKey &&
-            (null != propKey$206 || null != propKey))
+            propKey$208 !== propKey &&
+            (null != propKey$208 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$206)
+              if (null != propKey$208)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -13330,7 +13374,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$206,
+                propKey$208,
                 nextProps,
                 propKey
               );
@@ -13338,49 +13382,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$232 in lastProps)
-          (propKey$206 = lastProps[propKey$232]),
-            lastProps.hasOwnProperty(propKey$232) &&
-              void 0 !== propKey$206 &&
-              !nextProps.hasOwnProperty(propKey$232) &&
+        for (var propKey$234 in lastProps)
+          (propKey$208 = lastProps[propKey$234]),
+            lastProps.hasOwnProperty(propKey$234) &&
+              void 0 !== propKey$208 &&
+              !nextProps.hasOwnProperty(propKey$234) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$232,
+                propKey$234,
                 void 0,
                 nextProps,
-                propKey$206
+                propKey$208
               );
         for (defaultChecked in nextProps)
-          (propKey$206 = nextProps[defaultChecked]),
+          (propKey$208 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$206 === propKey ||
-              (void 0 === propKey$206 && void 0 === propKey) ||
+              propKey$208 === propKey ||
+              (void 0 === propKey$208 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$206,
+                propKey$208,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$237 in lastProps)
-    (propKey$206 = lastProps[propKey$237]),
-      lastProps.hasOwnProperty(propKey$237) &&
-        null != propKey$206 &&
-        !nextProps.hasOwnProperty(propKey$237) &&
-        setProp(domElement, tag, propKey$237, null, nextProps, propKey$206);
+  for (var propKey$239 in lastProps)
+    (propKey$208 = lastProps[propKey$239]),
+      lastProps.hasOwnProperty(propKey$239) &&
+        null != propKey$208 &&
+        !nextProps.hasOwnProperty(propKey$239) &&
+        setProp(domElement, tag, propKey$239, null, nextProps, propKey$208);
   for (lastProp in nextProps)
-    (propKey$206 = nextProps[lastProp]),
+    (propKey$208 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$206 === propKey ||
-        (null == propKey$206 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$206, nextProps, propKey);
+        propKey$208 === propKey ||
+        (null == propKey$208 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$208, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -13982,26 +14026,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$245 = getResourcesFromRoot(
+        var styles$247 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$246 = styles$245.get(type);
-        resource$246 ||
+          resource$248 = styles$247.get(type);
+        resource$248 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$246 = {
+          (resource$248 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$245.set(type, resource$246),
-          (styles$245 = JSCompiler_inline_result.querySelector(
+          styles$247.set(type, resource$248),
+          (styles$247 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$245._p &&
-            ((resource$246.instance = styles$245),
-            (resource$246.state.loading = 5)),
+            !styles$247._p &&
+            ((resource$248.instance = styles$247),
+            (resource$248.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -14014,16 +14058,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$245 ||
+            styles$247 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$246.state
+                resource$248.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$246;
+        return resource$248;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -14120,37 +14164,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$251 = hoistableRoot.querySelector(
+        var instance$253 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$251)
+        if (instance$253)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$251),
-            markNodeAsHoistable(instance$251),
-            instance$251
+            (resource.instance = instance$253),
+            markNodeAsHoistable(instance$253),
+            instance$253
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$251 = (
+        instance$253 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$251);
-        var linkInstance = instance$251;
+        markNodeAsHoistable(instance$253);
+        var linkInstance = instance$253;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$251, "link", instance);
+        setInitialProperties(instance$253, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$251, props.precedence, hoistableRoot);
-        return (resource.instance = instance$251);
+        insertStylesheet(instance$253, props.precedence, hoistableRoot);
+        return (resource.instance = instance$253);
       case "script":
-        instance$251 = getScriptKey(props.src);
+        instance$253 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$251)
+            getScriptSelectorFromKey(instance$253)
           ))
         )
           return (
@@ -14159,7 +14203,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$251)))
+        if ((styleProps = preloadPropsMap.get(instance$253)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -14516,7 +14560,7 @@ function createFiberRoot(
   );
   tag = 1;
   !0 === isStrictMode && (tag |= 24);
-  isStrictMode = createFiber(3, null, null, tag);
+  isStrictMode = createFiberImplClass(3, null, null, tag);
   containerInfo.current = isStrictMode;
   isStrictMode.stateNode = containerInfo;
   tag = createCache();
@@ -15178,16 +15222,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1676 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1678 = React.version;
 if (
-  "19.0.0-experimental-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_1676
+  "19.0.0-experimental-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_1678
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1676,
-      "19.0.0-experimental-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_1678,
+      "19.0.0-experimental-01172397-20240716"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15203,17 +15247,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var devToolsConfig$jscomp$inline_1683 = {
+var devToolsConfig$jscomp$inline_1685 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-experimental-dfd30974ab-20240613",
+  version: "19.0.0-experimental-01172397-20240716",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2066 = {
-  bundleType: devToolsConfig$jscomp$inline_1683.bundleType,
-  version: devToolsConfig$jscomp$inline_1683.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1683.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1683.rendererConfig,
+var internals$jscomp$inline_2068 = {
+  bundleType: devToolsConfig$jscomp$inline_1685.bundleType,
+  version: devToolsConfig$jscomp$inline_1685.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1685.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1685.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15229,26 +15273,26 @@ var internals$jscomp$inline_2066 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1683.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1685.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-experimental-dfd30974ab-20240613"
+  reconcilerVersion: "19.0.0-experimental-01172397-20240716"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2067 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2069 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2067.isDisabled &&
-    hook$jscomp$inline_2067.supportsFiber
+    !hook$jscomp$inline_2069.isDisabled &&
+    hook$jscomp$inline_2069.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2067.inject(
-        internals$jscomp$inline_2066
+      (rendererID = hook$jscomp$inline_2069.inject(
+        internals$jscomp$inline_2068
       )),
-        (injectedHook = hook$jscomp$inline_2067);
+        (injectedHook = hook$jscomp$inline_2069);
     } catch (err) {}
 }
 exports.createComponentSelector = function (component) {
@@ -15493,4 +15537,4 @@ exports.observeVisibleRects = function (
     }
   };
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js
index 0b67f5cd60aa2..e16ae988c9087 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js
@@ -11,24 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function noop() {}
     function testStringCoercion(value) {
       return "" + value;
@@ -43,7 +25,7 @@
         JSCompiler_inline_result = !0;
       }
       JSCompiler_inline_result &&
-        (error(
+        (console.error(
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           ("function" === typeof Symbol &&
             Symbol.toStringTag &&
@@ -90,7 +72,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -99,9 +81,7 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var ReactSharedInternals =
-        require("next/dist/compiled/react-experimental").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
+    var React = require("next/dist/compiled/react-experimental"),
       Internals = {
         d: {
           f: noop,
@@ -121,7 +101,9 @@
         p: 0,
         findDOMNode: null
       },
-      REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     ("function" === typeof Map &&
       null != Map.prototype &&
       "function" === typeof Map.prototype.forEach &&
@@ -129,7 +111,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -156,7 +138,7 @@
         (ReactSharedInternals.T = previousTransition),
           (Internals.p = previousUpdatePriority),
           Internals.d.f() &&
-            error(
+            console.error(
               "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
             );
       }
@@ -164,17 +146,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -192,18 +174,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -213,17 +195,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -281,7 +263,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -296,7 +278,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -338,7 +320,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -399,7 +381,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -434,7 +416,7 @@
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js
index 71f495b08ecc7..7c29fb09cf9e7 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js
@@ -9,6 +9,7 @@
  */
 
 "use strict";
+var React = require("next/dist/compiled/react-experimental");
 function formatProdErrorMessage(code) {
   var url = "https://react.dev/errors/" + code;
   if (1 < arguments.length) {
@@ -24,8 +25,6 @@ function formatProdErrorMessage(code) {
     " for the full message or use the non-minified dev environment for full errors and additional helpful warnings."
   );
 }
-var ReactSharedInternals =
-  require("next/dist/compiled/react-experimental").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 function noop() {}
 var Internals = {
     d: {
@@ -56,6 +55,8 @@ function createPortal$1(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
+var ReactSharedInternals =
+  React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 function getCrossOriginStringAs(as, input) {
   if ("font" === as) return "";
   if ("string" === typeof input)
@@ -206,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js
index 684458c9fe733..73ebac8f6d7ad 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js
@@ -11,24 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function noop() {}
     function getCrossOriginStringAs(as, input) {
       if ("font" === as) return "";
@@ -57,13 +39,7 @@
         ? "`" + thing + "`"
         : 'something with type "' + typeof thing + '"';
     }
-    var ReactSharedInternalsServer =
-      require("next/dist/compiled/react-experimental").__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+    var React = require("next/dist/compiled/react-experimental"),
       Internals = {
         d: {
           f: noop,
@@ -83,6 +59,10 @@
         p: 0,
         findDOMNode: null
       };
+    if (!React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
     ("function" === typeof Map &&
       null != Map.prototype &&
       "function" === typeof Map.prototype.forEach &&
@@ -90,7 +70,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -98,17 +78,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -126,18 +106,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -147,17 +127,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -215,7 +195,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -230,7 +210,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -272,7 +252,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -333,7 +313,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -356,5 +336,5 @@
             }))
           : Internals.d.m(href));
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js
index 0e0adcc63cdd2..b03b1d776d10a 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js
@@ -9,13 +9,7 @@
  */
 
 "use strict";
-if (
-  !require("next/dist/compiled/react-experimental")
-    .__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
-)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
+var React = require("next/dist/compiled/react-experimental");
 function noop() {}
 var Internals = {
   d: {
@@ -36,6 +30,10 @@ var Internals = {
   p: 0,
   findDOMNode: null
 };
+if (!React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
 function getCrossOriginStringAs(as, input) {
   if ("font" === as) return "";
   if ("string" === typeof input)
@@ -151,4 +149,4 @@ exports.preloadModule = function (href, options) {
       });
     } else Internals.d.m(href);
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json
index 6a5a0250f2a39..64101aba2b06a 100644
--- a/packages/next/src/compiled/react-dom-experimental/package.json
+++ b/packages/next/src/compiled/react-dom-experimental/package.json
@@ -72,10 +72,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "scheduler": "0.0.0-experimental-dfd30974ab-20240613"
+    "scheduler": "0.0.0-experimental-01172397-20240716"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-dfd30974ab-20240613"
+    "react": "0.0.0-experimental-01172397-20240716"
   },
   "browser": {
     "./server.js": "./server.browser.js",
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js
index 2d83918b43dcd..927b822e16e75 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js
@@ -28,11 +28,11 @@
     }
     function copyWithRename(obj, oldPath, newPath) {
       if (oldPath.length !== newPath.length)
-        warn("copyWithRename() expects paths of the same length");
+        console.warn("copyWithRename() expects paths of the same length");
       else {
         for (var i = 0; i < newPath.length - 1; i++)
           if (oldPath[i] !== newPath[i]) {
-            warn(
+            console.warn(
               "copyWithRename() expects paths to be the same except for the deepest key"
             );
             return;
@@ -73,13 +73,16 @@
     function shouldErrorImpl() {
       return null;
     }
+    function createFiber(tag, pendingProps, key, mode) {
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
     function warnInvalidHookAccess() {
-      error$jscomp$0(
+      console.error(
         "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
       );
     }
     function warnInvalidContextAccess() {
-      error$jscomp$0(
+      console.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()."
       );
     }
@@ -126,40 +129,6 @@
     function setRefreshHandler(handler) {
       resolveFamily = handler;
     }
-    function warn(format) {
-      if (!suppressWarning) {
-        for (
-          var _len = arguments.length,
-            args = Array(1 < _len ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        )
-          args[_key - 1] = arguments[_key];
-        printWarning("warn", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function error$jscomp$0(format) {
-      if (!suppressWarning) {
-        for (
-          var _len2 = arguments.length,
-            args = Array(1 < _len2 ? _len2 - 1 : 0),
-            _key2 = 1;
-          _key2 < _len2;
-          _key2++
-        )
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function isValidContainer(node) {
       return !(
         !node ||
@@ -198,7 +167,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -344,7 +313,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -355,8 +324,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -570,7 +545,7 @@
                 var JSCompiler_temp_const = info,
                   env = entry.env;
                 var JSCompiler_inline_result = describeBuiltInComponentFrame(
-                  entry.name + (env ? " (" + env + ")" : "")
+                  entry.name + (env ? " [" + env + "]" : "")
                 );
                 info = JSCompiler_temp_const + JSCompiler_inline_result;
               }
@@ -587,9 +562,6 @@
       var owner = current._debugOwner;
       return null != owner ? getComponentNameFromOwner(owner) : null;
     }
-    function getCurrentParentStackInDev() {
-      return null === current ? "" : getStackByFiberInDevAndProd(current);
-    }
     function getCurrentFiberStackInDev() {
       return null === current ? "" : getStackByFiberInDevAndProd(current);
     }
@@ -731,9 +703,9 @@
     }
     function pop(cursor, fiber) {
       0 > index$jscomp$0
-        ? error$jscomp$0("Unexpected pop.")
+        ? console.error("Unexpected pop.")
         : (fiber !== fiberStack[index$jscomp$0] &&
-            error$jscomp$0("Unexpected Fiber popped."),
+            console.error("Unexpected Fiber popped."),
           (cursor.current = valueStack[index$jscomp$0]),
           (valueStack[index$jscomp$0] = null),
           (fiberStack[index$jscomp$0] = null),
@@ -747,7 +719,7 @@
     }
     function requiredContext(c) {
       null === c &&
-        error$jscomp$0(
+        console.error(
           "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
         );
       return c;
@@ -852,7 +824,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -863,7 +835,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -874,7 +846,7 @@
     function checkFormFieldValueStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -887,7 +859,7 @@
       if (hook.isDisabled) return !0;
       if (!hook.supportsFiber)
         return (
-          error$jscomp$0(
+          console.error(
             "The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"
           ),
           !0
@@ -900,7 +872,7 @@
           (rendererID = hook.inject(internals)),
           (injectedHook = hook);
       } catch (err) {
-        error$jscomp$0("React instrumentation encountered an error: %s.", err);
+        console.error("React instrumentation encountered an error: %s.", err);
       }
       return hook.checkDCE ? !0 : !1;
     }
@@ -933,7 +905,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -941,15 +913,14 @@
     }
     function setIsStrictModeForDevtools(newIsStrictMode) {
       "function" === typeof log$1 &&
-        (unstable_setDisableYieldValue(newIsStrictMode),
-        (suppressWarning = newIsStrictMode));
+        unstable_setDisableYieldValue(newIsStrictMode);
       if (injectedHook && "function" === typeof injectedHook.setStrictMode)
         try {
           injectedHook.setStrictMode(rendererID, newIsStrictMode);
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1086,7 +1057,7 @@
           return 0;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             lanes
@@ -1161,7 +1132,7 @@
           return -1;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             -1
@@ -1379,7 +1350,7 @@
     }
     function registerDirectEvent(registrationName, dependencies) {
       registrationNameDependencies[registrationName] &&
-        error$jscomp$0(
+        console.error(
           "EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
           registrationName
         );
@@ -1403,17 +1374,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$0(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$0(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$0(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -1425,7 +1396,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$0("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function getValueForAttributeOnCustomComponent(node, name, expected) {
@@ -1605,7 +1576,7 @@
       void 0 === props.checked ||
         void 0 === props.defaultChecked ||
         didWarnCheckedDefaultChecked ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1614,7 +1585,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue$1 ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1726,19 +1697,19 @@
                 "bigint" === typeof child ||
                 didWarnInvalidChild ||
                 ((didWarnInvalidChild = !0),
-                error$jscomp$0(
+                console.error(
                   "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
                 ));
             })
           : null == props.dangerouslySetInnerHTML ||
             didWarnInvalidInnerHTML ||
             ((didWarnInvalidInnerHTML = !0),
-            error$jscomp$0(
+            console.error(
               "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
             )));
       null == props.selected ||
         didWarnSelectedSetOnOption ||
-        (error$jscomp$0(
+        (console.error(
           "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
         ),
         (didWarnSelectedSetOnOption = !0));
@@ -1779,14 +1750,14 @@
         if (null != props[propName]) {
           var propNameIsArray = isArrayImpl(props[propName]);
           props.multiple && !propNameIsArray
-            ? error$jscomp$0(
+            ? console.error(
                 "The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
                 propName,
                 getDeclarationErrorAddendum()
               )
             : !props.multiple &&
               propNameIsArray &&
-              error$jscomp$0(
+              console.error(
                 "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
                 propName,
                 getDeclarationErrorAddendum()
@@ -1796,7 +1767,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue ||
-        (error$jscomp$0(
+        (console.error(
           "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
         ),
         (didWarnValueDefaultValue = !0));
@@ -1805,14 +1776,14 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValDefaultVal ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component"
         ),
         (didWarnValDefaultVal = !0));
       null != props.children &&
         null == props.value &&
-        error$jscomp$0(
+        console.error(
           "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
         );
     }
@@ -1854,2240 +1825,2289 @@
         null !== children &&
         (element.value = children);
     }
-    function updatedAncestorInfoDev(oldInfo, tag) {
-      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
-      var info = { tag: tag };
-      -1 !== inScopeTags.indexOf(tag) &&
-        ((oldInfo.aTagInScope = null),
-        (oldInfo.buttonTagInScope = null),
-        (oldInfo.nobrTagInScope = null));
-      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
-      -1 !== specialTags.indexOf(tag) &&
-        "address" !== tag &&
-        "div" !== tag &&
-        "p" !== tag &&
-        ((oldInfo.listItemTagAutoclosing = null),
-        (oldInfo.dlItemTagAutoclosing = null));
-      oldInfo.current = info;
-      "form" === tag && (oldInfo.formTag = info);
-      "a" === tag && (oldInfo.aTagInScope = info);
-      "button" === tag && (oldInfo.buttonTagInScope = info);
-      "nobr" === tag && (oldInfo.nobrTagInScope = info);
-      "p" === tag && (oldInfo.pTagInButtonScope = info);
-      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
-      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
-      "#document" === tag || "html" === tag
-        ? (oldInfo.containerTagInScope = null)
-        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
-      return oldInfo;
+    function findNotableNode(node, indent) {
+      return void 0 === node.serverProps &&
+        0 === node.serverTail.length &&
+        1 === node.children.length &&
+        3 < node.distanceFromLeaf &&
+        node.distanceFromLeaf > 15 - indent
+        ? findNotableNode(node.children[0], indent)
+        : node;
     }
-    function isTagValidWithParent(tag, parentTag) {
-      switch (parentTag) {
-        case "select":
-          return (
-            "hr" === tag ||
-            "option" === tag ||
-            "optgroup" === tag ||
-            "#text" === tag
-          );
-        case "optgroup":
-          return "option" === tag || "#text" === tag;
-        case "option":
-          return "#text" === tag;
-        case "tr":
-          return (
-            "th" === tag ||
-            "td" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "tbody":
-        case "thead":
-        case "tfoot":
-          return (
-            "tr" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "colgroup":
-          return "col" === tag || "template" === tag;
-        case "table":
-          return (
-            "caption" === tag ||
-            "colgroup" === tag ||
-            "tbody" === tag ||
-            "tfoot" === tag ||
-            "thead" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "head":
-          return (
-            "base" === tag ||
-            "basefont" === tag ||
-            "bgsound" === tag ||
-            "link" === tag ||
-            "meta" === tag ||
-            "title" === tag ||
-            "noscript" === tag ||
-            "noframes" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "html":
-          return "head" === tag || "body" === tag || "frameset" === tag;
-        case "frameset":
-          return "frame" === tag;
-        case "#document":
-          return "html" === tag;
-      }
-      switch (tag) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
+    function indentation(indent) {
+      return "  " + "  ".repeat(indent);
+    }
+    function added(indent) {
+      return "+ " + "  ".repeat(indent);
+    }
+    function removed(indent) {
+      return "- " + "  ".repeat(indent);
+    }
+    function describeFiberType(fiber) {
+      switch (fiber.tag) {
+        case 26:
+        case 27:
+        case 5:
+          return fiber.type;
+        case 16:
+          return "Lazy";
+        case 13:
+          return "Suspense";
+        case 19:
+          return "SuspenseList";
+        case 0:
+        case 15:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        case 11:
           return (
-            "h1" !== parentTag &&
-            "h2" !== parentTag &&
-            "h3" !== parentTag &&
-            "h4" !== parentTag &&
-            "h5" !== parentTag &&
-            "h6" !== parentTag
+            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
           );
-        case "rp":
-        case "rt":
-          return -1 === impliedEndTags.indexOf(parentTag);
-        case "body":
-        case "caption":
-        case "col":
-        case "colgroup":
-        case "frameset":
-        case "frame":
-        case "head":
-        case "html":
-        case "tbody":
-        case "td":
-        case "tfoot":
-        case "th":
-        case "thead":
-        case "tr":
-          return null == parentTag;
+        case 1:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        default:
+          return null;
       }
-      return !0;
     }
-    function findInvalidAncestorForTag(tag, ancestorInfo) {
-      switch (tag) {
-        case "address":
-        case "article":
-        case "aside":
-        case "blockquote":
-        case "center":
-        case "details":
-        case "dialog":
-        case "dir":
-        case "div":
-        case "dl":
-        case "fieldset":
-        case "figcaption":
-        case "figure":
-        case "footer":
-        case "header":
-        case "hgroup":
-        case "main":
-        case "menu":
-        case "nav":
-        case "ol":
-        case "p":
-        case "section":
-        case "summary":
-        case "ul":
-        case "pre":
-        case "listing":
-        case "table":
-        case "hr":
-        case "xmp":
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return ancestorInfo.pTagInButtonScope;
-        case "form":
-          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-        case "li":
-          return ancestorInfo.listItemTagAutoclosing;
-        case "dd":
-        case "dt":
-          return ancestorInfo.dlItemTagAutoclosing;
-        case "button":
-          return ancestorInfo.buttonTagInScope;
-        case "a":
-          return ancestorInfo.aTagInScope;
-        case "nobr":
-          return ancestorInfo.nobrTagInScope;
-      }
-      return null;
+    function describeTextNode(content, maxLength) {
+      return needsEscaping.test(content)
+        ? ((content = JSON.stringify(content)),
+          content.length > maxLength - 2
+            ? 8 > maxLength
+              ? '{"..."}'
+              : "{" + content.slice(0, maxLength - 7) + '..."}'
+            : "{" + content + "}")
+        : content.length > maxLength
+        ? 5 > maxLength
+          ? '{"..."}'
+          : content.slice(0, maxLength - 3) + "..."
+        : content;
     }
-    function validateDOMNesting(childTag, ancestorInfo) {
-      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
-      var parentInfo = ancestorInfo.current;
-      ancestorInfo = (parentInfo = isTagValidWithParent(
-        childTag,
-        parentInfo && parentInfo.tag
-      )
-        ? null
-        : parentInfo)
-        ? null
-        : findInvalidAncestorForTag(childTag, ancestorInfo);
-      ancestorInfo = parentInfo || ancestorInfo;
-      if (!ancestorInfo) return !0;
-      ancestorInfo = ancestorInfo.tag;
-      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      warnKey = "<" + childTag + ">";
-      parentInfo
-        ? ((parentInfo = ""),
-          "table" === ancestorInfo &&
-            "tr" === childTag &&
-            (parentInfo +=
-              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
-          console.error(
-            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            parentInfo,
-            getCurrentParentStackInDev()
-          ))
-        : console.error(
-            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            getCurrentParentStackInDev()
-          );
-      return !1;
-    }
-    function validateTextNesting(childText, parentTag) {
-      if (isTagValidWithParent("#text", parentTag)) return !0;
-      var warnKey = "#text|" + parentTag;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      /\S/.test(childText)
-        ? console.error(
-            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          )
-        : console.error(
-            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          );
-      return !1;
-    }
-    function setTextContent(node, text) {
-      if (text) {
-        var firstChild = node.firstChild;
-        if (
-          firstChild &&
-          firstChild === node.lastChild &&
-          3 === firstChild.nodeType
-        ) {
-          firstChild.nodeValue = text;
-          return;
-        }
-      }
-      node.textContent = text;
-    }
-    function camelize(string) {
-      return string.replace(hyphenPattern, function (_, character) {
-        return character.toUpperCase();
-      });
-    }
-    function setValueForStyle(style, styleName, value) {
-      var isCustomProperty = 0 === styleName.indexOf("--");
-      isCustomProperty ||
-        (-1 < styleName.indexOf("-")
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported style property %s. Did you mean %s?",
-              styleName,
-              camelize(styleName.replace(msPattern, "ms-"))
-            ))
-          : badVendoredStyleNamePattern.test(styleName)
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
-              styleName,
-              styleName.charAt(0).toUpperCase() + styleName.slice(1)
-            ))
-          : !badStyleValueWithSemicolonPattern.test(value) ||
-            (warnedStyleValues.hasOwnProperty(value) &&
-              warnedStyleValues[value]) ||
-            ((warnedStyleValues[value] = !0),
-            error$jscomp$0(
-              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
-              styleName,
-              value.replace(badStyleValueWithSemicolonPattern, "")
-            )),
-        "number" === typeof value &&
-          (isNaN(value)
-            ? warnedForNaNValue ||
-              ((warnedForNaNValue = !0),
-              error$jscomp$0(
-                "`NaN` is an invalid value for the `%s` css style property.",
-                styleName
-              ))
-            : isFinite(value) ||
-              warnedForInfinityValue ||
-              ((warnedForInfinityValue = !0),
-              error$jscomp$0(
-                "`Infinity` is an invalid value for the `%s` css style property.",
-                styleName
-              ))));
-      null == value || "boolean" === typeof value || "" === value
-        ? isCustomProperty
-          ? style.setProperty(styleName, "")
-          : "float" === styleName
-          ? (style.cssFloat = "")
-          : (style[styleName] = "")
-        : isCustomProperty
-        ? style.setProperty(styleName, value)
-        : "number" !== typeof value ||
-          0 === value ||
-          unitlessNumbers.has(styleName)
-        ? "float" === styleName
-          ? (style.cssFloat = value)
-          : (checkCSSPropertyStringCoercion(value, styleName),
-            (style[styleName] = ("" + value).trim()))
-        : (style[styleName] = value + "px");
-    }
-    function setValueForStyles(node, styles, prevStyles) {
-      if (null != styles && "object" !== typeof styles)
-        throw Error(
-          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+    function describeTextDiff(clientText, serverProps, indent) {
+      var maxLength = 120 - 2 * indent;
+      if (null === serverProps)
+        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
+      if ("string" === typeof serverProps) {
+        for (
+          var firstDiff = 0;
+          firstDiff < serverProps.length &&
+          firstDiff < clientText.length &&
+          serverProps.charCodeAt(firstDiff) ===
+            clientText.charCodeAt(firstDiff);
+          firstDiff++
+        );
+        firstDiff > maxLength - 8 &&
+          10 < firstDiff &&
+          ((clientText = "..." + clientText.slice(firstDiff - 8)),
+          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
+        return (
+          added(indent) +
+          describeTextNode(clientText, maxLength) +
+          "\n" +
+          removed(indent) +
+          describeTextNode(serverProps, maxLength) +
+          "\n"
         );
-      styles && Object.freeze(styles);
-      node = node.style;
-      if (null != prevStyles) {
-        if (styles) {
-          var expandedUpdates = {};
-          if (prevStyles)
-            for (var key in prevStyles)
-              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
-                for (
-                  var longhands = shorthandToLonghand[key] || [key], i = 0;
-                  i < longhands.length;
-                  i++
-                )
-                  expandedUpdates[longhands[i]] = key;
-          for (var _key in styles)
-            if (
-              styles.hasOwnProperty(_key) &&
-              (!prevStyles || prevStyles[_key] !== styles[_key])
-            )
-              for (
-                key = shorthandToLonghand[_key] || [_key], longhands = 0;
-                longhands < key.length;
-                longhands++
-              )
-                expandedUpdates[key[longhands]] = _key;
-          _key = {};
-          for (var key$jscomp$0 in styles)
-            for (
-              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
-                longhands = 0;
-              longhands < key.length;
-              longhands++
-            )
-              _key[key[longhands]] = key$jscomp$0;
-          key$jscomp$0 = {};
-          for (var _key2 in expandedUpdates)
-            (key = expandedUpdates[_key2]),
-              (longhands = _key[_key2]) &&
-                key !== longhands &&
-                ((i = key + "," + longhands),
-                key$jscomp$0[i] ||
-                  ((key$jscomp$0[i] = !0),
-                  (i = styles[key]),
-                  error$jscomp$0(
-                    "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
-                    null == i || "boolean" === typeof i || "" === i
-                      ? "Removing"
-                      : "Updating",
-                    key,
-                    longhands
-                  )));
-        }
-        for (var styleName in prevStyles)
-          !prevStyles.hasOwnProperty(styleName) ||
-            (null != styles && styles.hasOwnProperty(styleName)) ||
-            (0 === styleName.indexOf("--")
-              ? node.setProperty(styleName, "")
-              : "float" === styleName
-              ? (node.cssFloat = "")
-              : (node[styleName] = ""));
-        for (var _styleName in styles)
-          (_key2 = styles[_styleName]),
-            styles.hasOwnProperty(_styleName) &&
-              prevStyles[_styleName] !== _key2 &&
-              setValueForStyle(node, _styleName, _key2);
-      } else
-        for (expandedUpdates in styles)
-          styles.hasOwnProperty(expandedUpdates) &&
-            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
-    }
-    function isCustomElement(tagName) {
-      if (-1 === tagName.indexOf("-")) return !1;
-      switch (tagName) {
-        case "annotation-xml":
-        case "color-profile":
-        case "font-face":
-        case "font-face-src":
-        case "font-face-uri":
-        case "font-face-format":
-        case "font-face-name":
-        case "missing-glyph":
-          return !1;
-        default:
-          return !0;
       }
+      return (
+        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+      );
     }
-    function getAttributeAlias(name) {
-      return aliases.get(name) || name;
+    function objectName(object) {
+      return Object.prototype.toString
+        .call(object)
+        .replace(/^\[object (.*)\]$/, function (m, p0) {
+          return p0;
+        });
     }
-    function validateProperty$1(tagName, name) {
-      if (
-        hasOwnProperty.call(warnedProperties$1, name) &&
-        warnedProperties$1[name]
-      )
-        return !0;
-      if (rARIACamel$1.test(name)) {
-        tagName = "aria-" + name.slice(4).toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
-              name
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-        if (name !== tagName)
+    function describeValue(value, maxLength) {
+      switch (typeof value) {
+        case "string":
           return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
-              name,
-              tagName
-            ),
-            (warnedProperties$1[name] = !0)
+            (value = JSON.stringify(value)),
+            value.length > maxLength
+              ? 5 > maxLength
+                ? '"..."'
+                : value.slice(0, maxLength - 4) + '..."'
+              : value
           );
+        case "object":
+          if (null === value) return "null";
+          if (isArrayImpl(value)) return "[...]";
+          if (value.$$typeof === REACT_ELEMENT_TYPE)
+            return (maxLength = getComponentNameFromType(value.type))
+              ? "<" + maxLength + ">"
+              : "<...>";
+          var name = objectName(value);
+          if ("Object" === name) {
+            name = "";
+            maxLength -= 2;
+            for (var propName in value)
+              if (value.hasOwnProperty(propName)) {
+                var jsonPropName = JSON.stringify(propName);
+                jsonPropName !== '"' + propName + '"' &&
+                  (propName = jsonPropName);
+                maxLength -= propName.length - 2;
+                jsonPropName = describeValue(
+                  value[propName],
+                  15 > maxLength ? maxLength : 15
+                );
+                maxLength -= jsonPropName.length;
+                if (0 > maxLength) {
+                  name += "" === name ? "..." : ", ...";
+                  break;
+                }
+                name +=
+                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
+              }
+            return "{" + name + "}";
+          }
+          return name;
+        case "function":
+          return (maxLength = value.displayName || value.name)
+            ? "function " + maxLength
+            : "function";
+        default:
+          return String(value);
       }
-      if (rARIA$1.test(name)) {
-        tagName = name.toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
-        name !== tagName &&
-          (error$jscomp$0(
-            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
-            name,
-            tagName
-          ),
-          (warnedProperties$1[name] = !0));
-      }
-      return !0;
     }
-    function validateProperties$2(type, props) {
-      var invalidProps = [],
-        key;
-      for (key in props)
-        validateProperty$1(type, key) || invalidProps.push(key);
-      props = invalidProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === invalidProps.length
-        ? error$jscomp$0(
-            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          )
-        : 1 < invalidProps.length &&
-          error$jscomp$0(
-            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
+    function describePropValue(value, maxLength) {
+      return "string" !== typeof value || needsEscaping.test(value)
+        ? "{" + describeValue(value, maxLength - 2) + "}"
+        : value.length > maxLength - 2
+        ? 5 > maxLength
+          ? '"..."'
+          : '"' + value.slice(0, maxLength - 5) + '..."'
+        : '"' + value + '"';
+    }
+    function describeExpandedElement(type, props, rowPrefix) {
+      var remainingRowLength = 120 - rowPrefix.length - type.length,
+        properties = [],
+        propName;
+      for (propName in props)
+        if (props.hasOwnProperty(propName) && "children" !== propName) {
+          var propValue = describePropValue(
+            props[propName],
+            120 - rowPrefix.length - propName.length - 1
           );
+          remainingRowLength -= propName.length + propValue.length + 2;
+          properties.push(propName + "=" + propValue);
+        }
+      return 0 === properties.length
+        ? rowPrefix + "<" + type + ">\n"
+        : 0 < remainingRowLength
+        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
+        : rowPrefix +
+          "<" +
+          type +
+          "\n" +
+          rowPrefix +
+          "  " +
+          properties.join("\n" + rowPrefix + "  ") +
+          "\n" +
+          rowPrefix +
+          ">\n";
     }
-    function validateProperty(tagName, name, value, eventRegistry) {
-      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
-        return !0;
-      var lowerCasedName = name.toLowerCase();
-      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
-          ),
-          (warnedProperties[name] = !0)
+    function describePropertiesDiff(clientObject, serverObject, indent) {
+      var properties = "",
+        remainingServerProperties = assign({}, serverObject),
+        propName;
+      for (propName in clientObject)
+        if (clientObject.hasOwnProperty(propName)) {
+          delete remainingServerProperties[propName];
+          var maxLength = 120 - 2 * indent - propName.length - 2,
+            clientPropValue = describeValue(clientObject[propName], maxLength);
+          serverObject.hasOwnProperty(propName)
+            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
+              (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n"),
+              (properties +=
+                removed(indent) + propName + ": " + maxLength + "\n"))
+            : (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n");
+        }
+      for (var _propName in remainingServerProperties)
+        remainingServerProperties.hasOwnProperty(_propName) &&
+          ((clientObject = describeValue(
+            remainingServerProperties[_propName],
+            120 - 2 * indent - _propName.length - 2
+          )),
+          (properties +=
+            removed(indent) + _propName + ": " + clientObject + "\n"));
+      return properties;
+    }
+    function describeElementDiff(type, clientProps, serverProps, indent) {
+      var content = "",
+        serverPropNames = new Map();
+      for (propName$jscomp$0 in serverProps)
+        serverProps.hasOwnProperty(propName$jscomp$0) &&
+          serverPropNames.set(
+            propName$jscomp$0.toLowerCase(),
+            propName$jscomp$0
+          );
+      if (1 === serverPropNames.size && serverPropNames.has("children"))
+        content += describeExpandedElement(
+          type,
+          clientProps,
+          indentation(indent)
         );
+      else {
+        for (var _propName2 in clientProps)
+          if (
+            clientProps.hasOwnProperty(_propName2) &&
+            "children" !== _propName2
+          ) {
+            var maxLength$jscomp$0 =
+                120 - 2 * (indent + 1) - _propName2.length - 1,
+              serverPropName = serverPropNames.get(_propName2.toLowerCase());
+            if (void 0 !== serverPropName) {
+              serverPropNames.delete(_propName2.toLowerCase());
+              var propName$jscomp$0 = clientProps[_propName2];
+              serverPropName = serverProps[serverPropName];
+              var clientPropValue = describePropValue(
+                propName$jscomp$0,
+                maxLength$jscomp$0
+              );
+              maxLength$jscomp$0 = describePropValue(
+                serverPropName,
+                maxLength$jscomp$0
+              );
+              "object" === typeof propName$jscomp$0 &&
+              null !== propName$jscomp$0 &&
+              "object" === typeof serverPropName &&
+              null !== serverPropName &&
+              "Object" === objectName(propName$jscomp$0) &&
+              "Object" === objectName(serverPropName) &&
+              (2 < Object.keys(propName$jscomp$0).length ||
+                2 < Object.keys(serverPropName).length ||
+                -1 < clientPropValue.indexOf("...") ||
+                -1 < maxLength$jscomp$0.indexOf("..."))
+                ? (content +=
+                    indentation(indent + 1) +
+                    _propName2 +
+                    "={{\n" +
+                    describePropertiesDiff(
+                      propName$jscomp$0,
+                      serverPropName,
+                      indent + 2
+                    ) +
+                    indentation(indent + 1) +
+                    "}}\n")
+                : ((content +=
+                    added(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    clientPropValue +
+                    "\n"),
+                  (content +=
+                    removed(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    maxLength$jscomp$0 +
+                    "\n"));
+            } else
+              content +=
+                indentation(indent + 1) +
+                _propName2 +
+                "=" +
+                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
+                "\n";
+          }
+        serverPropNames.forEach(function (propName) {
+          if ("children" !== propName) {
+            var maxLength = 120 - 2 * (indent + 1) - propName.length - 1;
+            content +=
+              removed(indent + 1) +
+              propName +
+              "=" +
+              describePropValue(serverProps[propName], maxLength) +
+              "\n";
+          }
+        });
+        content =
+          "" === content
+            ? indentation(indent) + "<" + type + ">\n"
+            : indentation(indent) +
+              "<" +
+              type +
+              "\n" +
+              content +
+              indentation(indent) +
+              ">\n";
+      }
+      type = serverProps.children;
+      clientProps = clientProps.children;
       if (
-        "function" === typeof value &&
-        (("form" === tagName && "action" === name) ||
-          ("input" === tagName && "formAction" === name) ||
-          ("button" === tagName && "formAction" === name))
+        "string" === typeof type ||
+        "number" === typeof type ||
+        "bigint" === typeof type
+      ) {
+        serverPropNames = "";
+        if (
+          "string" === typeof clientProps ||
+          "number" === typeof clientProps ||
+          "bigint" === typeof clientProps
+        )
+          serverPropNames = "" + clientProps;
+        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
+      } else if (
+        "string" === typeof clientProps ||
+        "number" === typeof clientProps ||
+        "bigint" === typeof clientProps
       )
-        return !0;
-      if (null != eventRegistry) {
-        tagName = eventRegistry.possibleRegistrationNames;
-        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
-          return !0;
-        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
-          ? tagName[lowerCasedName]
-          : null;
-        if (null != eventRegistry)
-          return (
-            error$jscomp$0(
-              "Invalid event handler property `%s`. Did you mean `%s`?",
-              name,
-              eventRegistry
-            ),
-            (warnedProperties[name] = !0)
-          );
-        if (EVENT_NAME_REGEX.test(name))
-          return (
-            error$jscomp$0(
-              "Unknown event handler property `%s`. It will be ignored.",
-              name
-            ),
-            (warnedProperties[name] = !0)
-          );
-      } else if (EVENT_NAME_REGEX.test(name))
-        return (
-          INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$0(
-              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
-              name
-            ),
-          (warnedProperties[name] = !0)
-        );
-      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
-      if ("innerhtml" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("aria" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
-          ),
-          (warnedProperties[name] = !0)
-        );
+        content =
+          null == type
+            ? content + describeTextDiff("" + clientProps, null, indent + 1)
+            : content + describeTextDiff("" + clientProps, void 0, indent + 1);
+      return content;
+    }
+    function describeSiblingFiber(fiber, indent) {
+      var type = describeFiberType(fiber);
+      if (null === type) {
+        type = "";
+        for (fiber = fiber.child; fiber; )
+          (type += describeSiblingFiber(fiber, indent)),
+            (fiber = fiber.sibling);
+        return type;
+      }
+      return indentation(indent) + "<" + type + ">\n";
+    }
+    function describeNode(node, indent) {
+      var skipToNode = findNotableNode(node, indent);
       if (
-        "is" === lowerCasedName &&
-        null !== value &&
-        void 0 !== value &&
-        "string" !== typeof value
+        skipToNode !== node &&
+        (1 !== node.children.length || node.children[0] !== skipToNode)
       )
         return (
-          error$jscomp$0(
-            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
-            typeof value
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("number" === typeof value && isNaN(value))
-        return (
-          error$jscomp$0(
-            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
-            name
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-        if (
-          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
-          lowerCasedName !== name)
-        )
-          return (
-            error$jscomp$0(
-              "Invalid DOM property `%s`. Did you mean `%s`?",
-              name,
-              lowerCasedName
-            ),
-            (warnedProperties[name] = !0)
-          );
-      } else if (name !== lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
-            name,
-            lowerCasedName
-          ),
-          (warnedProperties[name] = !0)
+          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
         );
-      switch (name) {
-        case "dangerouslySetInnerHTML":
-        case "children":
-        case "style":
-        case "suppressContentEditableWarning":
-        case "suppressHydrationWarning":
-        case "defaultValue":
-        case "defaultChecked":
-        case "innerHTML":
-        case "ref":
-          return !0;
-        case "innerText":
-        case "textContent":
-          return !0;
-      }
-      switch (typeof value) {
-        case "boolean":
-          switch (name) {
-            case "autoFocus":
-            case "checked":
-            case "multiple":
-            case "muted":
-            case "selected":
-            case "contentEditable":
-            case "spellCheck":
-            case "draggable":
-            case "value":
-            case "autoReverse":
-            case "externalResourcesRequired":
-            case "focusable":
-            case "preserveAlpha":
-            case "allowFullScreen":
-            case "async":
-            case "autoPlay":
-            case "controls":
-            case "default":
-            case "defer":
-            case "disabled":
-            case "disablePictureInPicture":
-            case "disableRemotePlayback":
-            case "formNoValidate":
-            case "hidden":
-            case "loop":
-            case "noModule":
-            case "noValidate":
-            case "open":
-            case "playsInline":
-            case "readOnly":
-            case "required":
-            case "reversed":
-            case "scoped":
-            case "seamless":
-            case "itemScope":
-            case "capture":
-            case "download":
-            case "inert":
-              return !0;
-            default:
-              lowerCasedName = name.toLowerCase().slice(0, 5);
-              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
-                return !0;
-              value
-                ? error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name
-                  )
-                : error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name,
-                    name,
-                    name
-                  );
-              return (warnedProperties[name] = !0);
-          }
-        case "function":
-        case "symbol":
-          return (warnedProperties[name] = !0), !1;
-        case "string":
-          if ("false" === value || "true" === value) {
-            switch (name) {
-              case "checked":
-              case "selected":
-              case "multiple":
-              case "muted":
-              case "allowFullScreen":
-              case "async":
-              case "autoPlay":
-              case "controls":
-              case "default":
-              case "defer":
-              case "disabled":
-              case "disablePictureInPicture":
-              case "disableRemotePlayback":
-              case "formNoValidate":
-              case "hidden":
-              case "loop":
-              case "noModule":
-              case "noValidate":
-              case "open":
-              case "playsInline":
-              case "readOnly":
-              case "required":
-              case "reversed":
-              case "scoped":
-              case "seamless":
-              case "itemScope":
-              case "inert":
+      skipToNode = "";
+      var debugInfo = node.fiber._debugInfo;
+      if (debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var serverComponentName = debugInfo[i].name;
+          "string" === typeof serverComponentName &&
+            ((skipToNode +=
+              indentation(indent) + "<" + serverComponentName + ">\n"),
+            indent++);
+        }
+      debugInfo = "";
+      i = node.fiber.pendingProps;
+      if (6 === node.fiber.tag)
+        (debugInfo = describeTextDiff(i, node.serverProps, indent)), indent++;
+      else if (
+        ((serverComponentName = describeFiberType(node.fiber)),
+        null !== serverComponentName)
+      )
+        if (void 0 === node.serverProps) {
+          debugInfo = indent;
+          var maxLength = 120 - 2 * debugInfo - serverComponentName.length - 2,
+            content = "";
+          for (propName in i)
+            if (i.hasOwnProperty(propName) && "children" !== propName) {
+              var propValue = describePropValue(i[propName], 15);
+              maxLength -= propName.length + propValue.length + 2;
+              if (0 > maxLength) {
+                content += " ...";
                 break;
-              default:
-                return !0;
+              }
+              content += " " + propName + "=" + propValue;
             }
-            error$jscomp$0(
-              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
-              value,
-              name,
-              "false" === value
-                ? "The browser will interpret it as a truthy value."
-                : 'Although this works, it will not work as expected if you pass the string "false".',
-              name,
-              value
-            );
-            warnedProperties[name] = !0;
-          }
-      }
-      return !0;
-    }
-    function warnUnknownProperties(type, props, eventRegistry) {
-      var unknownProps = [],
-        key;
-      for (key in props)
-        validateProperty(type, key, props[key], eventRegistry) ||
-          unknownProps.push(key);
-      props = unknownProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === unknownProps.length
-        ? error$jscomp$0(
-            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          )
-        : 1 < unknownProps.length &&
-          error$jscomp$0(
-            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          );
-    }
-    function sanitizeURL(url) {
-      return isJavaScriptProtocol.test("" + url)
-        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
-        : url;
-    }
-    function getEventTarget(nativeEvent) {
-      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-      nativeEvent.correspondingUseElement &&
-        (nativeEvent = nativeEvent.correspondingUseElement);
-      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-    }
-    function restoreStateOfTarget(target) {
-      var internalInstance = getInstanceFromNode(target);
-      if (internalInstance && (target = internalInstance.stateNode)) {
-        var props = target[internalPropsKey] || null;
-        a: switch (
-          ((target = internalInstance.stateNode), internalInstance.type)
-        ) {
-          case "input":
-            updateInput(
-              target,
-              props.value,
-              props.defaultValue,
-              props.defaultValue,
-              props.checked,
-              props.defaultChecked,
-              props.type,
-              props.name
-            );
-            internalInstance = props.name;
-            if ("radio" === props.type && null != internalInstance) {
-              for (props = target; props.parentNode; ) props = props.parentNode;
-              checkAttributeStringCoercion(internalInstance, "name");
-              props = props.querySelectorAll(
-                'input[name="' +
-                  escapeSelectorAttributeValueInsideDoubleQuotes(
-                    "" + internalInstance
-                  ) +
-                  '"][type="radio"]'
-              );
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              ) {
-                var otherNode = props[internalInstance];
-                if (otherNode !== target && otherNode.form === target.form) {
-                  var otherProps = otherNode[internalPropsKey] || null;
-                  if (!otherProps)
-                    throw Error(
-                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
-                    );
-                  updateInput(
-                    otherNode,
-                    otherProps.value,
-                    otherProps.defaultValue,
-                    otherProps.defaultValue,
-                    otherProps.checked,
-                    otherProps.defaultChecked,
-                    otherProps.type,
-                    otherProps.name
-                  );
-                }
-              }
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
+          debugInfo =
+            indentation(debugInfo) +
+            "<" +
+            serverComponentName +
+            content +
+            ">\n";
+          indent++;
+        } else
+          null === node.serverProps
+            ? ((debugInfo = describeExpandedElement(
+                serverComponentName,
+                i,
+                added(indent)
+              )),
+              indent++)
+            : "string" === typeof node.serverProps
+            ? console.error(
+                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
               )
-                (otherNode = props[internalInstance]),
-                  otherNode.form === target.form &&
-                    updateValueIfChanged(otherNode);
-            }
-            break a;
-          case "textarea":
-            updateTextarea(target, props.value, props.defaultValue);
-            break a;
-          case "select":
-            (internalInstance = props.value),
-              null != internalInstance &&
-                updateOptions(target, !!props.multiple, internalInstance, !1);
-        }
-      }
+            : ((debugInfo = describeElementDiff(
+                serverComponentName,
+                i,
+                node.serverProps,
+                indent
+              )),
+              indent++);
+      var propName = "";
+      i = node.fiber.child;
+      for (
+        serverComponentName = 0;
+        i && serverComponentName < node.children.length;
+
+      )
+        (maxLength = node.children[serverComponentName]),
+          maxLength.fiber === i
+            ? ((propName += describeNode(maxLength, indent)),
+              serverComponentName++)
+            : (propName += describeSiblingFiber(i, indent)),
+          (i = i.sibling);
+      i &&
+        0 < node.children.length &&
+        (propName += indentation(indent) + "...\n");
+      i = node.serverTail;
+      null === node.serverProps && indent--;
+      for (node = 0; node < i.length; node++)
+        (serverComponentName = i[node]),
+          (propName =
+            "string" === typeof serverComponentName
+              ? propName +
+                (removed(indent) +
+                  describeTextNode(serverComponentName, 120 - 2 * indent) +
+                  "\n")
+              : propName +
+                describeExpandedElement(
+                  serverComponentName.type,
+                  serverComponentName.props,
+                  removed(indent)
+                ));
+      return skipToNode + debugInfo + propName;
     }
-    function batchedUpdates$1(fn, a, b) {
-      if (isInsideEventHandler) return fn(a, b);
-      isInsideEventHandler = !0;
+    function describeDiff(rootNode) {
       try {
-        var JSCompiler_inline_result = fn(a);
-        return JSCompiler_inline_result;
-      } finally {
-        if (
-          ((isInsideEventHandler = !1),
-          null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (flushSyncWork$1(),
-            restoreTarget &&
-              ((a = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(a),
-              fn))
-          )
-            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
-      }
-    }
-    function getListener(inst, registrationName) {
-      var stateNode = inst.stateNode;
-      if (null === stateNode) return null;
-      var props = stateNode[internalPropsKey] || null;
-      if (null === props) return null;
-      stateNode = props[registrationName];
-      a: switch (registrationName) {
-        case "onClick":
-        case "onClickCapture":
-        case "onDoubleClick":
-        case "onDoubleClickCapture":
-        case "onMouseDown":
-        case "onMouseDownCapture":
-        case "onMouseMove":
-        case "onMouseMoveCapture":
-        case "onMouseUp":
-        case "onMouseUpCapture":
-        case "onMouseEnter":
-          (props = !props.disabled) ||
-            ((inst = inst.type),
-            (props = !(
-              "button" === inst ||
-              "input" === inst ||
-              "select" === inst ||
-              "textarea" === inst
-            )));
-          inst = !props;
-          break a;
-        default:
-          inst = !1;
+        return "\n\n" + describeNode(rootNode, 0);
+      } catch (x) {
+        return "";
       }
-      if (inst) return null;
-      if (stateNode && "function" !== typeof stateNode)
-        throw Error(
-          "Expected `" +
-            registrationName +
-            "` listener to be a function, instead got a value of `" +
-            typeof stateNode +
-            "` type."
-        );
-      return stateNode;
-    }
-    function getData() {
-      if (fallbackText) return fallbackText;
-      var start,
-        startValue = startText,
-        startLength = startValue.length,
-        end,
-        endValue = "value" in root ? root.value : root.textContent,
-        endLength = endValue.length;
-      for (
-        start = 0;
-        start < startLength && startValue[start] === endValue[start];
-        start++
-      );
-      var minEnd = startLength - start;
-      for (
-        end = 1;
-        end <= minEnd &&
-        startValue[startLength - end] === endValue[endLength - end];
-        end++
-      );
-      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function getEventCharCode(nativeEvent) {
-      var keyCode = nativeEvent.keyCode;
-      "charCode" in nativeEvent
-        ? ((nativeEvent = nativeEvent.charCode),
-          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
-        : (nativeEvent = keyCode);
-      10 === nativeEvent && (nativeEvent = 13);
-      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
-    }
-    function functionThatReturnsTrue() {
-      return !0;
+    function describeAncestors(ancestor, child, props) {
+      for (var fiber = child, node = null, distanceFromLeaf = 0; fiber; )
+        fiber === ancestor && (distanceFromLeaf = 0),
+          (node = {
+            fiber: fiber,
+            children: null !== node ? [node] : [],
+            serverProps:
+              fiber === child ? props : fiber === ancestor ? null : void 0,
+            serverTail: [],
+            distanceFromLeaf: distanceFromLeaf
+          }),
+          distanceFromLeaf++,
+          (fiber = fiber.return);
+      return null !== node ? describeDiff(node).replaceAll(/^[+-]/gm, ">") : "";
     }
-    function functionThatReturnsFalse() {
-      return !1;
-    }
-    function createSyntheticEvent(Interface) {
-      function SyntheticBaseEvent(
-        reactName,
-        reactEventType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      ) {
-        this._reactName = reactName;
-        this._targetInst = targetInst;
-        this.type = reactEventType;
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEventTarget;
-        this.currentTarget = null;
-        for (var propName in Interface)
-          Interface.hasOwnProperty(propName) &&
-            ((reactName = Interface[propName]),
-            (this[propName] = reactName
-              ? reactName(nativeEvent)
-              : nativeEvent[propName]));
-        this.isDefaultPrevented = (
-          null != nativeEvent.defaultPrevented
-            ? nativeEvent.defaultPrevented
-            : !1 === nativeEvent.returnValue
-        )
-          ? functionThatReturnsTrue
-          : functionThatReturnsFalse;
-        this.isPropagationStopped = functionThatReturnsFalse;
-        return this;
-      }
-      assign(SyntheticBaseEvent.prototype, {
-        preventDefault: function () {
-          this.defaultPrevented = !0;
-          var event = this.nativeEvent;
-          event &&
-            (event.preventDefault
-              ? event.preventDefault()
-              : "unknown" !== typeof event.returnValue &&
-                (event.returnValue = !1),
-            (this.isDefaultPrevented = functionThatReturnsTrue));
-        },
-        stopPropagation: function () {
-          var event = this.nativeEvent;
-          event &&
-            (event.stopPropagation
-              ? event.stopPropagation()
-              : "unknown" !== typeof event.cancelBubble &&
-                (event.cancelBubble = !0),
-            (this.isPropagationStopped = functionThatReturnsTrue));
-        },
-        persist: function () {},
-        isPersistent: functionThatReturnsTrue
-      });
-      return SyntheticBaseEvent;
-    }
-    function modifierStateGetter(keyArg) {
-      var nativeEvent = this.nativeEvent;
-      return nativeEvent.getModifierState
-        ? nativeEvent.getModifierState(keyArg)
-        : (keyArg = modifierKeyToProp[keyArg])
-        ? !!nativeEvent[keyArg]
-        : !1;
-    }
-    function getEventModifierState() {
-      return modifierStateGetter;
+    function updatedAncestorInfoDev(oldInfo, tag) {
+      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
+      var info = { tag: tag };
+      -1 !== inScopeTags.indexOf(tag) &&
+        ((oldInfo.aTagInScope = null),
+        (oldInfo.buttonTagInScope = null),
+        (oldInfo.nobrTagInScope = null));
+      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
+      -1 !== specialTags.indexOf(tag) &&
+        "address" !== tag &&
+        "div" !== tag &&
+        "p" !== tag &&
+        ((oldInfo.listItemTagAutoclosing = null),
+        (oldInfo.dlItemTagAutoclosing = null));
+      oldInfo.current = info;
+      "form" === tag && (oldInfo.formTag = info);
+      "a" === tag && (oldInfo.aTagInScope = info);
+      "button" === tag && (oldInfo.buttonTagInScope = info);
+      "nobr" === tag && (oldInfo.nobrTagInScope = info);
+      "p" === tag && (oldInfo.pTagInButtonScope = info);
+      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
+      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
+      "#document" === tag || "html" === tag
+        ? (oldInfo.containerTagInScope = null)
+        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
+      return oldInfo;
     }
-    function isFallbackCompositionEnd(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "keyup":
-          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
-        case "keydown":
-          return nativeEvent.keyCode !== START_KEYCODE;
-        case "keypress":
-        case "mousedown":
-        case "focusout":
-          return !0;
-        default:
-          return !1;
+    function isTagValidWithParent(tag, parentTag) {
+      switch (parentTag) {
+        case "select":
+          return (
+            "hr" === tag ||
+            "option" === tag ||
+            "optgroup" === tag ||
+            "#text" === tag
+          );
+        case "optgroup":
+          return "option" === tag || "#text" === tag;
+        case "option":
+          return "#text" === tag;
+        case "tr":
+          return (
+            "th" === tag ||
+            "td" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "tbody":
+        case "thead":
+        case "tfoot":
+          return (
+            "tr" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "colgroup":
+          return "col" === tag || "template" === tag;
+        case "table":
+          return (
+            "caption" === tag ||
+            "colgroup" === tag ||
+            "tbody" === tag ||
+            "tfoot" === tag ||
+            "thead" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "head":
+          return (
+            "base" === tag ||
+            "basefont" === tag ||
+            "bgsound" === tag ||
+            "link" === tag ||
+            "meta" === tag ||
+            "title" === tag ||
+            "noscript" === tag ||
+            "noframes" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "html":
+          return "head" === tag || "body" === tag || "frameset" === tag;
+        case "frameset":
+          return "frame" === tag;
+        case "#document":
+          return "html" === tag;
       }
-    }
-    function getDataFromCustomEvent(nativeEvent) {
-      nativeEvent = nativeEvent.detail;
-      return "object" === typeof nativeEvent && "data" in nativeEvent
-        ? nativeEvent.data
-        : null;
-    }
-    function getNativeBeforeInputChars(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "compositionend":
-          return getDataFromCustomEvent(nativeEvent);
-        case "keypress":
-          if (nativeEvent.which !== SPACEBAR_CODE) return null;
-          hasSpaceKeypress = !0;
-          return SPACEBAR_CHAR;
-        case "textInput":
+      switch (tag) {
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
           return (
-            (domEventName = nativeEvent.data),
-            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
-              ? null
-              : domEventName
+            "h1" !== parentTag &&
+            "h2" !== parentTag &&
+            "h3" !== parentTag &&
+            "h4" !== parentTag &&
+            "h5" !== parentTag &&
+            "h6" !== parentTag
           );
-        default:
-          return null;
+        case "rp":
+        case "rt":
+          return -1 === impliedEndTags.indexOf(parentTag);
+        case "body":
+        case "caption":
+        case "col":
+        case "colgroup":
+        case "frameset":
+        case "frame":
+        case "head":
+        case "html":
+        case "tbody":
+        case "td":
+        case "tfoot":
+        case "th":
+        case "thead":
+        case "tr":
+          return null == parentTag;
       }
+      return !0;
     }
-    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-      if (isComposing)
-        return "compositionend" === domEventName ||
-          (!canUseCompositionEvent &&
-            isFallbackCompositionEnd(domEventName, nativeEvent))
-          ? ((domEventName = getData()),
-            (fallbackText = startText = root = null),
-            (isComposing = !1),
-            domEventName)
-          : null;
-      switch (domEventName) {
-        case "paste":
-          return null;
-        case "keypress":
-          if (
-            !(
-              nativeEvent.ctrlKey ||
-              nativeEvent.altKey ||
-              nativeEvent.metaKey
-            ) ||
-            (nativeEvent.ctrlKey && nativeEvent.altKey)
-          ) {
-            if (nativeEvent.char && 1 < nativeEvent.char.length)
-              return nativeEvent.char;
-            if (nativeEvent.which)
-              return String.fromCharCode(nativeEvent.which);
-          }
-          return null;
-        case "compositionend":
-          return useFallbackCompositionData && "ko" !== nativeEvent.locale
-            ? null
-            : nativeEvent.data;
-        default:
-          return null;
+    function findInvalidAncestorForTag(tag, ancestorInfo) {
+      switch (tag) {
+        case "address":
+        case "article":
+        case "aside":
+        case "blockquote":
+        case "center":
+        case "details":
+        case "dialog":
+        case "dir":
+        case "div":
+        case "dl":
+        case "fieldset":
+        case "figcaption":
+        case "figure":
+        case "footer":
+        case "header":
+        case "hgroup":
+        case "main":
+        case "menu":
+        case "nav":
+        case "ol":
+        case "p":
+        case "section":
+        case "summary":
+        case "ul":
+        case "pre":
+        case "listing":
+        case "table":
+        case "hr":
+        case "xmp":
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return ancestorInfo.pTagInButtonScope;
+        case "form":
+          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
+        case "li":
+          return ancestorInfo.listItemTagAutoclosing;
+        case "dd":
+        case "dt":
+          return ancestorInfo.dlItemTagAutoclosing;
+        case "button":
+          return ancestorInfo.buttonTagInScope;
+        case "a":
+          return ancestorInfo.aTagInScope;
+        case "nobr":
+          return ancestorInfo.nobrTagInScope;
       }
+      return null;
     }
-    function isTextInputElement(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return "input" === nodeName
-        ? !!supportedInputTypes[elem.type]
-        : "textarea" === nodeName
-        ? !0
-        : !1;
-    }
-    function isEventSupported(eventNameSuffix) {
-      if (!canUseDOM) return !1;
-      eventNameSuffix = "on" + eventNameSuffix;
-      var isSupported = eventNameSuffix in document;
-      isSupported ||
-        ((isSupported = document.createElement("div")),
-        isSupported.setAttribute(eventNameSuffix, "return;"),
-        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
-      return isSupported;
-    }
-    function createAndAccumulateChangeEvent(
-      dispatchQueue,
-      inst,
-      nativeEvent,
-      target
-    ) {
-      restoreTarget
-        ? restoreQueue
-          ? restoreQueue.push(target)
-          : (restoreQueue = [target])
-        : (restoreTarget = target);
-      inst = accumulateTwoPhaseListeners(inst, "onChange");
-      0 < inst.length &&
-        ((nativeEvent = new SyntheticEvent(
-          "onChange",
-          "change",
-          null,
-          nativeEvent,
-          target
-        )),
-        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
-    }
-    function runEventInBatch(dispatchQueue) {
-      processDispatchQueue(dispatchQueue, 0);
-    }
-    function getInstIfValueChanged(targetInst) {
-      var targetNode = getNodeFromInstance(targetInst);
-      if (updateValueIfChanged(targetNode)) return targetInst;
-    }
-    function getTargetInstForChangeEvent(domEventName, targetInst) {
-      if ("change" === domEventName) return targetInst;
-    }
-    function stopWatchingForValueChange() {
-      activeElement$1 &&
-        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
-        (activeElementInst$1 = activeElement$1 = null));
-    }
-    function handlePropertyChange(nativeEvent) {
-      if (
-        "value" === nativeEvent.propertyName &&
-        getInstIfValueChanged(activeElementInst$1)
-      ) {
-        var dispatchQueue = [];
-        createAndAccumulateChangeEvent(
-          dispatchQueue,
-          activeElementInst$1,
-          nativeEvent,
-          getEventTarget(nativeEvent)
-        );
-        batchedUpdates$1(runEventInBatch, dispatchQueue);
+    function findAncestor(parent, tagName) {
+      for (; parent; ) {
+        switch (parent.tag) {
+          case 5:
+          case 26:
+          case 27:
+            if (parent.type === tagName) return parent;
+        }
+        parent = parent.return;
       }
+      return null;
     }
-    function handleEventsForInputEventPolyfill(
-      domEventName,
-      target,
-      targetInst
-    ) {
-      "focusin" === domEventName
-        ? (stopWatchingForValueChange(),
-          (activeElement$1 = target),
-          (activeElementInst$1 = targetInst),
-          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
-        : "focusout" === domEventName && stopWatchingForValueChange();
-    }
-    function getTargetInstForInputEventPolyfill(domEventName) {
-      if (
-        "selectionchange" === domEventName ||
-        "keyup" === domEventName ||
-        "keydown" === domEventName
+    function validateDOMNesting(childTag, ancestorInfo) {
+      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
+      var parentInfo = ancestorInfo.current;
+      ancestorInfo = (parentInfo = isTagValidWithParent(
+        childTag,
+        parentInfo && parentInfo.tag
       )
-        return getInstIfValueChanged(activeElementInst$1);
-    }
-    function getTargetInstForClickEvent(domEventName, targetInst) {
-      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
-    }
-    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
-      if ("input" === domEventName || "change" === domEventName)
-        return getInstIfValueChanged(targetInst);
+        ? null
+        : parentInfo)
+        ? null
+        : findInvalidAncestorForTag(childTag, ancestorInfo);
+      ancestorInfo = parentInfo || ancestorInfo;
+      if (!ancestorInfo) return !0;
+      ancestorInfo = ancestorInfo.tag;
+      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey.return, ancestorInfo)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(ancestor, warnKey, null)
+          : "";
+      ancestor = "<" + childTag + ">";
+      parentInfo
+        ? ((parentInfo = ""),
+          "table" === ancestorInfo &&
+            "tr" === childTag &&
+            (parentInfo +=
+              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
+          console.error(
+            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
+            ancestor,
+            ancestorInfo,
+            parentInfo,
+            warnKey
+          ))
+        : console.error(
+            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
+            ancestor,
+            ancestorInfo,
+            warnKey
+          );
+      return !1;
     }
-    function is(x, y) {
-      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    function validateTextNesting(childText, parentTag) {
+      if (isTagValidWithParent("#text", parentTag)) return !0;
+      var warnKey = "#text|" + parentTag;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey, parentTag)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(
+              ancestor,
+              warnKey,
+              6 !== warnKey.tag ? { children: null } : null
+            )
+          : "";
+      /\S/.test(childText)
+        ? console.error(
+            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          )
+        : console.error(
+            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          );
+      return !1;
     }
-    function shallowEqual(objA, objB) {
-      if (objectIs(objA, objB)) return !0;
-      if (
-        "object" !== typeof objA ||
-        null === objA ||
-        "object" !== typeof objB ||
-        null === objB
-      )
-        return !1;
-      var keysA = Object.keys(objA),
-        keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) return !1;
-      for (keysB = 0; keysB < keysA.length; keysB++) {
-        var currentKey = keysA[keysB];
+    function setTextContent(node, text) {
+      if (text) {
+        var firstChild = node.firstChild;
         if (
-          !hasOwnProperty.call(objB, currentKey) ||
-          !objectIs(objA[currentKey], objB[currentKey])
-        )
-          return !1;
+          firstChild &&
+          firstChild === node.lastChild &&
+          3 === firstChild.nodeType
+        ) {
+          firstChild.nodeValue = text;
+          return;
+        }
       }
-      return !0;
+      node.textContent = text;
     }
-    function getLeafNode(node) {
-      for (; node && node.firstChild; ) node = node.firstChild;
-      return node;
+    function camelize(string) {
+      return string.replace(hyphenPattern, function (_, character) {
+        return character.toUpperCase();
+      });
     }
-    function getNodeForCharacterOffset(root, offset) {
-      var node = getLeafNode(root);
-      root = 0;
-      for (var nodeEnd; node; ) {
-        if (3 === node.nodeType) {
-          nodeEnd = root + node.textContent.length;
-          if (root <= offset && nodeEnd >= offset)
-            return { node: node, offset: offset - root };
-          root = nodeEnd;
-        }
-        a: {
-          for (; node; ) {
-            if (node.nextSibling) {
-              node = node.nextSibling;
-              break a;
-            }
-            node = node.parentNode;
-          }
-          node = void 0;
+    function setValueForStyle(style, styleName, value) {
+      var isCustomProperty = 0 === styleName.indexOf("--");
+      isCustomProperty ||
+        (-1 < styleName.indexOf("-")
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported style property %s. Did you mean %s?",
+              styleName,
+              camelize(styleName.replace(msPattern, "ms-"))
+            ))
+          : badVendoredStyleNamePattern.test(styleName)
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
+              styleName,
+              styleName.charAt(0).toUpperCase() + styleName.slice(1)
+            ))
+          : !badStyleValueWithSemicolonPattern.test(value) ||
+            (warnedStyleValues.hasOwnProperty(value) &&
+              warnedStyleValues[value]) ||
+            ((warnedStyleValues[value] = !0),
+            console.error(
+              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
+              styleName,
+              value.replace(badStyleValueWithSemicolonPattern, "")
+            )),
+        "number" === typeof value &&
+          (isNaN(value)
+            ? warnedForNaNValue ||
+              ((warnedForNaNValue = !0),
+              console.error(
+                "`NaN` is an invalid value for the `%s` css style property.",
+                styleName
+              ))
+            : isFinite(value) ||
+              warnedForInfinityValue ||
+              ((warnedForInfinityValue = !0),
+              console.error(
+                "`Infinity` is an invalid value for the `%s` css style property.",
+                styleName
+              ))));
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? style.setProperty(styleName, "")
+          : "float" === styleName
+          ? (style.cssFloat = "")
+          : (style[styleName] = "")
+        : isCustomProperty
+        ? style.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          unitlessNumbers.has(styleName)
+        ? "float" === styleName
+          ? (style.cssFloat = value)
+          : (checkCSSPropertyStringCoercion(value, styleName),
+            (style[styleName] = ("" + value).trim()))
+        : (style[styleName] = value + "px");
+    }
+    function setValueForStyles(node, styles, prevStyles) {
+      if (null != styles && "object" !== typeof styles)
+        throw Error(
+          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+        );
+      styles && Object.freeze(styles);
+      node = node.style;
+      if (null != prevStyles) {
+        if (styles) {
+          var expandedUpdates = {};
+          if (prevStyles)
+            for (var key in prevStyles)
+              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
+                for (
+                  var longhands = shorthandToLonghand[key] || [key], i = 0;
+                  i < longhands.length;
+                  i++
+                )
+                  expandedUpdates[longhands[i]] = key;
+          for (var _key in styles)
+            if (
+              styles.hasOwnProperty(_key) &&
+              (!prevStyles || prevStyles[_key] !== styles[_key])
+            )
+              for (
+                key = shorthandToLonghand[_key] || [_key], longhands = 0;
+                longhands < key.length;
+                longhands++
+              )
+                expandedUpdates[key[longhands]] = _key;
+          _key = {};
+          for (var key$jscomp$0 in styles)
+            for (
+              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
+                longhands = 0;
+              longhands < key.length;
+              longhands++
+            )
+              _key[key[longhands]] = key$jscomp$0;
+          key$jscomp$0 = {};
+          for (var _key2 in expandedUpdates)
+            if (
+              ((key = expandedUpdates[_key2]),
+              (longhands = _key[_key2]) &&
+                key !== longhands &&
+                ((i = key + "," + longhands), !key$jscomp$0[i]))
+            ) {
+              key$jscomp$0[i] = !0;
+              i = console;
+              var value = styles[key];
+              i.error.call(
+                i,
+                "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
+                null == value || "boolean" === typeof value || "" === value
+                  ? "Removing"
+                  : "Updating",
+                key,
+                longhands
+              );
+            }
         }
-        node = getLeafNode(node);
+        for (var styleName in prevStyles)
+          !prevStyles.hasOwnProperty(styleName) ||
+            (null != styles && styles.hasOwnProperty(styleName)) ||
+            (0 === styleName.indexOf("--")
+              ? node.setProperty(styleName, "")
+              : "float" === styleName
+              ? (node.cssFloat = "")
+              : (node[styleName] = ""));
+        for (var _styleName in styles)
+          (_key2 = styles[_styleName]),
+            styles.hasOwnProperty(_styleName) &&
+              prevStyles[_styleName] !== _key2 &&
+              setValueForStyle(node, _styleName, _key2);
+      } else
+        for (expandedUpdates in styles)
+          styles.hasOwnProperty(expandedUpdates) &&
+            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
+    }
+    function isCustomElement(tagName) {
+      if (-1 === tagName.indexOf("-")) return !1;
+      switch (tagName) {
+        case "annotation-xml":
+        case "color-profile":
+        case "font-face":
+        case "font-face-src":
+        case "font-face-uri":
+        case "font-face-format":
+        case "font-face-name":
+        case "missing-glyph":
+          return !1;
+        default:
+          return !0;
       }
     }
-    function containsNode(outerNode, innerNode) {
-      return outerNode && innerNode
-        ? outerNode === innerNode
-          ? !0
-          : outerNode && 3 === outerNode.nodeType
-          ? !1
-          : innerNode && 3 === innerNode.nodeType
-          ? containsNode(outerNode, innerNode.parentNode)
-          : "contains" in outerNode
-          ? outerNode.contains(innerNode)
-          : outerNode.compareDocumentPosition
-          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
-          : !1
-        : !1;
+    function getAttributeAlias(name) {
+      return aliases.get(name) || name;
     }
-    function getActiveElementDeep() {
-      for (
-        var win = window, element = getActiveElement();
-        element instanceof win.HTMLIFrameElement;
-
-      ) {
-        try {
-          var JSCompiler_inline_result =
-            "string" === typeof element.contentWindow.location.href;
-        } catch (err) {
-          JSCompiler_inline_result = !1;
-        }
-        if (JSCompiler_inline_result) win = element.contentWindow;
-        else break;
-        element = getActiveElement(win.document);
+    function validateProperty$1(tagName, name) {
+      if (
+        hasOwnProperty.call(warnedProperties$1, name) &&
+        warnedProperties$1[name]
+      )
+        return !0;
+      if (rARIACamel$1.test(name)) {
+        tagName = "aria-" + name.slice(4).toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
+              name
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+        if (name !== tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
+              name,
+              tagName
+            ),
+            (warnedProperties$1[name] = !0)
+          );
       }
-      return element;
+      if (rARIA$1.test(name)) {
+        tagName = name.toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
+        name !== tagName &&
+          (console.error(
+            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
+            name,
+            tagName
+          ),
+          (warnedProperties$1[name] = !0));
+      }
+      return !0;
     }
-    function hasSelectionCapabilities(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return (
-        nodeName &&
-        (("input" === nodeName &&
-          ("text" === elem.type ||
-            "search" === elem.type ||
-            "tel" === elem.type ||
-            "url" === elem.type ||
-            "password" === elem.type)) ||
-          "textarea" === nodeName ||
-          "true" === elem.contentEditable)
-      );
+    function validateProperties$2(type, props) {
+      var invalidProps = [],
+        key;
+      for (key in props)
+        validateProperty$1(type, key) || invalidProps.push(key);
+      props = invalidProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === invalidProps.length
+        ? console.error(
+            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          )
+        : 1 < invalidProps.length &&
+          console.error(
+            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          );
     }
-    function restoreSelection(priorSelectionInformation) {
-      var curFocusedElem = getActiveElementDeep(),
-        priorFocusedElem = priorSelectionInformation.focusedElem,
-        priorSelectionRange = priorSelectionInformation.selectionRange;
-      if (
-        curFocusedElem !== priorFocusedElem &&
-        priorFocusedElem &&
-        priorFocusedElem.ownerDocument &&
-        containsNode(
-          priorFocusedElem.ownerDocument.documentElement,
-          priorFocusedElem
-        )
-      ) {
+    function validateProperty(tagName, name, value, eventRegistry) {
+      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
+        return !0;
+      var lowerCasedName = name.toLowerCase();
+      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+        return (
+          console.error(
+            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (
+        "function" === typeof value &&
+        (("form" === tagName && "action" === name) ||
+          ("input" === tagName && "formAction" === name) ||
+          ("button" === tagName && "formAction" === name))
+      )
+        return !0;
+      if (null != eventRegistry) {
+        tagName = eventRegistry.possibleRegistrationNames;
+        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
+          return !0;
+        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
+          ? tagName[lowerCasedName]
+          : null;
+        if (null != eventRegistry)
+          return (
+            console.error(
+              "Invalid event handler property `%s`. Did you mean `%s`?",
+              name,
+              eventRegistry
+            ),
+            (warnedProperties[name] = !0)
+          );
+        if (EVENT_NAME_REGEX.test(name))
+          return (
+            console.error(
+              "Unknown event handler property `%s`. It will be ignored.",
+              name
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (EVENT_NAME_REGEX.test(name))
+        return (
+          INVALID_EVENT_NAME_REGEX.test(name) &&
+            console.error(
+              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
+              name
+            ),
+          (warnedProperties[name] = !0)
+        );
+      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
+      if ("innerhtml" === lowerCasedName)
+        return (
+          console.error(
+            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("aria" === lowerCasedName)
+        return (
+          console.error(
+            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (
+        "is" === lowerCasedName &&
+        null !== value &&
+        void 0 !== value &&
+        "string" !== typeof value
+      )
+        return (
+          console.error(
+            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
+            typeof value
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("number" === typeof value && isNaN(value))
+        return (
+          console.error(
+            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
+            name
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
         if (
-          null !== priorSelectionRange &&
-          hasSelectionCapabilities(priorFocusedElem)
+          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
+          lowerCasedName !== name)
         )
-          if (
-            ((curFocusedElem = priorSelectionRange.start),
-            (priorSelectionInformation = priorSelectionRange.end),
-            void 0 === priorSelectionInformation &&
-              (priorSelectionInformation = curFocusedElem),
-            "selectionStart" in priorFocusedElem)
-          )
-            (priorFocusedElem.selectionStart = curFocusedElem),
-              (priorFocusedElem.selectionEnd = Math.min(
-                priorSelectionInformation,
-                priorFocusedElem.value.length
-              ));
-          else if (
-            ((priorSelectionInformation =
-              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
-                curFocusedElem.defaultView) ||
-              window),
-            priorSelectionInformation.getSelection)
-          ) {
-            priorSelectionInformation =
-              priorSelectionInformation.getSelection();
-            var length = priorFocusedElem.textContent.length,
-              start = Math.min(priorSelectionRange.start, length);
-            priorSelectionRange =
-              void 0 === priorSelectionRange.end
-                ? start
-                : Math.min(priorSelectionRange.end, length);
-            !priorSelectionInformation.extend &&
-              start > priorSelectionRange &&
-              ((length = priorSelectionRange),
-              (priorSelectionRange = start),
-              (start = length));
-            length = getNodeForCharacterOffset(priorFocusedElem, start);
-            var endMarker = getNodeForCharacterOffset(
-              priorFocusedElem,
-              priorSelectionRange
+          return (
+            console.error(
+              "Invalid DOM property `%s`. Did you mean `%s`?",
+              name,
+              lowerCasedName
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (name !== lowerCasedName)
+        return (
+          console.error(
+            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
+            name,
+            lowerCasedName
+          ),
+          (warnedProperties[name] = !0)
+        );
+      switch (name) {
+        case "dangerouslySetInnerHTML":
+        case "children":
+        case "style":
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+        case "ref":
+          return !0;
+        case "innerText":
+        case "textContent":
+          return !0;
+      }
+      switch (typeof value) {
+        case "boolean":
+          switch (name) {
+            case "autoFocus":
+            case "checked":
+            case "multiple":
+            case "muted":
+            case "selected":
+            case "contentEditable":
+            case "spellCheck":
+            case "draggable":
+            case "value":
+            case "autoReverse":
+            case "externalResourcesRequired":
+            case "focusable":
+            case "preserveAlpha":
+            case "allowFullScreen":
+            case "async":
+            case "autoPlay":
+            case "controls":
+            case "default":
+            case "defer":
+            case "disabled":
+            case "disablePictureInPicture":
+            case "disableRemotePlayback":
+            case "formNoValidate":
+            case "hidden":
+            case "loop":
+            case "noModule":
+            case "noValidate":
+            case "open":
+            case "playsInline":
+            case "readOnly":
+            case "required":
+            case "reversed":
+            case "scoped":
+            case "seamless":
+            case "itemScope":
+            case "capture":
+            case "download":
+            case "inert":
+              return !0;
+            default:
+              lowerCasedName = name.toLowerCase().slice(0, 5);
+              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
+                return !0;
+              value
+                ? console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name
+                  )
+                : console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name,
+                    name,
+                    name
+                  );
+              return (warnedProperties[name] = !0);
+          }
+        case "function":
+        case "symbol":
+          return (warnedProperties[name] = !0), !1;
+        case "string":
+          if ("false" === value || "true" === value) {
+            switch (name) {
+              case "checked":
+              case "selected":
+              case "multiple":
+              case "muted":
+              case "allowFullScreen":
+              case "async":
+              case "autoPlay":
+              case "controls":
+              case "default":
+              case "defer":
+              case "disabled":
+              case "disablePictureInPicture":
+              case "disableRemotePlayback":
+              case "formNoValidate":
+              case "hidden":
+              case "loop":
+              case "noModule":
+              case "noValidate":
+              case "open":
+              case "playsInline":
+              case "readOnly":
+              case "required":
+              case "reversed":
+              case "scoped":
+              case "seamless":
+              case "itemScope":
+              case "inert":
+                break;
+              default:
+                return !0;
+            }
+            console.error(
+              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
+              value,
+              name,
+              "false" === value
+                ? "The browser will interpret it as a truthy value."
+                : 'Although this works, it will not work as expected if you pass the string "false".',
+              name,
+              value
             );
-            length &&
-              endMarker &&
-              (1 !== priorSelectionInformation.rangeCount ||
-                priorSelectionInformation.anchorNode !== length.node ||
-                priorSelectionInformation.anchorOffset !== length.offset ||
-                priorSelectionInformation.focusNode !== endMarker.node ||
-                priorSelectionInformation.focusOffset !== endMarker.offset) &&
-              ((curFocusedElem = curFocusedElem.createRange()),
-              curFocusedElem.setStart(length.node, length.offset),
-              priorSelectionInformation.removeAllRanges(),
-              start > priorSelectionRange
-                ? (priorSelectionInformation.addRange(curFocusedElem),
-                  priorSelectionInformation.extend(
-                    endMarker.node,
-                    endMarker.offset
-                  ))
-                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
-                  priorSelectionInformation.addRange(curFocusedElem)));
+            warnedProperties[name] = !0;
           }
-        curFocusedElem = [];
-        for (
-          priorSelectionInformation = priorFocusedElem;
-          (priorSelectionInformation = priorSelectionInformation.parentNode);
-
-        )
-          1 === priorSelectionInformation.nodeType &&
-            curFocusedElem.push({
-              element: priorSelectionInformation,
-              left: priorSelectionInformation.scrollLeft,
-              top: priorSelectionInformation.scrollTop
-            });
-        "function" === typeof priorFocusedElem.focus &&
-          priorFocusedElem.focus();
-        for (
-          priorFocusedElem = 0;
-          priorFocusedElem < curFocusedElem.length;
-          priorFocusedElem++
-        )
-          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
-            (priorSelectionInformation.element.scrollLeft =
-              priorSelectionInformation.left),
-            (priorSelectionInformation.element.scrollTop =
-              priorSelectionInformation.top);
       }
+      return !0;
     }
-    function constructSelectEvent(
-      dispatchQueue,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      var doc =
-        nativeEventTarget.window === nativeEventTarget
-          ? nativeEventTarget.document
-          : 9 === nativeEventTarget.nodeType
-          ? nativeEventTarget
-          : nativeEventTarget.ownerDocument;
-      mouseDown ||
-        null == activeElement ||
-        activeElement !== getActiveElement(doc) ||
-        ((doc = activeElement),
-        "selectionStart" in doc && hasSelectionCapabilities(doc)
-          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
-          : ((doc = (
-              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
-              window
-            ).getSelection()),
-            (doc = {
-              anchorNode: doc.anchorNode,
-              anchorOffset: doc.anchorOffset,
-              focusNode: doc.focusNode,
-              focusOffset: doc.focusOffset
-            })),
-        (lastSelection && shallowEqual(lastSelection, doc)) ||
-          ((lastSelection = doc),
-          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
-          0 < doc.length &&
-            ((nativeEvent = new SyntheticEvent(
-              "onSelect",
-              "select",
-              null,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
-            (nativeEvent.target = activeElement))));
-    }
-    function makePrefixMap(styleProp, eventName) {
-      var prefixes = {};
-      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-      prefixes["Webkit" + styleProp] = "webkit" + eventName;
-      prefixes["Moz" + styleProp] = "moz" + eventName;
-      return prefixes;
+    function warnUnknownProperties(type, props, eventRegistry) {
+      var unknownProps = [],
+        key;
+      for (key in props)
+        validateProperty(type, key, props[key], eventRegistry) ||
+          unknownProps.push(key);
+      props = unknownProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === unknownProps.length
+        ? console.error(
+            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          )
+        : 1 < unknownProps.length &&
+          console.error(
+            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          );
     }
-    function getVendorPrefixedEventName(eventName) {
-      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-      if (!vendorPrefixes[eventName]) return eventName;
-      var prefixMap = vendorPrefixes[eventName],
-        styleProp;
-      for (styleProp in prefixMap)
-        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
-      return eventName;
+    function sanitizeURL(url) {
+      return isJavaScriptProtocol.test("" + url)
+        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
+        : url;
     }
-    function registerSimpleEvent(domEventName, reactName) {
-      topLevelEventsToReactNames.set(domEventName, reactName);
-      registerTwoPhaseEvent(reactName, [domEventName]);
+    function getEventTarget(nativeEvent) {
+      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+      nativeEvent.correspondingUseElement &&
+        (nativeEvent = nativeEvent.correspondingUseElement);
+      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
     }
-    function finishQueueingConcurrentUpdates() {
-      for (
-        var endIndex = concurrentQueuesIndex,
-          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-        i < endIndex;
-
-      ) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        if (null !== queue && null !== update) {
-          var pending = queue.pending;
-          null === pending
-            ? (update.next = update)
-            : ((update.next = pending.next), (pending.next = update));
-          queue.pending = update;
+    function restoreStateOfTarget(target) {
+      var internalInstance = getInstanceFromNode(target);
+      if (internalInstance && (target = internalInstance.stateNode)) {
+        var props = target[internalPropsKey] || null;
+        a: switch (
+          ((target = internalInstance.stateNode), internalInstance.type)
+        ) {
+          case "input":
+            updateInput(
+              target,
+              props.value,
+              props.defaultValue,
+              props.defaultValue,
+              props.checked,
+              props.defaultChecked,
+              props.type,
+              props.name
+            );
+            internalInstance = props.name;
+            if ("radio" === props.type && null != internalInstance) {
+              for (props = target; props.parentNode; ) props = props.parentNode;
+              checkAttributeStringCoercion(internalInstance, "name");
+              props = props.querySelectorAll(
+                'input[name="' +
+                  escapeSelectorAttributeValueInsideDoubleQuotes(
+                    "" + internalInstance
+                  ) +
+                  '"][type="radio"]'
+              );
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              ) {
+                var otherNode = props[internalInstance];
+                if (otherNode !== target && otherNode.form === target.form) {
+                  var otherProps = otherNode[internalPropsKey] || null;
+                  if (!otherProps)
+                    throw Error(
+                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
+                    );
+                  updateInput(
+                    otherNode,
+                    otherProps.value,
+                    otherProps.defaultValue,
+                    otherProps.defaultValue,
+                    otherProps.checked,
+                    otherProps.defaultChecked,
+                    otherProps.type,
+                    otherProps.name
+                  );
+                }
+              }
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              )
+                (otherNode = props[internalInstance]),
+                  otherNode.form === target.form &&
+                    updateValueIfChanged(otherNode);
+            }
+            break a;
+          case "textarea":
+            updateTextarea(target, props.value, props.defaultValue);
+            break a;
+          case "select":
+            (internalInstance = props.value),
+              null != internalInstance &&
+                updateOptions(target, !!props.multiple, internalInstance, !1);
         }
-        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes |= lane;
-      fiber.lanes |= lane;
-      fiber = fiber.alternate;
-      null !== fiber && (fiber.lanes |= lane);
+    function batchedUpdates$1(fn, a, b) {
+      if (isInsideEventHandler) return fn(a, b);
+      isInsideEventHandler = !0;
+      try {
+        var JSCompiler_inline_result = fn(a);
+        return JSCompiler_inline_result;
+      } finally {
+        if (
+          ((isInsideEventHandler = !1),
+          null !== restoreTarget || null !== restoreQueue)
+        )
+          if (
+            (flushSyncWork$1(),
+            restoreTarget &&
+              ((a = restoreTarget),
+              (fn = restoreQueue),
+              (restoreQueue = restoreTarget = null),
+              restoreStateOfTarget(a),
+              fn))
+          )
+            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+      }
+    }
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
+      if (null === stateNode) return null;
+      var props = stateNode[internalPropsKey] || null;
+      if (null === props) return null;
+      stateNode = props[registrationName];
+      a: switch (registrationName) {
+        case "onClick":
+        case "onClickCapture":
+        case "onDoubleClick":
+        case "onDoubleClickCapture":
+        case "onMouseDown":
+        case "onMouseDownCapture":
+        case "onMouseMove":
+        case "onMouseMoveCapture":
+        case "onMouseUp":
+        case "onMouseUpCapture":
+        case "onMouseEnter":
+          (props = !props.disabled) ||
+            ((inst = inst.type),
+            (props = !(
+              "button" === inst ||
+              "input" === inst ||
+              "select" === inst ||
+              "textarea" === inst
+            )));
+          inst = !props;
+          break a;
+        default:
+          inst = !1;
+      }
+      if (inst) return null;
+      if (stateNode && "function" !== typeof stateNode)
+        throw Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof stateNode +
+            "` type."
+        );
+      return stateNode;
     }
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      enqueueUpdate$1(fiber, queue, update, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getData() {
+      if (fallbackText) return fallbackText;
+      var start,
+        startValue = startText,
+        startLength = startValue.length,
+        end,
+        endValue = "value" in root ? root.value : root.textContent,
+        endLength = endValue.length;
+      for (
+        start = 0;
+        start < startLength && startValue[start] === endValue[start];
+        start++
+      );
+      var minEnd = startLength - start;
+      for (
+        end = 1;
+        end <= minEnd &&
+        startValue[startLength - end] === endValue[endLength - end];
+        end++
+      );
+      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getEventCharCode(nativeEvent) {
+      var keyCode = nativeEvent.keyCode;
+      "charCode" in nativeEvent
+        ? ((nativeEvent = nativeEvent.charCode),
+          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
+        : (nativeEvent = keyCode);
+      10 === nativeEvent && (nativeEvent = 13);
+      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
     }
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      sourceFiber.lanes |= lane;
-      var alternate = sourceFiber.alternate;
-      null !== alternate && (alternate.lanes |= lane);
-      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-        (parent.childLanes |= lane),
-          (alternate = parent.alternate),
-          null !== alternate && (alternate.childLanes |= lane),
-          22 === parent.tag &&
-            ((sourceFiber = parent.stateNode),
-            null === sourceFiber ||
-              sourceFiber._visibility & OffscreenVisible ||
-              (isHidden = !0)),
-          (sourceFiber = parent),
-          (parent = parent.return);
-      isHidden &&
-        null !== update &&
-        3 === sourceFiber.tag &&
-        ((parent = sourceFiber.stateNode),
-        (isHidden = 31 - clz32(lane)),
-        (parent = parent.hiddenUpdates),
-        (sourceFiber = parent[isHidden]),
-        null === sourceFiber
-          ? (parent[isHidden] = [update])
-          : sourceFiber.push(update),
-        (update.lane = lane | OffscreenLane));
+    function functionThatReturnsTrue() {
+      return !0;
     }
-    function getRootForUpdatedFiber(sourceFiber) {
-      throwIfInfiniteUpdateLoopDetected();
-      null === sourceFiber.alternate &&
-        0 !== (sourceFiber.flags & 4098) &&
-        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-      for (var node = sourceFiber, parent = node.return; null !== parent; )
-        null === node.alternate &&
-          0 !== (node.flags & 4098) &&
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
-          (node = parent),
-          (parent = node.return);
-      return 3 === node.tag ? node.stateNode : null;
+    function functionThatReturnsFalse() {
+      return !1;
     }
-    function resolveFunctionForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family ? type : family.current;
+    function createSyntheticEvent(Interface) {
+      function SyntheticBaseEvent(
+        reactName,
+        reactEventType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        this._reactName = reactName;
+        this._targetInst = targetInst;
+        this.type = reactEventType;
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEventTarget;
+        this.currentTarget = null;
+        for (var propName in Interface)
+          Interface.hasOwnProperty(propName) &&
+            ((reactName = Interface[propName]),
+            (this[propName] = reactName
+              ? reactName(nativeEvent)
+              : nativeEvent[propName]));
+        this.isDefaultPrevented = (
+          null != nativeEvent.defaultPrevented
+            ? nativeEvent.defaultPrevented
+            : !1 === nativeEvent.returnValue
+        )
+          ? functionThatReturnsTrue
+          : functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        return this;
+      }
+      assign(SyntheticBaseEvent.prototype, {
+        preventDefault: function () {
+          this.defaultPrevented = !0;
+          var event = this.nativeEvent;
+          event &&
+            (event.preventDefault
+              ? event.preventDefault()
+              : "unknown" !== typeof event.returnValue &&
+                (event.returnValue = !1),
+            (this.isDefaultPrevented = functionThatReturnsTrue));
+        },
+        stopPropagation: function () {
+          var event = this.nativeEvent;
+          event &&
+            (event.stopPropagation
+              ? event.stopPropagation()
+              : "unknown" !== typeof event.cancelBubble &&
+                (event.cancelBubble = !0),
+            (this.isPropagationStopped = functionThatReturnsTrue));
+        },
+        persist: function () {},
+        isPersistent: functionThatReturnsTrue
+      });
+      return SyntheticBaseEvent;
     }
-    function resolveForwardRefForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family
-        ? null !== type &&
-          void 0 !== type &&
-          "function" === typeof type.render &&
-          ((family = resolveFunctionForHotReloading(type.render)),
-          type.render !== family)
-          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
-            void 0 !== type.displayName &&
-              (family.displayName = type.displayName),
-            family)
-          : type
-        : family.current;
+    function modifierStateGetter(keyArg) {
+      var nativeEvent = this.nativeEvent;
+      return nativeEvent.getModifierState
+        ? nativeEvent.getModifierState(keyArg)
+        : (keyArg = modifierKeyToProp[keyArg])
+        ? !!nativeEvent[keyArg]
+        : !1;
     }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      if (null === resolveFamily) return !1;
-      var prevType = fiber.elementType;
-      element = element.type;
-      var needsCompareFamilies = !1,
-        $$typeofNextType =
-          "object" === typeof element && null !== element
-            ? element.$$typeof
-            : null;
-      switch (fiber.tag) {
-        case 1:
-          "function" === typeof element && (needsCompareFamilies = !0);
-          break;
-        case 0:
-          "function" === typeof element
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 11:
-          $$typeofNextType === REACT_FORWARD_REF_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 14:
-        case 15:
-          $$typeofNextType === REACT_MEMO_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
+    function getEventModifierState() {
+      return modifierStateGetter;
+    }
+    function isFallbackCompositionEnd(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "keyup":
+          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
+        case "keydown":
+          return nativeEvent.keyCode !== START_KEYCODE;
+        case "keypress":
+        case "mousedown":
+        case "focusout":
+          return !0;
         default:
           return !1;
       }
-      return needsCompareFamilies &&
-        ((fiber = resolveFamily(prevType)),
-        void 0 !== fiber && fiber === resolveFamily(element))
+    }
+    function getDataFromCustomEvent(nativeEvent) {
+      nativeEvent = nativeEvent.detail;
+      return "object" === typeof nativeEvent && "data" in nativeEvent
+        ? nativeEvent.data
+        : null;
+    }
+    function getNativeBeforeInputChars(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "compositionend":
+          return getDataFromCustomEvent(nativeEvent);
+        case "keypress":
+          if (nativeEvent.which !== SPACEBAR_CODE) return null;
+          hasSpaceKeypress = !0;
+          return SPACEBAR_CHAR;
+        case "textInput":
+          return (
+            (domEventName = nativeEvent.data),
+            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
+              ? null
+              : domEventName
+          );
+        default:
+          return null;
+      }
+    }
+    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
+      if (isComposing)
+        return "compositionend" === domEventName ||
+          (!canUseCompositionEvent &&
+            isFallbackCompositionEnd(domEventName, nativeEvent))
+          ? ((domEventName = getData()),
+            (fallbackText = startText = root = null),
+            (isComposing = !1),
+            domEventName)
+          : null;
+      switch (domEventName) {
+        case "paste":
+          return null;
+        case "keypress":
+          if (
+            !(
+              nativeEvent.ctrlKey ||
+              nativeEvent.altKey ||
+              nativeEvent.metaKey
+            ) ||
+            (nativeEvent.ctrlKey && nativeEvent.altKey)
+          ) {
+            if (nativeEvent.char && 1 < nativeEvent.char.length)
+              return nativeEvent.char;
+            if (nativeEvent.which)
+              return String.fromCharCode(nativeEvent.which);
+          }
+          return null;
+        case "compositionend":
+          return useFallbackCompositionData && "ko" !== nativeEvent.locale
+            ? null
+            : nativeEvent.data;
+        default:
+          return null;
+      }
+    }
+    function isTextInputElement(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return "input" === nodeName
+        ? !!supportedInputTypes[elem.type]
+        : "textarea" === nodeName
         ? !0
         : !1;
     }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      null !== resolveFamily &&
-        "function" === typeof WeakSet &&
-        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
-        failedBoundaries.add(fiber));
+    function isEventSupported(eventNameSuffix) {
+      if (!canUseDOM) return !1;
+      eventNameSuffix = "on" + eventNameSuffix;
+      var isSupported = eventNameSuffix in document;
+      isSupported ||
+        ((isSupported = document.createElement("div")),
+        isSupported.setAttribute(eventNameSuffix, "return;"),
+        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
+      return isSupported;
     }
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
+    function createAndAccumulateChangeEvent(
+      dispatchQueue,
+      inst,
+      nativeEvent,
+      target
     ) {
-      var alternate = fiber.alternate,
-        child = fiber.child,
-        sibling = fiber.sibling,
-        tag = fiber.tag,
-        type = fiber.type,
-        candidateType = null;
-      switch (tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      if (null === resolveFamily)
-        throw Error("Expected resolveFamily to be set during hot reload.");
-      var needsRender = !1;
-      type = !1;
-      null !== candidateType &&
-        ((candidateType = resolveFamily(candidateType)),
-        void 0 !== candidateType &&
-          (staleFamilies.has(candidateType)
-            ? (type = !0)
-            : updatedFamilies.has(candidateType) &&
-              (1 === tag ? (type = !0) : (needsRender = !0))));
-      null !== failedBoundaries &&
-        (failedBoundaries.has(fiber) ||
-          (null !== alternate && failedBoundaries.has(alternate))) &&
-        (type = !0);
-      type && (fiber._debugNeedsRemount = !0);
-      if (type || needsRender)
-        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
-          null !== alternate &&
-            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
-      null === child ||
-        type ||
-        scheduleFibersWithFamiliesRecursively(
-          child,
-          updatedFamilies,
-          staleFamilies
-        );
-      null !== sibling &&
-        scheduleFibersWithFamiliesRecursively(
-          sibling,
-          updatedFamilies,
-          staleFamilies
-        );
+      restoreTarget
+        ? restoreQueue
+          ? restoreQueue.push(target)
+          : (restoreQueue = [target])
+        : (restoreTarget = target);
+      inst = accumulateTwoPhaseListeners(inst, "onChange");
+      0 < inst.length &&
+        ((nativeEvent = new SyntheticEvent(
+          "onChange",
+          "change",
+          null,
+          nativeEvent,
+          target
+        )),
+        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
     }
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      var child = fiber.child,
-        sibling = fiber.sibling,
-        type = fiber.type,
-        candidateType = null;
-      switch (fiber.tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      type = !1;
-      null !== candidateType && types.has(candidateType) && (type = !0);
-      if (type)
-        a: {
-          b: for (child = fiber, candidateType = !1; ; ) {
-            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
-              (candidateType = !0), hostInstances.add(child.stateNode);
-            else if (null !== child.child) {
-              child.child.return = child;
-              child = child.child;
-              continue;
-            }
-            if (child === fiber) {
-              child = candidateType;
-              break b;
-            }
-            for (; null === child.sibling; ) {
-              if (null === child.return || child.return === fiber) {
-                child = candidateType;
-                break b;
-              }
-              child = child.return;
-            }
-            child.sibling.return = child.return;
-            child = child.sibling;
-          }
-          if (!child)
-            for (;;) {
-              switch (fiber.tag) {
-                case 27:
-                case 5:
-                  hostInstances.add(fiber.stateNode);
-                  break a;
-                case 4:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-                case 3:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-              }
-              if (null === fiber.return)
-                throw Error("Expected to reach root first.");
-              fiber = fiber.return;
-            }
-        }
-      else
-        null !== child &&
-          findHostInstancesForMatchingFibersRecursively(
-            child,
-            types,
-            hostInstances
-          );
-      null !== sibling &&
-        findHostInstancesForMatchingFibersRecursively(
-          sibling,
-          types,
-          hostInstances
+    function runEventInBatch(dispatchQueue) {
+      processDispatchQueue(dispatchQueue, 0);
+    }
+    function getInstIfValueChanged(targetInst) {
+      var targetNode = getNodeFromInstance(targetInst);
+      if (updateValueIfChanged(targetNode)) return targetInst;
+    }
+    function getTargetInstForChangeEvent(domEventName, targetInst) {
+      if ("change" === domEventName) return targetInst;
+    }
+    function stopWatchingForValueChange() {
+      activeElement$1 &&
+        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
+        (activeElementInst$1 = activeElement$1 = null));
+    }
+    function handlePropertyChange(nativeEvent) {
+      if (
+        "value" === nativeEvent.propertyName &&
+        getInstIfValueChanged(activeElementInst$1)
+      ) {
+        var dispatchQueue = [];
+        createAndAccumulateChangeEvent(
+          dispatchQueue,
+          activeElementInst$1,
+          nativeEvent,
+          getEventTarget(nativeEvent)
         );
+        batchedUpdates$1(runEventInBatch, dispatchQueue);
+      }
     }
-    function createCapturedValueAtFiber(value, source) {
-      if ("object" === typeof value && null !== value) {
-        var stack = CapturedStacks.get(value);
-        "string" !== typeof stack &&
-          ((stack = getStackByFiberInDevAndProd(source)),
-          CapturedStacks.set(value, stack));
-      } else stack = getStackByFiberInDevAndProd(source);
-      return { value: value, source: source, stack: stack };
+    function handleEventsForInputEventPolyfill(
+      domEventName,
+      target,
+      targetInst
+    ) {
+      "focusin" === domEventName
+        ? (stopWatchingForValueChange(),
+          (activeElement$1 = target),
+          (activeElementInst$1 = targetInst),
+          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
+        : "focusout" === domEventName && stopWatchingForValueChange();
     }
-    function pushTreeFork(workInProgress, totalChildren) {
-      warnIfNotHydrating();
-      forkStack[forkStackIndex++] = treeForkCount;
-      forkStack[forkStackIndex++] = treeForkProvider;
-      treeForkProvider = workInProgress;
-      treeForkCount = totalChildren;
+    function getTargetInstForInputEventPolyfill(domEventName) {
+      if (
+        "selectionchange" === domEventName ||
+        "keyup" === domEventName ||
+        "keydown" === domEventName
+      )
+        return getInstIfValueChanged(activeElementInst$1);
     }
-    function pushTreeId(workInProgress, totalChildren, index) {
-      warnIfNotHydrating();
-      idStack[idStackIndex++] = treeContextId;
-      idStack[idStackIndex++] = treeContextOverflow;
-      idStack[idStackIndex++] = treeContextProvider;
-      treeContextProvider = workInProgress;
-      var baseIdWithLeadingBit = treeContextId;
-      workInProgress = treeContextOverflow;
-      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
-      baseIdWithLeadingBit &= ~(1 << baseLength);
-      index += 1;
-      var length = 32 - clz32(totalChildren) + baseLength;
-      if (30 < length) {
-        var numberOfOverflowBits = baseLength - (baseLength % 5);
-        length = (
-          baseIdWithLeadingBit &
-          ((1 << numberOfOverflowBits) - 1)
-        ).toString(32);
-        baseIdWithLeadingBit >>= numberOfOverflowBits;
-        baseLength -= numberOfOverflowBits;
-        treeContextId =
-          (1 << (32 - clz32(totalChildren) + baseLength)) |
-          (index << baseLength) |
-          baseIdWithLeadingBit;
-        treeContextOverflow = length + workInProgress;
-      } else
-        (treeContextId =
-          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
-          (treeContextOverflow = workInProgress);
+    function getTargetInstForClickEvent(domEventName, targetInst) {
+      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
     }
-    function pushMaterializedTreeId(workInProgress) {
-      warnIfNotHydrating();
-      null !== workInProgress.return &&
-        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
+      if ("input" === domEventName || "change" === domEventName)
+        return getInstIfValueChanged(targetInst);
     }
-    function popTreeContext(workInProgress) {
-      for (; workInProgress === treeForkProvider; )
-        (treeForkProvider = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null),
-          (treeForkCount = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null);
-      for (; workInProgress === treeContextProvider; )
-        (treeContextProvider = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextOverflow = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextId = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null);
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
     }
-    function warnIfNotHydrating() {
-      isHydrating ||
-        error$jscomp$0(
-          "Expected to be hydrating. This is a bug in React. Please file an issue."
-        );
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) return !0;
+      if (
+        "object" !== typeof objA ||
+        null === objA ||
+        "object" !== typeof objB ||
+        null === objB
+      )
+        return !1;
+      var keysA = Object.keys(objA),
+        keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) return !1;
+      for (keysB = 0; keysB < keysA.length; keysB++) {
+        var currentKey = keysA[keysB];
+        if (
+          !hasOwnProperty.call(objB, currentKey) ||
+          !objectIs(objA[currentKey], objB[currentKey])
+        )
+          return !1;
+      }
+      return !0;
     }
-    function findNotableNode(node, indent) {
-      return void 0 === node.serverProps &&
-        0 === node.serverTail.length &&
-        1 === node.children.length &&
-        3 < node.distanceFromLeaf &&
-        node.distanceFromLeaf > idealDepth - indent
-        ? findNotableNode(node.children[0], indent)
-        : node;
+    function getLeafNode(node) {
+      for (; node && node.firstChild; ) node = node.firstChild;
+      return node;
     }
-    function indentation(indent) {
-      return "  " + "  ".repeat(indent);
+    function getNodeForCharacterOffset(root, offset) {
+      var node = getLeafNode(root);
+      root = 0;
+      for (var nodeEnd; node; ) {
+        if (3 === node.nodeType) {
+          nodeEnd = root + node.textContent.length;
+          if (root <= offset && nodeEnd >= offset)
+            return { node: node, offset: offset - root };
+          root = nodeEnd;
+        }
+        a: {
+          for (; node; ) {
+            if (node.nextSibling) {
+              node = node.nextSibling;
+              break a;
+            }
+            node = node.parentNode;
+          }
+          node = void 0;
+        }
+        node = getLeafNode(node);
+      }
+    }
+    function containsNode(outerNode, innerNode) {
+      return outerNode && innerNode
+        ? outerNode === innerNode
+          ? !0
+          : outerNode && 3 === outerNode.nodeType
+          ? !1
+          : innerNode && 3 === innerNode.nodeType
+          ? containsNode(outerNode, innerNode.parentNode)
+          : "contains" in outerNode
+          ? outerNode.contains(innerNode)
+          : outerNode.compareDocumentPosition
+          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
+          : !1
+        : !1;
+    }
+    function getActiveElementDeep() {
+      for (
+        var win = window, element = getActiveElement();
+        element instanceof win.HTMLIFrameElement;
+
+      ) {
+        try {
+          var JSCompiler_inline_result =
+            "string" === typeof element.contentWindow.location.href;
+        } catch (err) {
+          JSCompiler_inline_result = !1;
+        }
+        if (JSCompiler_inline_result) win = element.contentWindow;
+        else break;
+        element = getActiveElement(win.document);
+      }
+      return element;
+    }
+    function hasSelectionCapabilities(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return (
+        nodeName &&
+        (("input" === nodeName &&
+          ("text" === elem.type ||
+            "search" === elem.type ||
+            "tel" === elem.type ||
+            "url" === elem.type ||
+            "password" === elem.type)) ||
+          "textarea" === nodeName ||
+          "true" === elem.contentEditable)
+      );
+    }
+    function restoreSelection(priorSelectionInformation) {
+      var curFocusedElem = getActiveElementDeep(),
+        priorFocusedElem = priorSelectionInformation.focusedElem,
+        priorSelectionRange = priorSelectionInformation.selectionRange;
+      if (
+        curFocusedElem !== priorFocusedElem &&
+        priorFocusedElem &&
+        priorFocusedElem.ownerDocument &&
+        containsNode(
+          priorFocusedElem.ownerDocument.documentElement,
+          priorFocusedElem
+        )
+      ) {
+        if (
+          null !== priorSelectionRange &&
+          hasSelectionCapabilities(priorFocusedElem)
+        )
+          if (
+            ((curFocusedElem = priorSelectionRange.start),
+            (priorSelectionInformation = priorSelectionRange.end),
+            void 0 === priorSelectionInformation &&
+              (priorSelectionInformation = curFocusedElem),
+            "selectionStart" in priorFocusedElem)
+          )
+            (priorFocusedElem.selectionStart = curFocusedElem),
+              (priorFocusedElem.selectionEnd = Math.min(
+                priorSelectionInformation,
+                priorFocusedElem.value.length
+              ));
+          else if (
+            ((priorSelectionInformation =
+              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
+                curFocusedElem.defaultView) ||
+              window),
+            priorSelectionInformation.getSelection)
+          ) {
+            priorSelectionInformation =
+              priorSelectionInformation.getSelection();
+            var length = priorFocusedElem.textContent.length,
+              start = Math.min(priorSelectionRange.start, length);
+            priorSelectionRange =
+              void 0 === priorSelectionRange.end
+                ? start
+                : Math.min(priorSelectionRange.end, length);
+            !priorSelectionInformation.extend &&
+              start > priorSelectionRange &&
+              ((length = priorSelectionRange),
+              (priorSelectionRange = start),
+              (start = length));
+            length = getNodeForCharacterOffset(priorFocusedElem, start);
+            var endMarker = getNodeForCharacterOffset(
+              priorFocusedElem,
+              priorSelectionRange
+            );
+            length &&
+              endMarker &&
+              (1 !== priorSelectionInformation.rangeCount ||
+                priorSelectionInformation.anchorNode !== length.node ||
+                priorSelectionInformation.anchorOffset !== length.offset ||
+                priorSelectionInformation.focusNode !== endMarker.node ||
+                priorSelectionInformation.focusOffset !== endMarker.offset) &&
+              ((curFocusedElem = curFocusedElem.createRange()),
+              curFocusedElem.setStart(length.node, length.offset),
+              priorSelectionInformation.removeAllRanges(),
+              start > priorSelectionRange
+                ? (priorSelectionInformation.addRange(curFocusedElem),
+                  priorSelectionInformation.extend(
+                    endMarker.node,
+                    endMarker.offset
+                  ))
+                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
+                  priorSelectionInformation.addRange(curFocusedElem)));
+          }
+        curFocusedElem = [];
+        for (
+          priorSelectionInformation = priorFocusedElem;
+          (priorSelectionInformation = priorSelectionInformation.parentNode);
+
+        )
+          1 === priorSelectionInformation.nodeType &&
+            curFocusedElem.push({
+              element: priorSelectionInformation,
+              left: priorSelectionInformation.scrollLeft,
+              top: priorSelectionInformation.scrollTop
+            });
+        "function" === typeof priorFocusedElem.focus &&
+          priorFocusedElem.focus();
+        for (
+          priorFocusedElem = 0;
+          priorFocusedElem < curFocusedElem.length;
+          priorFocusedElem++
+        )
+          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
+            (priorSelectionInformation.element.scrollLeft =
+              priorSelectionInformation.left),
+            (priorSelectionInformation.element.scrollTop =
+              priorSelectionInformation.top);
+      }
     }
-    function added(indent) {
-      return "+ " + "  ".repeat(indent);
+    function constructSelectEvent(
+      dispatchQueue,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var doc =
+        nativeEventTarget.window === nativeEventTarget
+          ? nativeEventTarget.document
+          : 9 === nativeEventTarget.nodeType
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
+      mouseDown ||
+        null == activeElement ||
+        activeElement !== getActiveElement(doc) ||
+        ((doc = activeElement),
+        "selectionStart" in doc && hasSelectionCapabilities(doc)
+          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
+          : ((doc = (
+              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
+              window
+            ).getSelection()),
+            (doc = {
+              anchorNode: doc.anchorNode,
+              anchorOffset: doc.anchorOffset,
+              focusNode: doc.focusNode,
+              focusOffset: doc.focusOffset
+            })),
+        (lastSelection && shallowEqual(lastSelection, doc)) ||
+          ((lastSelection = doc),
+          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
+          0 < doc.length &&
+            ((nativeEvent = new SyntheticEvent(
+              "onSelect",
+              "select",
+              null,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
+            (nativeEvent.target = activeElement))));
     }
-    function removed(indent) {
-      return "- " + "  ".repeat(indent);
+    function makePrefixMap(styleProp, eventName) {
+      var prefixes = {};
+      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+      prefixes["Webkit" + styleProp] = "webkit" + eventName;
+      prefixes["Moz" + styleProp] = "moz" + eventName;
+      return prefixes;
     }
-    function describeFiberType(fiber) {
-      switch (fiber.tag) {
-        case 26:
-        case 27:
-        case 5:
-          return fiber.type;
-        case 16:
-          return "Lazy";
-        case 13:
-          return "Suspense";
-        case 19:
-          return "SuspenseList";
-        case 0:
-        case 15:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        case 11:
-          return (
-            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
-          );
-        case 1:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        default:
-          return null;
-      }
+    function getVendorPrefixedEventName(eventName) {
+      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
+      if (!vendorPrefixes[eventName]) return eventName;
+      var prefixMap = vendorPrefixes[eventName],
+        styleProp;
+      for (styleProp in prefixMap)
+        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
+          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
+      return eventName;
     }
-    function describeTextNode(content, maxLength) {
-      return needsEscaping.test(content)
-        ? ((content = JSON.stringify(content)),
-          content.length > maxLength - 2
-            ? 8 > maxLength
-              ? '{"..."}'
-              : "{" + content.slice(0, maxLength - 7) + '..."}'
-            : "{" + content + "}")
-        : content.length > maxLength
-        ? 5 > maxLength
-          ? '{"..."}'
-          : content.slice(0, maxLength - 3) + "..."
-        : content;
+    function registerSimpleEvent(domEventName, reactName) {
+      topLevelEventsToReactNames.set(domEventName, reactName);
+      registerTwoPhaseEvent(reactName, [domEventName]);
     }
-    function describeTextDiff(clientText, serverProps, indent) {
-      var maxLength = maxRowLength - 2 * indent;
-      if (null === serverProps)
-        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
-      if ("string" === typeof serverProps) {
-        for (
-          var firstDiff = 0;
-          firstDiff < serverProps.length &&
-          firstDiff < clientText.length &&
-          serverProps.charCodeAt(firstDiff) ===
-            clientText.charCodeAt(firstDiff);
-          firstDiff++
-        );
-        firstDiff > maxLength - 8 &&
-          10 < firstDiff &&
-          ((clientText = "..." + clientText.slice(firstDiff - 8)),
-          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
-        return (
-          added(indent) +
-          describeTextNode(clientText, maxLength) +
-          "\n" +
-          removed(indent) +
-          describeTextNode(serverProps, maxLength) +
-          "\n"
-        );
+    function finishQueueingConcurrentUpdates() {
+      for (
+        var endIndex = concurrentQueuesIndex,
+          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+        i < endIndex;
+
+      ) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        if (null !== queue && null !== update) {
+          var pending = queue.pending;
+          null === pending
+            ? (update.next = update)
+            : ((update.next = pending.next), (pending.next = update));
+          queue.pending = update;
+        }
+        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
-      return (
-        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
-      );
-    }
-    function objectName(object) {
-      return Object.prototype.toString
-        .call(object)
-        .replace(/^\[object (.*)\]$/, function (m, p0) {
-          return p0;
-        });
     }
-    function describeValue(value, maxLength) {
-      switch (typeof value) {
-        case "string":
-          return (
-            (value = JSON.stringify(value)),
-            value.length > maxLength
-              ? 5 > maxLength
-                ? '"..."'
-                : value.slice(0, maxLength - 4) + '..."'
-              : value
-          );
-        case "object":
-          if (null === value) return "null";
-          if (isArrayImpl(value)) return "[...]";
-          if (value.$$typeof === REACT_ELEMENT_TYPE)
-            return (maxLength = getComponentNameFromType(value.type))
-              ? "<" + maxLength + ">"
-              : "<...>";
-          var name = objectName(value);
-          if ("Object" === name) {
-            name = "";
-            maxLength -= 2;
-            for (var propName in value)
-              if (value.hasOwnProperty(propName)) {
-                var jsonPropName = JSON.stringify(propName);
-                jsonPropName !== '"' + propName + '"' &&
-                  (propName = jsonPropName);
-                maxLength -= propName.length - 2;
-                jsonPropName = describeValue(
-                  value[propName],
-                  15 > maxLength ? maxLength : 15
-                );
-                maxLength -= jsonPropName.length;
-                if (0 > maxLength) {
-                  name += "" === name ? "..." : ", ...";
-                  break;
-                }
-                name +=
-                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
-              }
-            return "{" + name + "}";
-          }
-          return name;
-        case "function":
-          return (maxLength = value.displayName || value.name)
-            ? "function " + maxLength
-            : "function";
-        default:
-          return String(value);
-      }
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes |= lane;
+      fiber.lanes |= lane;
+      fiber = fiber.alternate;
+      null !== fiber && (fiber.lanes |= lane);
     }
-    function describePropValue(value, maxLength) {
-      return "string" !== typeof value || needsEscaping.test(value)
-        ? "{" + describeValue(value, maxLength - 2) + "}"
-        : value.length > maxLength - 2
-        ? 5 > maxLength
-          ? '"..."'
-          : '"' + value.slice(0, maxLength - 5) + '..."'
-        : '"' + value + '"';
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      enqueueUpdate$1(fiber, queue, update, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describeExpandedElement(type, props, rowPrefix) {
-      var remainingRowLength = maxRowLength - rowPrefix.length - type.length,
-        properties = [],
-        propName;
-      for (propName in props)
-        if (props.hasOwnProperty(propName) && "children" !== propName) {
-          var propValue = describePropValue(
-            props[propName],
-            maxRowLength - rowPrefix.length - propName.length - 1
-          );
-          remainingRowLength -= propName.length + propValue.length + 2;
-          properties.push(propName + "=" + propValue);
-        }
-      return 0 === properties.length
-        ? rowPrefix + "<" + type + ">\n"
-        : 0 < remainingRowLength
-        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
-        : rowPrefix +
-          "<" +
-          type +
-          "\n" +
-          rowPrefix +
-          "  " +
-          properties.join("\n" + rowPrefix + "  ") +
-          "\n" +
-          rowPrefix +
-          ">\n";
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describePropertiesDiff(clientObject, serverObject, indent) {
-      var properties = "",
-        remainingServerProperties = assign({}, serverObject),
-        propName;
-      for (propName in clientObject)
-        if (clientObject.hasOwnProperty(propName)) {
-          delete remainingServerProperties[propName];
-          var maxLength = maxRowLength - 2 * indent - propName.length - 2,
-            clientPropValue = describeValue(clientObject[propName], maxLength);
-          serverObject.hasOwnProperty(propName)
-            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
-              (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n"),
-              (properties +=
-                removed(indent) + propName + ": " + maxLength + "\n"))
-            : (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n");
-        }
-      for (var _propName in remainingServerProperties)
-        remainingServerProperties.hasOwnProperty(_propName) &&
-          ((clientObject = describeValue(
-            remainingServerProperties[_propName],
-            maxRowLength - 2 * indent - _propName.length - 2
-          )),
-          (properties +=
-            removed(indent) + _propName + ": " + clientObject + "\n"));
-      return properties;
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      sourceFiber.lanes |= lane;
+      var alternate = sourceFiber.alternate;
+      null !== alternate && (alternate.lanes |= lane);
+      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+        (parent.childLanes |= lane),
+          (alternate = parent.alternate),
+          null !== alternate && (alternate.childLanes |= lane),
+          22 === parent.tag &&
+            ((sourceFiber = parent.stateNode),
+            null === sourceFiber ||
+              sourceFiber._visibility & OffscreenVisible ||
+              (isHidden = !0)),
+          (sourceFiber = parent),
+          (parent = parent.return);
+      isHidden &&
+        null !== update &&
+        3 === sourceFiber.tag &&
+        ((parent = sourceFiber.stateNode),
+        (isHidden = 31 - clz32(lane)),
+        (parent = parent.hiddenUpdates),
+        (sourceFiber = parent[isHidden]),
+        null === sourceFiber
+          ? (parent[isHidden] = [update])
+          : sourceFiber.push(update),
+        (update.lane = lane | OffscreenLane));
     }
-    function describeElementDiff(type, clientProps, serverProps, indent) {
-      var content = "",
-        serverPropNames = new Map();
-      for (propName$jscomp$0 in serverProps)
-        serverProps.hasOwnProperty(propName$jscomp$0) &&
-          serverPropNames.set(
-            propName$jscomp$0.toLowerCase(),
-            propName$jscomp$0
-          );
-      if (1 === serverPropNames.size && serverPropNames.has("children"))
-        content += describeExpandedElement(
-          type,
-          clientProps,
-          indentation(indent)
-        );
-      else {
-        for (var _propName2 in clientProps)
-          if (
-            clientProps.hasOwnProperty(_propName2) &&
-            "children" !== _propName2
-          ) {
-            var maxLength$jscomp$0 =
-                maxRowLength - 2 * (indent + 1) - _propName2.length - 1,
-              serverPropName = serverPropNames.get(_propName2.toLowerCase());
-            if (void 0 !== serverPropName) {
-              serverPropNames.delete(_propName2.toLowerCase());
-              var propName$jscomp$0 = clientProps[_propName2];
-              serverPropName = serverProps[serverPropName];
-              var clientPropValue = describePropValue(
-                propName$jscomp$0,
-                maxLength$jscomp$0
-              );
-              maxLength$jscomp$0 = describePropValue(
-                serverPropName,
-                maxLength$jscomp$0
-              );
-              "object" === typeof propName$jscomp$0 &&
-              null !== propName$jscomp$0 &&
-              "object" === typeof serverPropName &&
-              null !== serverPropName &&
-              "Object" === objectName(propName$jscomp$0) &&
-              "Object" === objectName(serverPropName) &&
-              (2 < Object.keys(propName$jscomp$0).length ||
-                2 < Object.keys(serverPropName).length ||
-                -1 < clientPropValue.indexOf("...") ||
-                -1 < maxLength$jscomp$0.indexOf("..."))
-                ? (content +=
-                    indentation(indent + 1) +
-                    _propName2 +
-                    "={{\n" +
-                    describePropertiesDiff(
-                      propName$jscomp$0,
-                      serverPropName,
-                      indent + 2
-                    ) +
-                    indentation(indent + 1) +
-                    "}}\n")
-                : ((content +=
-                    added(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    clientPropValue +
-                    "\n"),
-                  (content +=
-                    removed(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    maxLength$jscomp$0 +
-                    "\n"));
-            } else
-              content +=
-                indentation(indent + 1) +
-                _propName2 +
-                "=" +
-                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
-                "\n";
-          }
-        serverPropNames.forEach(function (propName) {
-          if ("children" !== propName) {
-            var maxLength =
-              maxRowLength - 2 * (indent + 1) - propName.length - 1;
-            content +=
-              removed(indent + 1) +
-              propName +
-              "=" +
-              describePropValue(serverProps[propName], maxLength) +
-              "\n";
-          }
-        });
-        content =
-          "" === content
-            ? indentation(indent) + "<" + type + ">\n"
-            : indentation(indent) +
-              "<" +
-              type +
-              "\n" +
-              content +
-              indentation(indent) +
-              ">\n";
+    function getRootForUpdatedFiber(sourceFiber) {
+      throwIfInfiniteUpdateLoopDetected();
+      null === sourceFiber.alternate &&
+        0 !== (sourceFiber.flags & 4098) &&
+        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+      for (var node = sourceFiber, parent = node.return; null !== parent; )
+        null === node.alternate &&
+          0 !== (node.flags & 4098) &&
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
+          (node = parent),
+          (parent = node.return);
+      return 3 === node.tag ? node.stateNode : null;
+    }
+    function resolveFunctionForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family ? type : family.current;
+    }
+    function resolveForwardRefForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family
+        ? null !== type &&
+          void 0 !== type &&
+          "function" === typeof type.render &&
+          ((family = resolveFunctionForHotReloading(type.render)),
+          type.render !== family)
+          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
+            void 0 !== type.displayName &&
+              (family.displayName = type.displayName),
+            family)
+          : type
+        : family.current;
+    }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      if (null === resolveFamily) return !1;
+      var prevType = fiber.elementType;
+      element = element.type;
+      var needsCompareFamilies = !1,
+        $$typeofNextType =
+          "object" === typeof element && null !== element
+            ? element.$$typeof
+            : null;
+      switch (fiber.tag) {
+        case 1:
+          "function" === typeof element && (needsCompareFamilies = !0);
+          break;
+        case 0:
+          "function" === typeof element
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 11:
+          $$typeofNextType === REACT_FORWARD_REF_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 14:
+        case 15:
+          $$typeofNextType === REACT_MEMO_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        default:
+          return !1;
       }
-      type = serverProps.children;
-      clientProps = clientProps.children;
-      if (
-        "string" === typeof type ||
-        "number" === typeof type ||
-        "bigint" === typeof type
-      ) {
-        serverPropNames = "";
-        if (
-          "string" === typeof clientProps ||
-          "number" === typeof clientProps ||
-          "bigint" === typeof clientProps
-        )
-          serverPropNames = "" + clientProps;
-        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
-      } else if (
-        "string" === typeof clientProps ||
-        "number" === typeof clientProps ||
-        "bigint" === typeof clientProps
-      )
-        content += describeTextDiff("" + clientProps, void 0, indent + 1);
-      return content;
+      return needsCompareFamilies &&
+        ((fiber = resolveFamily(prevType)),
+        void 0 !== fiber && fiber === resolveFamily(element))
+        ? !0
+        : !1;
     }
-    function describeSiblingFiber(fiber, indent) {
-      var type = describeFiberType(fiber);
-      if (null === type) {
-        type = "";
-        for (fiber = fiber.child; fiber; )
-          (type += describeSiblingFiber(fiber, indent)),
-            (fiber = fiber.sibling);
-        return type;
-      }
-      return indentation(indent) + "<" + type + ">\n";
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      null !== resolveFamily &&
+        "function" === typeof WeakSet &&
+        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
+        failedBoundaries.add(fiber));
     }
-    function describeNode(node, indent) {
-      var skipToNode = findNotableNode(node, indent);
-      if (
-        skipToNode !== node &&
-        (1 !== node.children.length || node.children[0] !== skipToNode)
-      )
-        return (
-          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      var alternate = fiber.alternate,
+        child = fiber.child,
+        sibling = fiber.sibling,
+        tag = fiber.tag,
+        type = fiber.type,
+        candidateType = null;
+      switch (tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      if (null === resolveFamily)
+        throw Error("Expected resolveFamily to be set during hot reload.");
+      var needsRender = !1;
+      type = !1;
+      null !== candidateType &&
+        ((candidateType = resolveFamily(candidateType)),
+        void 0 !== candidateType &&
+          (staleFamilies.has(candidateType)
+            ? (type = !0)
+            : updatedFamilies.has(candidateType) &&
+              (1 === tag ? (type = !0) : (needsRender = !0))));
+      null !== failedBoundaries &&
+        (failedBoundaries.has(fiber) ||
+          (null !== alternate && failedBoundaries.has(alternate))) &&
+        (type = !0);
+      type && (fiber._debugNeedsRemount = !0);
+      if (type || needsRender)
+        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
+          null !== alternate &&
+            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
+      null === child ||
+        type ||
+        scheduleFibersWithFamiliesRecursively(
+          child,
+          updatedFamilies,
+          staleFamilies
         );
-      skipToNode = "";
-      var debugInfo = node.fiber._debugInfo;
-      if (debugInfo)
-        for (var i = 0; i < debugInfo.length; i++) {
-          var serverComponentName = debugInfo[i].name;
-          "string" === typeof serverComponentName &&
-            ((skipToNode +=
-              indentation(indent) + "<" + serverComponentName + ">\n"),
-            indent++);
-        }
-      debugInfo = "";
-      i = node.fiber.pendingProps;
-      if (6 === node.fiber.tag)
-        debugInfo = describeTextDiff(i, node.serverProps, indent);
-      else if (
-        ((serverComponentName = describeFiberType(node.fiber)),
-        null !== serverComponentName)
-      )
-        if (void 0 === node.serverProps) {
-          debugInfo = indent;
-          var maxLength =
-              maxRowLength - 2 * debugInfo - serverComponentName.length - 2,
-            content = "";
-          for (propName in i)
-            if (i.hasOwnProperty(propName) && "children" !== propName) {
-              var propValue = describePropValue(i[propName], 15);
-              maxLength -= propName.length + propValue.length + 2;
-              if (0 > maxLength) {
-                content += " ...";
-                break;
+      null !== sibling &&
+        scheduleFibersWithFamiliesRecursively(
+          sibling,
+          updatedFamilies,
+          staleFamilies
+        );
+    }
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      var child = fiber.child,
+        sibling = fiber.sibling,
+        type = fiber.type,
+        candidateType = null;
+      switch (fiber.tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      type = !1;
+      null !== candidateType && types.has(candidateType) && (type = !0);
+      if (type)
+        a: {
+          b: for (child = fiber, candidateType = !1; ; ) {
+            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
+              (candidateType = !0), hostInstances.add(child.stateNode);
+            else if (null !== child.child) {
+              child.child.return = child;
+              child = child.child;
+              continue;
+            }
+            if (child === fiber) {
+              child = candidateType;
+              break b;
+            }
+            for (; null === child.sibling; ) {
+              if (null === child.return || child.return === fiber) {
+                child = candidateType;
+                break b;
               }
-              content += " " + propName + "=" + propValue;
+              child = child.return;
             }
-          debugInfo =
-            indentation(debugInfo) +
-            "<" +
-            serverComponentName +
-            content +
-            ">\n";
-          indent++;
-        } else
-          null === node.serverProps
-            ? (debugInfo = describeExpandedElement(
-                serverComponentName,
-                i,
-                added(indent)
-              ))
-            : "string" === typeof node.serverProps
-            ? error$jscomp$0(
-                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
-              )
-            : ((debugInfo = describeElementDiff(
-                serverComponentName,
-                i,
-                node.serverProps,
-                indent
-              )),
-              indent++);
-      var propName = "";
-      i = node.fiber.child;
-      for (
-        serverComponentName = 0;
-        i && serverComponentName < node.children.length;
-
-      )
-        (maxLength = node.children[serverComponentName]),
-          maxLength.fiber === i
-            ? ((propName += describeNode(maxLength, indent)),
-              serverComponentName++)
-            : (propName += describeSiblingFiber(i, indent)),
-          (i = i.sibling);
-      i &&
-        0 < node.children.length &&
-        (propName += indentation(indent) + "...\n");
-      node = node.serverTail;
-      for (i = 0; i < node.length; i++)
-        (serverComponentName = node[i]),
-          (propName =
-            "string" === typeof serverComponentName
-              ? propName +
-                (removed(indent) +
-                  describeTextNode(
-                    serverComponentName,
-                    maxRowLength - 2 * indent
-                  ) +
-                  "\n")
-              : propName +
-                describeExpandedElement(
-                  serverComponentName.type,
-                  serverComponentName.props,
-                  removed(indent)
-                ));
-      return skipToNode + debugInfo + propName;
+            child.sibling.return = child.return;
+            child = child.sibling;
+          }
+          if (!child)
+            for (;;) {
+              switch (fiber.tag) {
+                case 27:
+                case 5:
+                  hostInstances.add(fiber.stateNode);
+                  break a;
+                case 4:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+                case 3:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+              }
+              if (null === fiber.return)
+                throw Error("Expected to reach root first.");
+              fiber = fiber.return;
+            }
+        }
+      else
+        null !== child &&
+          findHostInstancesForMatchingFibersRecursively(
+            child,
+            types,
+            hostInstances
+          );
+      null !== sibling &&
+        findHostInstancesForMatchingFibersRecursively(
+          sibling,
+          types,
+          hostInstances
+        );
     }
-    function describeDiff(rootNode) {
-      try {
-        return "\n\n" + describeNode(rootNode, 0);
-      } catch (x) {
-        return "";
-      }
+    function createCapturedValueAtFiber(value, source) {
+      if ("object" === typeof value && null !== value) {
+        var stack = CapturedStacks.get(value);
+        "string" !== typeof stack &&
+          ((stack = getStackByFiberInDevAndProd(source)),
+          CapturedStacks.set(value, stack));
+      } else stack = getStackByFiberInDevAndProd(source);
+      return { value: value, source: source, stack: stack };
+    }
+    function pushTreeFork(workInProgress, totalChildren) {
+      warnIfNotHydrating();
+      forkStack[forkStackIndex++] = treeForkCount;
+      forkStack[forkStackIndex++] = treeForkProvider;
+      treeForkProvider = workInProgress;
+      treeForkCount = totalChildren;
+    }
+    function pushTreeId(workInProgress, totalChildren, index) {
+      warnIfNotHydrating();
+      idStack[idStackIndex++] = treeContextId;
+      idStack[idStackIndex++] = treeContextOverflow;
+      idStack[idStackIndex++] = treeContextProvider;
+      treeContextProvider = workInProgress;
+      var baseIdWithLeadingBit = treeContextId;
+      workInProgress = treeContextOverflow;
+      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
+      baseIdWithLeadingBit &= ~(1 << baseLength);
+      index += 1;
+      var length = 32 - clz32(totalChildren) + baseLength;
+      if (30 < length) {
+        var numberOfOverflowBits = baseLength - (baseLength % 5);
+        length = (
+          baseIdWithLeadingBit &
+          ((1 << numberOfOverflowBits) - 1)
+        ).toString(32);
+        baseIdWithLeadingBit >>= numberOfOverflowBits;
+        baseLength -= numberOfOverflowBits;
+        treeContextId =
+          (1 << (32 - clz32(totalChildren) + baseLength)) |
+          (index << baseLength) |
+          baseIdWithLeadingBit;
+        treeContextOverflow = length + workInProgress;
+      } else
+        (treeContextId =
+          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
+          (treeContextOverflow = workInProgress);
+    }
+    function pushMaterializedTreeId(workInProgress) {
+      warnIfNotHydrating();
+      null !== workInProgress.return &&
+        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    }
+    function popTreeContext(workInProgress) {
+      for (; workInProgress === treeForkProvider; )
+        (treeForkProvider = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null),
+          (treeForkCount = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null);
+      for (; workInProgress === treeContextProvider; )
+        (treeContextProvider = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextOverflow = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextId = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null);
+    }
+    function warnIfNotHydrating() {
+      isHydrating ||
+        console.error(
+          "Expected to be hydrating. This is a bug in React. Please file an issue."
+        );
     }
     function buildHydrationDiffNode(fiber, distanceFromLeaf) {
       if (null === fiber.return) {
@@ -4317,7 +4337,7 @@
       null !== diffRoot &&
         ((hydrationDiffRootDEV = null),
         (diffRoot = describeDiff(diffRoot)),
-        error$jscomp$0(
+        console.error(
           "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s",
           "https://react.dev/link/hydration-mismatch",
           diffRoot
@@ -4341,7 +4361,7 @@
         : index !== thenable &&
           (thenableState.didWarnAboutUncachedPromise ||
             ((thenableState.didWarnAboutUncachedPromise = !0),
-            error$jscomp$0(
+            console.error(
               "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."
             )),
           thenable.then(noop$3, noop$3),
@@ -4432,11 +4452,12 @@
         if ("children" !== key && "key" !== key) {
           null === fiber &&
             ((fiber = createFiberFromElement(element, returnFiber.mode, 0)),
+            (fiber._debugInfo = currentDebugInfo),
             (fiber.return = returnFiber));
           runWithFiberInDEV(
             fiber,
             function (erroredKey) {
-              error$jscomp$0(
+              console.error(
                 "Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",
                 erroredKey
               );
@@ -4478,13 +4499,13 @@
         (invalidChild =
           invalidChild.displayName || invalidChild.name || "Component"),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  root.render(%s)",
               invalidChild,
               invalidChild,
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  <%s>{%s}</%s>",
               invalidChild,
               invalidChild,
@@ -4499,11 +4520,11 @@
         ((ownerHasSymbolTypeWarning[parentName] = !0),
         (invalidChild = String(invalidChild)),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Symbols are not valid as a React child.\n  root.render(%s)",
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Symbols are not valid as a React child.\n  <%s>%s</%s>",
               parentName,
               invalidChild,
@@ -4571,6 +4592,7 @@
               lanes
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4644,6 +4666,7 @@
               key
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4665,6 +4688,7 @@
               lanes
             )),
             (newChild.return = returnFiber),
+            (newChild._debugOwner = returnFiber),
             (newChild._debugInfo = currentDebugInfo),
             newChild
           );
@@ -4711,6 +4735,7 @@
                 null
               )),
               (lanes.return = returnFiber),
+              (lanes._debugOwner = returnFiber),
               (returnFiber = pushDebugInfo(newChild._debugInfo)),
               (lanes._debugInfo = currentDebugInfo),
               (currentDebugInfo = returnFiber),
@@ -4936,7 +4961,7 @@
               break;
             }
             runWithFiberInDEV(workInProgress, function () {
-              error$jscomp$0(
+              console.error(
                 "Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",
                 key
               );
@@ -5251,6 +5276,7 @@
                       newChild.key
                     )),
                     (currentFirstChild.return = returnFiber),
+                    (currentFirstChild._debugOwner = returnFiber),
                     (currentFirstChild._debugInfo = currentDebugInfo),
                     validateFragmentProps(
                       newChild,
@@ -5356,14 +5382,14 @@
                 "[object Generator]" !== Object.prototype.toString.call(key)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$0(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
               newChild.entries !== child ||
                 didWarnAboutMaps ||
-                (error$jscomp$0(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
@@ -5422,6 +5448,8 @@
                   lanes
                 )),
                 (currentFirstChild.return = returnFiber),
+                (currentFirstChild._debugOwner = returnFiber),
+                (currentFirstChild._debugInfo = currentDebugInfo),
                 (returnFiber = currentFirstChild)),
             placeSingleChild(returnFiber)
           );
@@ -5562,7 +5590,7 @@
     }
     function retainCache(cache) {
       cache.controller.signal.aborted &&
-        warn(
+        console.warn(
           "A cache instance was retained after it was already freed. This likely indicates a bug in React."
         );
       cache.refCount++;
@@ -5570,7 +5598,7 @@
     function releaseCache(cache) {
       cache.refCount--;
       0 > cache.refCount &&
-        warn(
+        console.warn(
           "A cache instance was released after it was already freed. This likely indicates a bug in React."
         );
       0 === cache.refCount &&
@@ -5685,7 +5713,7 @@
             oldHookName += newHookName + "\n";
             table += oldHookName;
           }
-          error$jscomp$0(
+          console.error(
             "React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n   Previous render            Next render\n   ------------------------------------------------------\n%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
             componentName,
             table
@@ -5697,7 +5725,7 @@
       void 0 === deps ||
         null === deps ||
         isArrayImpl(deps) ||
-        error$jscomp$0(
+        console.error(
           "%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
           currentHookNameInDev,
           typeof deps
@@ -5707,7 +5735,7 @@
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
       didWarnAboutUseFormState.has(componentName) ||
         (didWarnAboutUseFormState.add(componentName),
-        error$jscomp$0(
+        console.error(
           "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
           componentName
         ));
@@ -5721,14 +5749,14 @@
       if (ignorePreviousDependencies) return !1;
       if (null === prevDeps)
         return (
-          error$jscomp$0(
+          console.error(
             "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
             currentHookNameInDev
           ),
           !1
         );
       nextDeps.length !== prevDeps.length &&
-        error$jscomp$0(
+        console.error(
           "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
           currentHookNameInDev,
           "[" + prevDeps.join(", ") + "]",
@@ -5763,7 +5791,7 @@
         )),
           didWarnAboutAsyncClientComponent.has(nextRenderLanes) ||
             (didWarnAboutAsyncClientComponent.add(nextRenderLanes),
-            error$jscomp$0(
+            console.error(
               "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
             ));
       workInProgress.memoizedState = null;
@@ -5817,7 +5845,7 @@
       hookTypesUpdateIndexDev = -1;
       null !== current &&
         (current.flags & 31457280) !== (workInProgress.flags & 31457280) &&
-        error$jscomp$0(
+        console.error(
           "Internal React error: Expected static flag was missing. Please notify the React team."
         );
       didScheduleRenderPhaseUpdate = !1;
@@ -5836,7 +5864,7 @@
         didWarnAboutUseWrappedInTryCatch.has(workInProgress) ||
           didWarnAboutAsyncClientComponent.has(workInProgress) ||
           (didWarnAboutUseWrappedInTryCatch.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "`use` was called from inside a try/catch block. This is not allowed and can lead to unexpected behavior. To handle errors triggered by `use`, wrap your component in a error boundary."
           )));
     }
@@ -6018,7 +6046,7 @@
           updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
       else
         updateQueue.length !== size &&
-          error$jscomp$0(
+          console.error(
             "Expected a constant size argument for each invocation of useMemoCache. The previous cache was allocated with size %s but size %s was requested.",
             updateQueue.length,
             size
@@ -6074,7 +6102,7 @@
           pendingQueue.next = baseFirst;
         }
         current.baseQueue !== baseQueue &&
-          error$jscomp$0(
+          console.error(
             "Internal error: Expected work-in-progress queue to be a clone. This is a bug in React."
           );
         current.baseQueue = baseQueue = pendingQueue;
@@ -6205,7 +6233,7 @@
         var nextSnapshot = getServerSnapshot();
         didWarnUncachedGetSnapshot ||
           nextSnapshot === getServerSnapshot() ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getServerSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6214,7 +6242,7 @@
         didWarnUncachedGetSnapshot ||
           ((getServerSnapshot = getSnapshot()),
           objectIs(nextSnapshot, getServerSnapshot) ||
-            (error$jscomp$0(
+            (console.error(
               "The result of getSnapshot should be cached to avoid an infinite loop"
             ),
             (didWarnUncachedGetSnapshot = !0)));
@@ -6271,7 +6299,7 @@
       ) {
         var cachedSnapshot = getSnapshot();
         objectIs(getServerSnapshot, cachedSnapshot) ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6349,7 +6377,7 @@
       try {
         var nextValue = latestGetSnapshot();
         return !objectIs(inst, nextValue);
-      } catch (error$3) {
+      } catch (error) {
         return !0;
       }
     }
@@ -6478,8 +6506,8 @@
           null !== onStartTransitionFinish &&
             onStartTransitionFinish(currentTransition, returnValue);
           handleActionReturnValue(actionQueue, node, returnValue);
-        } catch (error$4) {
-          onActionError(actionQueue, node, error$4);
+        } catch (error) {
+          onActionError(actionQueue, node, error);
         } finally {
           (ReactSharedInternals.T = prevTransition),
             null === prevTransition &&
@@ -6487,7 +6515,7 @@
               ((actionQueue = currentTransition._updatedFibers.size),
               currentTransition._updatedFibers.clear(),
               10 < actionQueue &&
-                warn(
+                console.warn(
                   "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
                 ));
         }
@@ -6495,8 +6523,8 @@
         try {
           (currentTransition = action(prevState, payload)),
             handleActionReturnValue(actionQueue, node, currentTransition);
-        } catch (error$5) {
-          onActionError(actionQueue, node, error$5);
+        } catch (error$3) {
+          onActionError(actionQueue, node, error$3);
         }
     }
     function handleActionReturnValue(actionQueue, node, returnValue) {
@@ -6512,7 +6540,7 @@
             }
           ),
           node.isTransition ||
-            error$jscomp$0(
+            console.error(
               "An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`"
             ))
         : onActionSuccess(actionQueue, node, returnValue);
@@ -6757,7 +6785,7 @@
       if (null !== ref && void 0 !== ref)
         return (
           ref.hasOwnProperty("current") ||
-            error$jscomp$0(
+            console.error(
               "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
               "an object with keys {" + Object.keys(ref).join(", ") + "}"
             ),
@@ -6770,7 +6798,7 @@
     }
     function mountImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -6786,7 +6814,7 @@
     }
     function updateImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -6920,11 +6948,11 @@
           );
           dispatchSetState(fiber, queue, thenableForFinishedState);
         } else dispatchSetState(fiber, queue, finishedState);
-      } catch (error$6) {
+      } catch (error) {
         dispatchSetState(fiber, queue, {
           then: function () {},
           status: "rejected",
-          reason: error$6
+          reason: error
         });
       } finally {
         (ReactDOMSharedInternals.p = previousPriority),
@@ -6934,7 +6962,7 @@
             ((fiber = currentTransition._updatedFibers.size),
             currentTransition._updatedFibers.clear(),
             10 < fiber &&
-              warn(
+              console.warn(
                 "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
               ));
       }
@@ -6995,7 +7023,7 @@
     }
     function requestFormReset$1(formFiber) {
       null === ReactSharedInternals.T &&
-        error$jscomp$0(
+        console.error(
           "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
         );
       var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
@@ -7078,7 +7106,7 @@
             null !== seedKey &&
               void 0 !== seedKey &&
               null !== root &&
-              error$jscomp$0(
+              console.error(
                 "The seed argument is not enabled outside experimental channels."
               );
             fiber.payload = { cache: provider };
@@ -7094,7 +7122,7 @@
       JSCompiler_OptimizeArgumentsArray_p0
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p0 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p0 = requestUpdateLane(fiber);
@@ -7134,7 +7162,7 @@
       JSCompiler_OptimizeArgumentsArray_p1
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p1 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p1 = requestUpdateLane(fiber);
@@ -7166,7 +7194,7 @@
               null === workInProgressRoot && finishQueueingConcurrentUpdates();
               return;
             }
-          } catch (error$7) {
+          } catch (error) {
           } finally {
             ReactSharedInternals.H = prevDispatcher;
           }
@@ -7199,7 +7227,7 @@
     ) {
       null === ReactSharedInternals.T &&
         0 === currentEntangledLane &&
-        error$jscomp$0(
+        console.error(
           "An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition."
         );
       action = {
@@ -7213,7 +7241,7 @@
       if (isRenderPhaseUpdate(fiber)) {
         if (throwIfDuringRender)
           throw Error("Cannot update optimistic state while rendering.");
-        error$jscomp$0("Cannot call startTransition while rendering.");
+        console.error("Cannot call startTransition while rendering.");
       } else
         (throwIfDuringRender = enqueueConcurrentHookUpdate(
           fiber,
@@ -7307,26 +7335,61 @@
     }
     function defaultOnUncaughtError(error, errorInfo) {
       reportGlobalError(error);
-      console.warn(
-        "%s\n\n%s\n%s",
-        componentName
-          ? "An error occurred in the <" + componentName + "> component."
-          : "An error occurred in one of your React components.",
-        "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries.",
-        null != errorInfo.componentStack ? errorInfo.componentStack : ""
-      );
+      error = componentName
+        ? "An error occurred in the <" + componentName + "> component."
+        : "An error occurred in one of your React components.";
+      var prevGetCurrentStack = ReactSharedInternals.getCurrentStack,
+        componentStack =
+          null != errorInfo.componentStack ? errorInfo.componentStack : "";
+      ReactSharedInternals.getCurrentStack = function () {
+        return componentStack;
+      };
+      try {
+        console.warn(
+          "%s\n\n%s\n",
+          error,
+          "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
+        );
+      } finally {
+        ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
+      }
     }
-    function defaultOnCaughtError(error$1, errorInfo) {
-      console.error(
-        "%o\n\n%s\n\n%s\n%s",
-        error$1,
-        componentName
+    function defaultOnCaughtError(error, errorInfo) {
+      var componentNameMessage = componentName
           ? "The above error occurred in the <" + componentName + "> component."
           : "The above error occurred in one of your React components.",
-        "React will try to recreate this component tree from scratch using the error boundary you provided, " +
+        recreateMessage =
+          "React will try to recreate this component tree from scratch using the error boundary you provided, " +
           ((errorBoundaryName || "Anonymous") + "."),
-        null != errorInfo.componentStack ? errorInfo.componentStack : ""
-      );
+        prevGetCurrentStack = ReactSharedInternals.getCurrentStack,
+        componentStack =
+          null != errorInfo.componentStack ? errorInfo.componentStack : "";
+      ReactSharedInternals.getCurrentStack = function () {
+        return componentStack;
+      };
+      try {
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+          ? printToConsole(
+              "error",
+              [
+                "%o\n\n%s\n\n%s\n",
+                error,
+                componentNameMessage,
+                recreateMessage
+              ],
+              error.environmentName
+            )
+          : console.error(
+              "%o\n\n%s\n\n%s\n",
+              error,
+              componentNameMessage,
+              recreateMessage
+            );
+      } finally {
+        ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
+      }
     }
     function defaultOnRecoverableError(error) {
       reportGlobalError(error);
@@ -7344,9 +7407,9 @@
           var onUncaughtError = root.onUncaughtError;
           onUncaughtError(error, { componentStack: errorInfo.stack });
         }
-      } catch (e$8) {
+      } catch (e$4) {
         setTimeout(function () {
-          throw e$8;
+          throw e$4;
         });
       }
     }
@@ -7361,9 +7424,9 @@
           componentStack: errorInfo.stack,
           errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
         });
-      } catch (e$9) {
+      } catch (e$5) {
         setTimeout(function () {
-          throw e$9;
+          throw e$5;
         });
       }
     }
@@ -7384,9 +7447,9 @@
     function initializeClassErrorUpdate(update, root, fiber, errorInfo) {
       var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
       if ("function" === typeof getDerivedStateFromError) {
-        var error$1 = errorInfo.value;
+        var error = errorInfo.value;
         update.payload = function () {
-          return getDerivedStateFromError(error$1);
+          return getDerivedStateFromError(error);
         };
         update.callback = function () {
           markFailedErrorBoundaryForHotReloading(fiber);
@@ -7421,7 +7484,7 @@
           });
           "function" === typeof getDerivedStateFromError ||
             (0 === (fiber.lanes & SyncLane) &&
-              error$jscomp$0(
+              console.error(
                 "%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
                 getComponentNameFromFiber(fiber) || "Unknown"
               ));
@@ -7857,7 +7920,7 @@
       ) {
         var componentName = getComponentNameFromType(Component) || "Unknown";
         didWarnAboutBadClass[componentName] ||
-          (error$jscomp$0(
+          (console.error(
             "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
             componentName,
             componentName
@@ -7872,10 +7935,13 @@
       null === current &&
         (validateFunctionComponentInDev(workInProgress, workInProgress.type),
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-            getComponentNameFromType(Component) || "Unknown"
-          ));
+          ((componentName = getComponentNameFromType(Component) || "Unknown"),
+          didWarnAboutContextTypes$1[componentName] ||
+            ((didWarnAboutContextTypes$1[componentName] = !0),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+              componentName
+            ))));
       prepareToReadContext(workInProgress, renderLanes);
       markComponentRenderStarted(workInProgress);
       Component = renderWithHooks(
@@ -7985,7 +8051,7 @@
               : " However, it is set to an object with keys {" +
                 Object.keys(_instance).join(", ") +
                 "}."),
-          error$jscomp$0(
+          console.error(
             "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
             getComponentNameFromType(Component) || "Component",
             lane
@@ -8015,7 +8081,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutUninitializedState.has(state) ||
             (didWarnAboutUninitializedState.add(state),
-            error$jscomp$0(
+            console.error(
               "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
               state,
               null === _instance.state ? "null" : "undefined",
@@ -8051,7 +8117,7 @@
                 : "getSnapshotBeforeUpdate()";
             didWarnAboutLegacyLifecyclesAndDerivedState.has(_instance) ||
               (didWarnAboutLegacyLifecyclesAndDerivedState.add(_instance),
-              error$jscomp$0(
+              console.error(
                 "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                 _instance,
                 newApiName,
@@ -8066,88 +8132,87 @@
         _instance.render ||
           (Component.prototype &&
           "function" === typeof Component.prototype.render
-            ? error$jscomp$0(
+            ? console.error(
                 "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                 state
               )
-            : error$jscomp$0(
+            : console.error(
                 "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                 state
               ));
         !_instance.getInitialState ||
           _instance.getInitialState.isReactClassApproved ||
           _instance.state ||
-          error$jscomp$0(
+          console.error(
             "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
             state
           );
         _instance.getDefaultProps &&
           !_instance.getDefaultProps.isReactClassApproved &&
-          error$jscomp$0(
+          console.error(
             "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
             state
           );
-        _instance.propTypes &&
-          error$jscomp$0(
-            "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-            state
-          );
         _instance.contextType &&
-          error$jscomp$0(
+          console.error(
             "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
             state
           );
         Component.childContextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+          !didWarnAboutChildContextTypes.has(Component) &&
+          (didWarnAboutChildContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+          !didWarnAboutContextTypes.has(Component) &&
+          (didWarnAboutContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         "function" === typeof _instance.componentShouldUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
             state
           );
         Component.prototype &&
           Component.prototype.isPureReactComponent &&
           "undefined" !== typeof _instance.shouldComponentUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
             getComponentNameFromType(Component) || "A pure component"
           );
         "function" === typeof _instance.componentDidUnmount &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
             state
           );
         "function" === typeof _instance.componentDidReceiveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
             state
           );
         "function" === typeof _instance.componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
             state
           );
         "function" === typeof _instance.UNSAFE_componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
             state
           );
         lane = _instance.props !== nextProps;
         void 0 !== _instance.props &&
           lane &&
-          error$jscomp$0(
+          console.error(
             "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
             state
           );
         _instance.defaultProps &&
-          error$jscomp$0(
+          console.error(
             "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
             state,
             state
@@ -8156,31 +8221,31 @@
           "function" === typeof _instance.componentDidUpdate ||
           didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(Component) ||
           (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(Component),
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
             getComponentNameFromType(Component)
           ));
         "function" === typeof _instance.getDerivedStateFromProps &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof _instance.getDerivedStateFromError &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof Component.getSnapshotBeforeUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
             state
           );
         (lane = _instance.state) &&
           ("object" !== typeof lane || isArrayImpl(lane)) &&
-          error$jscomp$0("%s.state: must be set to an object or null", state);
+          console.error("%s.state: must be set to an object or null", state);
         "function" === typeof _instance.getChildContext &&
           "object" !== typeof Component.childContextTypes &&
-          error$jscomp$0(
+          console.error(
             "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
             state
           );
@@ -8198,7 +8263,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutDirectlyAssigningPropsToState.has(state) ||
             (didWarnAboutDirectlyAssigningPropsToState.add(state),
-            error$jscomp$0(
+            console.error(
               "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
               state
             )));
@@ -8231,7 +8296,7 @@
           "function" === typeof _instance.UNSAFE_componentWillMount &&
             _instance.UNSAFE_componentWillMount(),
           state !== _instance.state &&
-            (error$jscomp$0(
+            (console.error(
               "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
               getComponentNameFromFiber(workInProgress) || "Component"
             ),
@@ -8473,7 +8538,7 @@
       _instance &&
         renderLanes.props !== nextProps &&
         (didWarnAboutReassigningProps ||
-          error$jscomp$0(
+          console.error(
             "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
             getComponentNameFromFiber(workInProgress) || "a component"
           ),
@@ -8494,14 +8559,14 @@
     function validateFunctionComponentInDev(workInProgress, Component) {
       Component &&
         Component.childContextTypes &&
-        error$jscomp$0(
+        console.error(
           "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
           Component.displayName || Component.name || "Component"
         );
       "function" === typeof Component.getDerivedStateFromProps &&
         ((workInProgress = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutGetDerivedStateOnFunctionComponent[workInProgress] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
             workInProgress
           ),
@@ -8511,7 +8576,7 @@
         null !== Component.contextType &&
         ((Component = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutContextTypeOnFunctionComponent[Component] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support contextType.",
             Component
           ),
@@ -8530,32 +8595,32 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_digest_2329;
-      var JSCompiler_object_inline_stack_2330 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_digest_2305;
+      var JSCompiler_object_inline_stack_2306 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_componentStack_2331 = !1;
+      var JSCompiler_object_inline_componentStack_2307 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_digest_2329 = didSuspend) ||
-        (JSCompiler_object_inline_digest_2329 =
+      (JSCompiler_object_inline_digest_2305 = didSuspend) ||
+        (JSCompiler_object_inline_digest_2305 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_digest_2329 &&
-        ((JSCompiler_object_inline_componentStack_2331 = !0),
+      JSCompiler_object_inline_digest_2305 &&
+        ((JSCompiler_object_inline_componentStack_2307 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_digest_2329 = 0 !== (workInProgress.flags & 32);
+      JSCompiler_object_inline_digest_2305 = 0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_componentStack_2331
+          JSCompiler_object_inline_componentStack_2307
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_message_2328 = nextHydratableInstance;
+            var JSCompiler_object_inline_message_2304 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2328)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2304)) {
               c: {
-                var instance = JSCompiler_object_inline_message_2328;
+                var instance = JSCompiler_object_inline_message_2304;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8596,19 +8661,19 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_message_2328
+                JSCompiler_object_inline_message_2304
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_message_2328 = workInProgress.memoizedState;
+          JSCompiler_object_inline_message_2304 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_message_2328 &&
-            ((JSCompiler_object_inline_message_2328 =
-              JSCompiler_object_inline_message_2328.dehydrated),
-            null !== JSCompiler_object_inline_message_2328)
+            null !== JSCompiler_object_inline_message_2304 &&
+            ((JSCompiler_object_inline_message_2304 =
+              JSCompiler_object_inline_message_2304.dehydrated),
+            null !== JSCompiler_object_inline_message_2304)
           )
             return (
-              JSCompiler_object_inline_message_2328.data ===
+              JSCompiler_object_inline_message_2304.data ===
               SUSPENSE_FALLBACK_START_DATA
                 ? (workInProgress.lanes = DefaultHydrationLane)
                 : (workInProgress.lanes = OffscreenLane),
@@ -8616,58 +8681,58 @@
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_message_2328 =
-          JSCompiler_object_inline_stack_2330.children;
-        JSCompiler_object_inline_stack_2330 =
-          JSCompiler_object_inline_stack_2330.fallback;
-        if (JSCompiler_object_inline_componentStack_2331)
+        JSCompiler_object_inline_message_2304 =
+          JSCompiler_object_inline_stack_2306.children;
+        JSCompiler_object_inline_stack_2306 =
+          JSCompiler_object_inline_stack_2306.fallback;
+        if (JSCompiler_object_inline_componentStack_2307)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_componentStack_2331 =
+            (JSCompiler_object_inline_componentStack_2307 =
               workInProgress.mode),
-            (JSCompiler_object_inline_message_2328 =
+            (JSCompiler_object_inline_message_2304 =
               mountWorkInProgressOffscreenFiber(
                 {
                   mode: "hidden",
-                  children: JSCompiler_object_inline_message_2328
+                  children: JSCompiler_object_inline_message_2304
                 },
-                JSCompiler_object_inline_componentStack_2331
+                JSCompiler_object_inline_componentStack_2307
               )),
-            (JSCompiler_object_inline_stack_2330 = createFiberFromFragment(
-              JSCompiler_object_inline_stack_2330,
-              JSCompiler_object_inline_componentStack_2331,
+            (JSCompiler_object_inline_stack_2306 = createFiberFromFragment(
+              JSCompiler_object_inline_stack_2306,
+              JSCompiler_object_inline_componentStack_2307,
               renderLanes,
               null
             )),
-            (JSCompiler_object_inline_message_2328.return = workInProgress),
-            (JSCompiler_object_inline_stack_2330.return = workInProgress),
-            (JSCompiler_object_inline_message_2328.sibling =
-              JSCompiler_object_inline_stack_2330),
-            (workInProgress.child = JSCompiler_object_inline_message_2328),
-            (JSCompiler_object_inline_componentStack_2331 =
+            (JSCompiler_object_inline_message_2304.return = workInProgress),
+            (JSCompiler_object_inline_stack_2306.return = workInProgress),
+            (JSCompiler_object_inline_message_2304.sibling =
+              JSCompiler_object_inline_stack_2306),
+            (workInProgress.child = JSCompiler_object_inline_message_2304),
+            (JSCompiler_object_inline_componentStack_2307 =
               workInProgress.child),
-            (JSCompiler_object_inline_componentStack_2331.memoizedState =
+            (JSCompiler_object_inline_componentStack_2307.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_componentStack_2331.childLanes =
+            (JSCompiler_object_inline_componentStack_2307.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_digest_2329,
+                JSCompiler_object_inline_digest_2305,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2330
+            JSCompiler_object_inline_stack_2306
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_message_2328
+          JSCompiler_object_inline_message_2304
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_message_2328 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_message_2328)
+        ((JSCompiler_object_inline_message_2304 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_message_2304)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8684,93 +8749,93 @@
               (workInProgress.flags |= 128),
               (workInProgress = null))
             : (reuseSuspenseHandlerOnStack(workInProgress),
-              (JSCompiler_object_inline_componentStack_2331 =
-                JSCompiler_object_inline_stack_2330.fallback),
-              (JSCompiler_object_inline_message_2328 = workInProgress.mode),
-              (JSCompiler_object_inline_stack_2330 =
+              (JSCompiler_object_inline_componentStack_2307 =
+                JSCompiler_object_inline_stack_2306.fallback),
+              (JSCompiler_object_inline_message_2304 = workInProgress.mode),
+              (JSCompiler_object_inline_stack_2306 =
                 mountWorkInProgressOffscreenFiber(
                   {
                     mode: "visible",
-                    children: JSCompiler_object_inline_stack_2330.children
+                    children: JSCompiler_object_inline_stack_2306.children
                   },
-                  JSCompiler_object_inline_message_2328
+                  JSCompiler_object_inline_message_2304
                 )),
-              (JSCompiler_object_inline_componentStack_2331 =
+              (JSCompiler_object_inline_componentStack_2307 =
                 createFiberFromFragment(
-                  JSCompiler_object_inline_componentStack_2331,
-                  JSCompiler_object_inline_message_2328,
+                  JSCompiler_object_inline_componentStack_2307,
+                  JSCompiler_object_inline_message_2304,
                   renderLanes,
                   null
                 )),
-              (JSCompiler_object_inline_componentStack_2331.flags |= 2),
-              (JSCompiler_object_inline_stack_2330.return = workInProgress),
-              (JSCompiler_object_inline_componentStack_2331.return =
+              (JSCompiler_object_inline_componentStack_2307.flags |= 2),
+              (JSCompiler_object_inline_stack_2306.return = workInProgress),
+              (JSCompiler_object_inline_componentStack_2307.return =
                 workInProgress),
-              (JSCompiler_object_inline_stack_2330.sibling =
-                JSCompiler_object_inline_componentStack_2331),
-              (workInProgress.child = JSCompiler_object_inline_stack_2330),
+              (JSCompiler_object_inline_stack_2306.sibling =
+                JSCompiler_object_inline_componentStack_2307),
+              (workInProgress.child = JSCompiler_object_inline_stack_2306),
               reconcileChildFibers(
                 workInProgress,
                 current.child,
                 null,
                 renderLanes
               ),
-              (JSCompiler_object_inline_stack_2330 = workInProgress.child),
-              (JSCompiler_object_inline_stack_2330.memoizedState =
+              (JSCompiler_object_inline_stack_2306 = workInProgress.child),
+              (JSCompiler_object_inline_stack_2306.memoizedState =
                 mountSuspenseOffscreenState(renderLanes)),
-              (JSCompiler_object_inline_stack_2330.childLanes =
+              (JSCompiler_object_inline_stack_2306.childLanes =
                 getRemainingWorkInPrimaryTree(
                   current,
-                  JSCompiler_object_inline_digest_2329,
+                  JSCompiler_object_inline_digest_2305,
                   renderLanes
                 )),
               (workInProgress.memoizedState = SUSPENDED_MARKER),
-              (workInProgress = JSCompiler_object_inline_componentStack_2331));
+              (workInProgress = JSCompiler_object_inline_componentStack_2307));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
-            error$jscomp$0(
+            console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          JSCompiler_object_inline_message_2328.data ===
+          JSCompiler_object_inline_message_2304.data ===
             SUSPENSE_FALLBACK_START_DATA)
         ) {
-          JSCompiler_object_inline_digest_2329 =
-            JSCompiler_object_inline_message_2328.nextSibling &&
-            JSCompiler_object_inline_message_2328.nextSibling.dataset;
-          if (JSCompiler_object_inline_digest_2329) {
-            JSCompiler_temp = JSCompiler_object_inline_digest_2329.dgst;
-            var message = JSCompiler_object_inline_digest_2329.msg;
-            instance = JSCompiler_object_inline_digest_2329.stck;
-            var componentStack = JSCompiler_object_inline_digest_2329.cstck;
+          JSCompiler_object_inline_digest_2305 =
+            JSCompiler_object_inline_message_2304.nextSibling &&
+            JSCompiler_object_inline_message_2304.nextSibling.dataset;
+          if (JSCompiler_object_inline_digest_2305) {
+            JSCompiler_temp = JSCompiler_object_inline_digest_2305.dgst;
+            var message = JSCompiler_object_inline_digest_2305.msg;
+            instance = JSCompiler_object_inline_digest_2305.stck;
+            var componentStack = JSCompiler_object_inline_digest_2305.cstck;
           }
-          JSCompiler_object_inline_message_2328 = message;
-          JSCompiler_object_inline_digest_2329 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2330 = instance;
-          JSCompiler_object_inline_componentStack_2331 = componentStack;
-          JSCompiler_object_inline_message_2328 =
-            JSCompiler_object_inline_message_2328
-              ? Error(JSCompiler_object_inline_message_2328)
+          JSCompiler_object_inline_message_2304 = message;
+          JSCompiler_object_inline_digest_2305 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2306 = instance;
+          JSCompiler_object_inline_componentStack_2307 = componentStack;
+          JSCompiler_object_inline_message_2304 =
+            JSCompiler_object_inline_message_2304
+              ? Error(JSCompiler_object_inline_message_2304)
               : Error(
                   "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                 );
-          JSCompiler_object_inline_message_2328.stack =
-            JSCompiler_object_inline_stack_2330 || "";
-          JSCompiler_object_inline_message_2328.digest =
-            JSCompiler_object_inline_digest_2329;
-          JSCompiler_object_inline_digest_2329 =
-            void 0 === JSCompiler_object_inline_componentStack_2331
+          JSCompiler_object_inline_message_2304.stack =
+            JSCompiler_object_inline_stack_2306 || "";
+          JSCompiler_object_inline_message_2304.digest =
+            JSCompiler_object_inline_digest_2305;
+          JSCompiler_object_inline_digest_2305 =
+            void 0 === JSCompiler_object_inline_componentStack_2307
               ? null
-              : JSCompiler_object_inline_componentStack_2331;
-          "string" === typeof JSCompiler_object_inline_digest_2329 &&
+              : JSCompiler_object_inline_componentStack_2307;
+          "string" === typeof JSCompiler_object_inline_digest_2305 &&
             CapturedStacks.set(
-              JSCompiler_object_inline_message_2328,
-              JSCompiler_object_inline_digest_2329
+              JSCompiler_object_inline_message_2304,
+              JSCompiler_object_inline_digest_2305
             );
           queueHydrationError({
-            value: JSCompiler_object_inline_message_2328,
+            value: JSCompiler_object_inline_message_2304,
             source: null,
-            stack: JSCompiler_object_inline_digest_2329
+            stack: JSCompiler_object_inline_digest_2305
           });
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -8778,26 +8843,26 @@
             renderLanes
           );
         } else if (
-          ((JSCompiler_object_inline_digest_2329 =
+          ((JSCompiler_object_inline_digest_2305 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_digest_2329)
+          didReceiveUpdate || JSCompiler_object_inline_digest_2305)
         ) {
-          JSCompiler_object_inline_digest_2329 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_digest_2329) {
-            JSCompiler_object_inline_stack_2330 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2330 & SyncUpdateLanes))
-              JSCompiler_object_inline_stack_2330 = SyncHydrationLane;
+          JSCompiler_object_inline_digest_2305 = workInProgressRoot;
+          if (null !== JSCompiler_object_inline_digest_2305) {
+            JSCompiler_object_inline_stack_2306 = renderLanes & -renderLanes;
+            if (0 !== (JSCompiler_object_inline_stack_2306 & SyncUpdateLanes))
+              JSCompiler_object_inline_stack_2306 = SyncHydrationLane;
             else
-              switch (JSCompiler_object_inline_stack_2330) {
+              switch (JSCompiler_object_inline_stack_2306) {
                 case SyncLane:
-                  JSCompiler_object_inline_stack_2330 = SyncHydrationLane;
+                  JSCompiler_object_inline_stack_2306 = SyncHydrationLane;
                   break;
                 case InputContinuousLane:
-                  JSCompiler_object_inline_stack_2330 =
+                  JSCompiler_object_inline_stack_2306 =
                     InputContinuousHydrationLane;
                   break;
                 case DefaultLane:
-                  JSCompiler_object_inline_stack_2330 = DefaultHydrationLane;
+                  JSCompiler_object_inline_stack_2306 = DefaultHydrationLane;
                   break;
                 case 128:
                 case 256:
@@ -8818,40 +8883,40 @@
                 case 8388608:
                 case 16777216:
                 case 33554432:
-                  JSCompiler_object_inline_stack_2330 = TransitionHydrationLane;
+                  JSCompiler_object_inline_stack_2306 = TransitionHydrationLane;
                   break;
                 case IdleLane:
-                  JSCompiler_object_inline_stack_2330 = IdleHydrationLane;
+                  JSCompiler_object_inline_stack_2306 = IdleHydrationLane;
                   break;
                 default:
-                  JSCompiler_object_inline_stack_2330 = 0;
+                  JSCompiler_object_inline_stack_2306 = 0;
               }
-            JSCompiler_object_inline_stack_2330 =
+            JSCompiler_object_inline_stack_2306 =
               0 !==
-              (JSCompiler_object_inline_stack_2330 &
-                (JSCompiler_object_inline_digest_2329.suspendedLanes |
+              (JSCompiler_object_inline_stack_2306 &
+                (JSCompiler_object_inline_digest_2305.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2330;
+                : JSCompiler_object_inline_stack_2306;
             if (
-              0 !== JSCompiler_object_inline_stack_2330 &&
-              JSCompiler_object_inline_stack_2330 !== prevState.retryLane
+              0 !== JSCompiler_object_inline_stack_2306 &&
+              JSCompiler_object_inline_stack_2306 !== prevState.retryLane
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2330),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2306),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2330
+                  JSCompiler_object_inline_stack_2306
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_digest_2329,
+                  JSCompiler_object_inline_digest_2305,
                   current,
-                  JSCompiler_object_inline_stack_2330
+                  JSCompiler_object_inline_stack_2306
                 ),
                 SelectiveHydrationException)
               );
           }
-          JSCompiler_object_inline_message_2328.data ===
+          JSCompiler_object_inline_message_2304.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -8859,7 +8924,7 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_message_2328.data ===
+          JSCompiler_object_inline_message_2304.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 128),
               (workInProgress.child = current.child),
@@ -8867,12 +8932,12 @@
                 null,
                 current
               )),
-              (JSCompiler_object_inline_message_2328._reactRetry =
+              (JSCompiler_object_inline_message_2304._reactRetry =
                 workInProgress),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_message_2328.nextSibling
+                JSCompiler_object_inline_message_2304.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -8890,57 +8955,57 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2330.children
+                JSCompiler_object_inline_stack_2306.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_componentStack_2331)
+      if (JSCompiler_object_inline_componentStack_2307)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_componentStack_2331 =
-            JSCompiler_object_inline_stack_2330.fallback),
-          (JSCompiler_object_inline_message_2328 = workInProgress.mode),
+          (JSCompiler_object_inline_componentStack_2307 =
+            JSCompiler_object_inline_stack_2306.fallback),
+          (JSCompiler_object_inline_message_2304 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2330 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2306 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2330.children
+              children: JSCompiler_object_inline_stack_2306.children
             }
           )),
-          (JSCompiler_object_inline_stack_2330.subtreeFlags =
+          (JSCompiler_object_inline_stack_2306.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_componentStack_2331 =
+            ? (JSCompiler_object_inline_componentStack_2307 =
                 createWorkInProgress(
                   instance,
-                  JSCompiler_object_inline_componentStack_2331
+                  JSCompiler_object_inline_componentStack_2307
                 ))
-            : ((JSCompiler_object_inline_componentStack_2331 =
+            : ((JSCompiler_object_inline_componentStack_2307 =
                 createFiberFromFragment(
-                  JSCompiler_object_inline_componentStack_2331,
-                  JSCompiler_object_inline_message_2328,
+                  JSCompiler_object_inline_componentStack_2307,
+                  JSCompiler_object_inline_message_2304,
                   renderLanes,
                   null
                 )),
-              (JSCompiler_object_inline_componentStack_2331.flags |= 2)),
-          (JSCompiler_object_inline_componentStack_2331.return =
+              (JSCompiler_object_inline_componentStack_2307.flags |= 2)),
+          (JSCompiler_object_inline_componentStack_2307.return =
             workInProgress),
-          (JSCompiler_object_inline_stack_2330.return = workInProgress),
-          (JSCompiler_object_inline_stack_2330.sibling =
-            JSCompiler_object_inline_componentStack_2331),
-          (workInProgress.child = JSCompiler_object_inline_stack_2330),
-          (JSCompiler_object_inline_stack_2330 =
-            JSCompiler_object_inline_componentStack_2331),
-          (JSCompiler_object_inline_componentStack_2331 = workInProgress.child),
-          (JSCompiler_object_inline_message_2328 = current.child.memoizedState),
-          null === JSCompiler_object_inline_message_2328
-            ? (JSCompiler_object_inline_message_2328 =
+          (JSCompiler_object_inline_stack_2306.return = workInProgress),
+          (JSCompiler_object_inline_stack_2306.sibling =
+            JSCompiler_object_inline_componentStack_2307),
+          (workInProgress.child = JSCompiler_object_inline_stack_2306),
+          (JSCompiler_object_inline_stack_2306 =
+            JSCompiler_object_inline_componentStack_2307),
+          (JSCompiler_object_inline_componentStack_2307 = workInProgress.child),
+          (JSCompiler_object_inline_message_2304 = current.child.memoizedState),
+          null === JSCompiler_object_inline_message_2304
+            ? (JSCompiler_object_inline_message_2304 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_message_2328.cachePool),
+                JSCompiler_object_inline_message_2304.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -8948,37 +9013,37 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_message_2328 = {
+              (JSCompiler_object_inline_message_2304 = {
                 baseLanes:
-                  JSCompiler_object_inline_message_2328.baseLanes | renderLanes,
+                  JSCompiler_object_inline_message_2304.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_componentStack_2331.memoizedState =
-            JSCompiler_object_inline_message_2328),
-          (JSCompiler_object_inline_componentStack_2331.childLanes =
+          (JSCompiler_object_inline_componentStack_2307.memoizedState =
+            JSCompiler_object_inline_message_2304),
+          (JSCompiler_object_inline_componentStack_2307.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2329,
+              JSCompiler_object_inline_digest_2305,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2330
+          JSCompiler_object_inline_stack_2306
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2330.children
+        children: JSCompiler_object_inline_stack_2306.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_digest_2329 = workInProgress.deletions),
-        null === JSCompiler_object_inline_digest_2329
+        ((JSCompiler_object_inline_digest_2305 = workInProgress.deletions),
+        null === JSCompiler_object_inline_digest_2305
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_digest_2329.push(current));
+          : JSCompiler_object_inline_digest_2305.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -9023,7 +9088,7 @@
       childSlot = !isAnArray && "function" === typeof getIteratorFn(childSlot);
       return isAnArray || childSlot
         ? ((isAnArray = isAnArray ? "array" : "iterable"),
-          error$jscomp$0(
+          console.error(
             "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
             isAnArray,
             index,
@@ -9076,7 +9141,7 @@
             case "together":
             case "forwards":
             case "backwards":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
@@ -9084,20 +9149,20 @@
               break;
             case "forward":
             case "backward":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
               );
               break;
             default:
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
                 revealOrder
               );
           }
         else
-          error$jscomp$0(
+          console.error(
             '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
             revealOrder
           );
@@ -9105,14 +9170,14 @@
         didWarnAboutTailOptions[tailMode] ||
         ("collapsed" !== tailMode && "hidden" !== tailMode
           ? ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
               tailMode
             ))
           : "forwards" !== revealOrder &&
             "backwards" !== revealOrder &&
             ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
               tailMode
             )));
@@ -9133,7 +9198,7 @@
               _i++;
             }
         } else
-          error$jscomp$0(
+          console.error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
@@ -9884,7 +9949,7 @@
             "value" in prevSibling ||
               hasWarnedAboutUsingNoValuePropOnContextProvider ||
               ((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
-              error$jscomp$0(
+              console.error(
                 "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
               ));
             pushProvider(workInProgress, returnFiber, nextState);
@@ -9918,7 +9983,7 @@
             (prevSibling = workInProgress.type._context),
             (returnFiber = workInProgress.pendingProps.children),
             "function" !== typeof returnFiber &&
-              error$jscomp$0(
+              console.error(
                 "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
               ),
             prepareToReadContext(workInProgress, renderLanes),
@@ -10039,7 +10104,7 @@
       void 0 !== context._currentRenderer &&
         null !== context._currentRenderer &&
         context._currentRenderer !== rendererSigil &&
-        error$jscomp$0(
+        console.error(
           "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
         );
       context._currentRenderer = rendererSigil;
@@ -10068,7 +10133,7 @@
         parent = parent.return;
       }
       parent !== propagationRoot &&
-        error$jscomp$0(
+        console.error(
           "Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue."
         );
     }
@@ -10155,7 +10220,7 @@
     }
     function readContext(context) {
       isDisallowedContextReadInDEV &&
-        error$jscomp$0(
+        console.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 readContextForConsumer(currentlyRenderingFiber, context);
@@ -10219,7 +10284,7 @@
         !didWarnUpdateInsideUpdate
       ) {
         var componentName = getComponentNameFromFiber(fiber);
-        error$jscomp$0(
+        console.error(
           "An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.\n\nPlease update the following component: %s",
           componentName
         );
@@ -10483,7 +10548,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -10509,7 +10574,7 @@
         ((ctor = getComponentNameFromType(ctor) || "Component"),
         didWarnAboutUndefinedDerivedState.has(ctor) ||
           (didWarnAboutUndefinedDerivedState.add(ctor),
-          error$jscomp$0(
+          console.error(
             "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
             ctor
           )));
@@ -10550,7 +10615,7 @@
           }
         }
         void 0 === oldProps &&
-          error$jscomp$0(
+          console.error(
             "%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
             getComponentNameFromType(ctor) || "Component"
           );
@@ -10576,7 +10641,7 @@
           getComponentNameFromFiber(workInProgress) || "Component"),
         didWarnAboutStateAssignmentForComponent.has(workInProgress) ||
           (didWarnAboutStateAssignmentForComponent.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
             workInProgress
           )),
@@ -10646,16 +10711,16 @@
             else current.refCleanup = ref(instanceToUse);
           else
             "string" === typeof ref
-              ? error$jscomp$0("String refs are no longer supported.")
+              ? console.error("String refs are no longer supported.")
               : ref.hasOwnProperty("current") ||
-                error$jscomp$0(
+                console.error(
                   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
                   getComponentNameFromFiber(current)
                 ),
               (ref.current = instanceToUse);
         }
-      } catch (error$11) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$11);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function safelyDetachRef(current, nearestMountedAncestor) {
@@ -10671,8 +10736,8 @@
                 recordLayoutEffectDuration(current);
               }
             else refCleanup();
-          } catch (error$12) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$12);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           } finally {
             (current.refCleanup = null),
               (current = current.alternate),
@@ -10687,16 +10752,16 @@
                 recordLayoutEffectDuration(current);
               }
             else ref(null);
-          } catch (error$13) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$13);
+          } catch (error$6) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error$6);
           }
         else ref.current = null;
     }
     function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
       try {
         destroy();
-      } catch (error$14) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$14);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function commitBeforeMutationEffects(root, firstChild) {
@@ -10788,8 +10853,8 @@
                 commitBeforeMutationEffectsOnFiber,
                 firstChild
               );
-            } catch (error$15) {
-              captureCommitPhaseError(firstChild, firstChild.return, error$15);
+            } catch (error) {
+              captureCommitPhaseError(firstChild, firstChild.return, error);
             }
             root = firstChild.sibling;
             if (null !== root) {
@@ -10821,12 +10886,12 @@
               "ref" in finishedWork.memoizedProps ||
               didWarnAboutReassigningProps ||
               (current.props !== finishedWork.memoizedProps &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ),
               current.state !== finishedWork.memoizedState &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ));
@@ -10838,7 +10903,7 @@
             void 0 !== flags ||
               prevState.has(finishedWork.type) ||
               (prevState.add(finishedWork.type),
-              error$jscomp$0(
+              console.error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
                 getComponentNameFromFiber(finishedWork)
               ));
@@ -10964,7 +11029,7 @@
                   : 0 !== (effect.tag & Insertion)
                   ? "useInsertionEffect"
                   : "useEffect"),
-              error$jscomp$0(
+              console.error(
                 "%s must not return anything besides a function, which is used for clean-up.%s",
                 inst,
                 null === create
@@ -10987,15 +11052,15 @@
         try {
           startLayoutEffectTimer(),
             commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$16) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$16);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordLayoutEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$17) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$17);
+        } catch (error$7) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$7);
         }
     }
     function commitClassCallbacks(finishedWork) {
@@ -11006,19 +11071,19 @@
           "ref" in finishedWork.memoizedProps ||
           didWarnAboutReassigningProps ||
           (instance.props !== finishedWork.memoizedProps &&
-            error$jscomp$0(
+            console.error(
               "Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ),
           instance.state !== finishedWork.memoizedState &&
-            error$jscomp$0(
+            console.error(
               "Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ));
         try {
           commitCallbacks(updateQueue, instance);
-        } catch (error$22) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$22);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
     }
@@ -11037,8 +11102,8 @@
           case "img":
             props.src && (instance.src = props.src);
         }
-      } catch (error$23) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error$23);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
       }
     }
     function commitProfilerUpdate(finishedWork, current) {
@@ -11080,8 +11145,8 @@
             }
             parentFiber = parentFiber.return;
           }
-        } catch (error$24) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$24);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function commitLayoutEffectOnFiber(
@@ -11116,12 +11181,12 @@
                   "ref" in finishedWork.memoizedProps ||
                   didWarnAboutReassigningProps ||
                   (finishedRoot.props !== finishedWork.memoizedProps &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     ),
                   finishedRoot.state !== finishedWork.memoizedState &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     )),
@@ -11129,22 +11194,22 @@
               ) {
                 try {
                   startLayoutEffectTimer(), finishedRoot.componentDidMount();
-                } catch (error$18) {
+                } catch (error) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$18
+                    error
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
               } else
                 try {
                   finishedRoot.componentDidMount();
-                } catch (error$19) {
+                } catch (error$8) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$19
+                    error$8
                   );
                 }
             else {
@@ -11157,12 +11222,12 @@
                 "ref" in finishedWork.memoizedProps ||
                 didWarnAboutReassigningProps ||
                 (finishedRoot.props !== finishedWork.memoizedProps &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ),
                 finishedRoot.state !== finishedWork.memoizedState &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ));
@@ -11174,11 +11239,11 @@
                       prevState,
                       finishedRoot.__reactInternalSnapshotBeforeUpdate
                     );
-                } catch (error$20) {
+                } catch (error$9) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$20
+                    error$9
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
@@ -11189,11 +11254,11 @@
                     prevState,
                     finishedRoot.__reactInternalSnapshotBeforeUpdate
                   );
-                } catch (error$21) {
+                } catch (error$10) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$21
+                    error$10
                   );
                 }
             }
@@ -11222,12 +11287,8 @@
               }
             try {
               commitCallbacks(flags, finishedRoot);
-            } catch (error$25) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$25
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           }
           break;
@@ -11425,7 +11486,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -11571,11 +11632,11 @@
           )
             try {
               callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
-            } catch (error$10) {
+            } catch (error) {
               captureCommitPhaseError(
                 deletedFiber,
                 nearestMountedAncestor,
-                error$10
+                error
               );
             }
           recursivelyTraverseDeletionEffects(
@@ -11622,8 +11683,8 @@
       )
         try {
           retryIfBlockedOn(finishedRoot);
-        } catch (error$28) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$28);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function getRetryCache(finishedWork) {
@@ -11722,8 +11783,8 @@
             var alternate = root.alternate;
             null !== alternate && (alternate.return = null);
             root.return = null;
-          } catch (error$29) {
-            captureCommitPhaseError(childToDelete, parentFiber, error$29);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
           }
         }
       if (parentFiber.subtreeFlags & 13878)
@@ -11755,12 +11816,8 @@
                 finishedWork.return
               ),
                 commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-            } catch (error$30) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$30
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
             if (shouldProfile(finishedWork)) {
               try {
@@ -11770,11 +11827,11 @@
                     finishedWork,
                     finishedWork.return
                   );
-              } catch (error$31) {
+              } catch (error$12) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$31
+                  error$12
                 );
               }
               recordLayoutEffectDuration(finishedWork);
@@ -11785,11 +11842,11 @@
                   finishedWork,
                   finishedWork.return
                 );
-              } catch (error$32) {
+              } catch (error$13) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$32
+                  error$13
                 );
               }
           }
@@ -11975,11 +12032,11 @@
                   newProps
                 );
                 domElement[internalPropsKey] = newProps;
-              } catch (error$33) {
+              } catch (error$14) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$33
+                  error$14
                 );
               }
           break;
@@ -12003,7 +12060,7 @@
             node = finishedWork.type;
             getInstanceFromNode(hoistableRoot) &&
               ((nextNode = hoistableRoot.tagName.toLowerCase()),
-              error$jscomp$0(
+              console.error(
                 "You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
                 nextNode,
                 nextNode,
@@ -12015,7 +12072,7 @@
               case "body":
                 break;
               default:
-                error$jscomp$0(
+                console.error(
                   "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
                 );
             }
@@ -12035,11 +12092,11 @@
             root = finishedWork.stateNode;
             try {
               setTextContent(root, "");
-            } catch (error$34) {
+            } catch (error$15) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$34
+                error$15
               );
             }
           }
@@ -12050,18 +12107,18 @@
             try {
               updateProperties(root, hoistableRoot, current, lanes),
                 (root[internalPropsKey] = lanes);
-            } catch (error$35) {
+            } catch (error$16) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$35
+                error$16
               );
             }
           }
           flags & 1024 &&
             ((needsFormReset = !0),
             "form" !== finishedWork.type &&
-              error$jscomp$0(
+              console.error(
                 "Unexpected host component type. Expected a form. This is a bug in React."
               ));
           break;
@@ -12077,11 +12134,11 @@
             current = finishedWork.memoizedProps;
             try {
               flags.nodeValue = current;
-            } catch (error$36) {
+            } catch (error$17) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$36
+                error$17
               );
             }
           }
@@ -12100,11 +12157,11 @@
           )
             try {
               retryIfBlockedOn(root.containerInfo);
-            } catch (error$37) {
+            } catch (error$18) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$37
+                error$18
               );
             }
           needsFormReset &&
@@ -12187,11 +12244,11 @@
                             null == nodeName || "boolean" === typeof nodeName
                               ? ""
                               : ("" + nodeName).trim()));
-                  } catch (error$26) {
+                  } catch (error) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$26
+                      error
                     );
                   }
                 }
@@ -12201,11 +12258,11 @@
                     root.stateNode.nodeValue = domElement
                       ? ""
                       : root.memoizedProps;
-                  } catch (error$27) {
+                  } catch (error$11) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$27
+                      error$11
                     );
                   }
               } else if (
@@ -12303,8 +12360,8 @@
                 );
             }
           }
-        } catch (error$39) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$39);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         finishedWork.flags &= -3;
       }
@@ -12377,11 +12434,11 @@
             var nearestMountedAncestor = finishedWork.return;
             try {
               callComponentWillUnmountWithTimer(finishedWork, instance);
-            } catch (error$10) {
+            } catch (error) {
               captureCommitPhaseError(
                 finishedWork,
                 nearestMountedAncestor,
-                error$10
+                error
               );
             }
           }
@@ -12435,12 +12492,8 @@
           if ("function" === typeof finishedRoot.componentDidMount)
             try {
               finishedRoot.componentDidMount();
-            } catch (error$40) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$40
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           var updateQueue = finishedWork.updateQueue;
           if (
@@ -12532,15 +12585,15 @@
         passiveEffectStartTime = now();
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$41) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$41);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordPassiveEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$42) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$42);
+        } catch (error$20) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$20);
         }
     }
     function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -13092,9 +13145,6 @@
         "function" !== typeof Object.preventExtensions ||
         Object.preventExtensions(this);
     }
-    function createFiber(tag, pendingProps, key, mode) {
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
     function shouldConstruct(Component) {
       Component = Component.prototype;
       return !(!Component || !Component.isReactComponent);
@@ -13229,34 +13279,32 @@
             break;
           case REACT_PROFILER_TYPE:
             return (
+              (type = pendingProps),
               (owner = mode),
-              "string" !== typeof pendingProps.id &&
-                error$jscomp$0(
+              "string" !== typeof type.id &&
+                console.error(
                   'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-                  typeof pendingProps.id
+                  typeof type.id
                 ),
-              (owner = createFiber(12, pendingProps, key, owner | 2)),
-              (owner.elementType = REACT_PROFILER_TYPE),
-              (owner.lanes = lanes),
-              (owner.stateNode = {
-                effectDuration: 0,
-                passiveEffectDuration: 0
-              }),
-              owner
+              (key = createFiber(12, type, key, owner | 2)),
+              (key.elementType = REACT_PROFILER_TYPE),
+              (key.lanes = lanes),
+              (key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
+              key
             );
           case REACT_SUSPENSE_TYPE:
             return (
-              (owner = createFiber(13, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(13, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_SUSPENSE_LIST_TYPE:
             return (
-              (owner = createFiber(19, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_LIST_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(19, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_LIST_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_OFFSCREEN_TYPE:
             return createFiberFromOffscreen(pendingProps, mode, lanes, key);
@@ -13282,33 +13330,36 @@
                   resolvedType = null;
                   break a;
               }
-            lanes = "";
+            resolvedType = "";
             if (
               void 0 === type ||
               ("object" === typeof type &&
                 null !== type &&
                 0 === Object.keys(type).length)
             )
-              lanes +=
+              resolvedType +=
                 " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             null === type
-              ? (type = "null")
+              ? (pendingProps = "null")
               : isArrayImpl(type)
-              ? (type = "array")
+              ? (pendingProps = "array")
               : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-              ? ((type =
+              ? ((pendingProps =
                   "<" +
                   (getComponentNameFromType(type.type) || "Unknown") +
                   " />"),
-                (lanes =
+                (resolvedType =
                   " Did you accidentally export a JSX literal instead of a component?"))
-              : (type = typeof type);
-            (owner = owner ? getComponentNameFromOwner(owner) : null) &&
-              (lanes += "\n\nCheck the render method of `" + owner + "`.");
-            throw Error(
+              : (pendingProps = typeof type);
+            (fiberTag = owner ? getComponentNameFromOwner(owner) : null) &&
+              (resolvedType +=
+                "\n\nCheck the render method of `" + fiberTag + "`.");
+            fiberTag = 29;
+            pendingProps = Error(
               "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-                (type + "." + lanes)
+                (pendingProps + "." + resolvedType)
             );
+            resolvedType = null;
         }
       key = createFiber(fiberTag, pendingProps, key, mode);
       key.elementType = type;
@@ -13674,7 +13725,7 @@
                           : current.createElement(renderLanes)),
                         -1 === renderLanes.indexOf("-") &&
                           (renderLanes !== renderLanes.toLowerCase() &&
-                            error$jscomp$0(
+                            console.error(
                               "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
                               renderLanes
                             ),
@@ -13685,7 +13736,7 @@
                               renderLanes
                             ) ||
                             ((warnedUnknownTags[renderLanes] = !0),
-                            error$jscomp$0(
+                            console.error(
                               "The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
                               renderLanes
                             )));
@@ -14175,7 +14226,7 @@
           : void 0;
       isReactActEnvironmentGlobal ||
         null === ReactSharedInternals.actQueue ||
-        error$jscomp$0(
+        console.error(
           "The current testing environment is not configured to support act(...)"
         );
       return isReactActEnvironmentGlobal;
@@ -14206,7 +14257,7 @@
     }
     function scheduleUpdateOnFiber(root, fiber, lane) {
       isRunningInsertionEffect &&
-        error$jscomp$0("useInsertionEffect must not schedule updates.");
+        console.error("useInsertionEffect must not schedule updates.");
       isFlushingPassiveEffects && (didScheduleUpdateDuringPassiveEffects = !0);
       if (
         (root === workInProgressRoot &&
@@ -14235,7 +14286,7 @@
               didWarnAboutUpdateInRenderForAnotherComponent.has(root) ||
                 (didWarnAboutUpdateInRenderForAnotherComponent.add(root),
                 (fiber = getComponentNameFromFiber(fiber) || "Unknown"),
-                error$jscomp$0(
+                console.error(
                   "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://react.dev/link/setstate-in-render",
                   fiber,
                   root,
@@ -14244,7 +14295,7 @@
               break;
             case 1:
               didWarnAboutUpdateInRender ||
-                (error$jscomp$0(
+                (console.error(
                   "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
                 ),
                 (didWarnAboutUpdateInRender = !0));
@@ -14497,7 +14548,7 @@
               check = check.value;
               try {
                 if (!objectIs(getSnapshot(), check)) return !1;
-              } catch (error$44) {
+              } catch (error) {
                 return !1;
               }
             }
@@ -14803,8 +14854,8 @@
           }
           workLoopSync();
           break;
-        } catch (thrownValue$45) {
-          handleThrow(root, thrownValue$45);
+        } catch (thrownValue$22) {
+          handleThrow(root, thrownValue$22);
         }
       while (1);
       lanes && root.shellSuspendCounter++;
@@ -14918,7 +14969,7 @@
                     }
                     break;
                   default:
-                    error$jscomp$0(
+                    console.error(
                       "Unexpected type of fiber triggered a suspensey commit. This is a bug in React."
                     );
                 }
@@ -14944,8 +14995,8 @@
             ? workLoopSync()
             : workLoopConcurrent();
           break;
-        } catch (thrownValue$46) {
-          handleThrow(root, thrownValue$46);
+        } catch (thrownValue$23) {
+          handleThrow(root, thrownValue$23);
         }
       while (1);
       resetContextDependencies();
@@ -15060,9 +15111,8 @@
           workInProgress = null;
           return;
         }
-      } catch (error$47) {
-        if (null !== returnFiber)
-          throw ((workInProgress = returnFiber), error$47);
+      } catch (error) {
+        if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
         workInProgressRootExitStatus = RootFatalErrored;
         logUncaughtError(
           root,
@@ -15105,7 +15155,7 @@
       var completedWork = unitOfWork;
       do {
         0 !== (completedWork.flags & 32768) &&
-          error$jscomp$0(
+          console.error(
             "Internal React error: Expected this fiber to be complete, but it isn't. It should have been unwound. This is a bug in React."
           );
         var current = completedWork.alternate;
@@ -15188,7 +15238,7 @@
         injectedProfilingHooks.markCommitStarted(lanes);
       if (null === finishedWork) return markCommitStopped(), null;
       0 === lanes &&
-        error$jscomp$0(
+        console.error(
           "root.finishedLanes should not be empty during a commit. This is a bug in React."
         );
       root.finishedWork = null;
@@ -15293,7 +15343,7 @@
       componentStack = { componentStack: componentStack };
       Object.defineProperty(componentStack, "digest", {
         get: function () {
-          error$jscomp$0(
+          console.error(
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError. This property is no longer provided as part of errorInfo but can be accessed as a property of the Error instance itself.'
           );
         }
@@ -15433,7 +15483,7 @@
               } catch (err) {
                 hasLoggedError ||
                   ((hasLoggedError = !0),
-                  error$jscomp$0(
+                  console.error(
                     "React instrumentation encountered an error: %s",
                     err
                   ));
@@ -15476,18 +15526,18 @@
     function captureCommitPhaseError(
       sourceFiber,
       nearestMountedAncestor,
-      error$1
+      error
     ) {
       isRunningInsertionEffect = !1;
       if (3 === sourceFiber.tag)
-        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
       else {
         for (; null !== nearestMountedAncestor; ) {
           if (3 === nearestMountedAncestor.tag) {
             captureCommitPhaseErrorOnRoot(
               nearestMountedAncestor,
               sourceFiber,
-              error$1
+              error
             );
             return;
           }
@@ -15500,16 +15550,12 @@
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
             ) {
-              sourceFiber = createCapturedValueAtFiber(error$1, sourceFiber);
-              error$1 = createClassErrorUpdate(SyncLane);
-              instance = enqueueUpdate(
-                nearestMountedAncestor,
-                error$1,
-                SyncLane
-              );
+              sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+              error = createClassErrorUpdate(SyncLane);
+              instance = enqueueUpdate(nearestMountedAncestor, error, SyncLane);
               null !== instance &&
                 (initializeClassErrorUpdate(
-                  error$1,
+                  error,
                   instance,
                   nearestMountedAncestor,
                   sourceFiber
@@ -15521,9 +15567,9 @@
           }
           nearestMountedAncestor = nearestMountedAncestor.return;
         }
-        error$jscomp$0(
+        console.error(
           "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-          error$1
+          error
         );
       }
     }
@@ -15555,7 +15601,7 @@
       throwIfInfiniteUpdateLoopDetected();
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
-        error$jscomp$0(
+        console.error(
           "A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n\nWhen testing, code that resolves suspended data should be wrapped into act(...):\n\nact(() => {\n  /* finish loading suspended data */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act"
         );
       workInProgressRoot === root &&
@@ -15621,7 +15667,7 @@
       nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT &&
         ((nestedPassiveUpdateCount = 0),
         (rootWithPassiveNestedUpdates = null),
-        error$jscomp$0(
+        console.error(
           "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."
         ));
     }
@@ -15707,7 +15753,7 @@
             didWarnStateUpdateForNotYetMountedComponent.add(tag);
           } else didWarnStateUpdateForNotYetMountedComponent = new Set([tag]);
           runWithFiberInDEV(fiber, function () {
-            error$jscomp$0(
+            console.error(
               "Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead."
             );
           });
@@ -15730,7 +15776,7 @@
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
         runWithFiberInDEV(fiber, function () {
-          error$jscomp$0(
+          console.error(
             "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act",
             getComponentNameFromFiber(fiber)
           );
@@ -16042,8 +16088,8 @@
               previousInstance.currentTarget = currentTarget;
               try {
                 _dispatchListeners$i(previousInstance);
-              } catch (error$48) {
-                reportGlobalError(error$48);
+              } catch (error) {
+                reportGlobalError(error);
               }
               previousInstance.currentTarget = null;
               previousInstance = instance;
@@ -16064,8 +16110,8 @@
               previousInstance.currentTarget = currentTarget;
               try {
                 _dispatchListeners$i(previousInstance);
-              } catch (error$48) {
-                reportGlobalError(error$48);
+              } catch (error) {
+                reportGlobalError(error);
               }
               previousInstance.currentTarget = null;
               previousInstance = instance;
@@ -16075,7 +16121,7 @@
     }
     function listenToNonDelegatedEvent(domEventName, targetElement) {
       nonDelegatedEvents.has(domEventName) ||
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNonDelegatedEvent() call for "%s". This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16090,7 +16136,7 @@
     function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
       nonDelegatedEvents.has(domEventName) &&
         !isCapturePhaseListener &&
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16748,11 +16794,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$0(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$0(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -16766,7 +16812,7 @@
       props.contentEditable &&
         !props.suppressContentEditableWarning &&
         null != props.children &&
-        error$jscomp$0(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
     }
@@ -16795,13 +16841,13 @@
     }
     function warnForInvalidEventListener(registrationName, listener) {
       !1 === listener
-        ? error$jscomp$0(
+        ? console.error(
             "Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
             registrationName,
             registrationName,
             registrationName
           )
-        : error$jscomp$0(
+        : console.error(
             "Expected `%s` listener to be a function, instead got a value of `%s` type.",
             registrationName,
             typeof listener
@@ -16821,7 +16867,7 @@
     }
     function normalizeMarkupForTextOrAttribute(markup) {
       willCoercionThrow(markup) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(markup)
         ),
@@ -16865,16 +16911,21 @@
         case "style":
           setValueForStyles(domElement, value, prevValue);
           break;
+        case "data":
+          if ("object" !== tag) {
+            setValueForKnownAttribute(domElement, "data", value);
+            break;
+          }
         case "src":
         case "href":
           if ("" === value && ("a" !== tag || "href" !== key)) {
             "src" === key
-              ? error$jscomp$0(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
                 )
-              : error$jscomp$0(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
@@ -16900,25 +16951,25 @@
           null != value &&
             ("form" === tag
               ? "formAction" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
                   )
                 : "function" === typeof value &&
                   ((null == props.encType && null == props.method) ||
                     didWarnFormActionMethod ||
                     ((didWarnFormActionMethod = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
                     )),
                   null == props.target ||
                     didWarnFormActionTarget ||
                     ((didWarnFormActionTarget = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
                     )))
               : "input" === tag || "button" === tag
               ? "action" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
                   )
                 : "input" !== tag ||
@@ -16933,32 +16984,32 @@
                     (null == props.name ||
                       didWarnFormActionName ||
                       ((didWarnFormActionName = !0),
-                      error$jscomp$0(
+                      console.error(
                         'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
                       )),
                     (null == props.formEncType && null == props.formMethod) ||
                       didWarnFormActionMethod ||
                       ((didWarnFormActionMethod = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
                       )),
                     null == props.formTarget ||
                       didWarnFormActionTarget ||
                       ((didWarnFormActionTarget = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
                       )))
                   : ((didWarnFormActionType = !0),
-                    error$jscomp$0(
+                    console.error(
                       'A button can only specify a formAction along with type="submit" or no type.'
                     ))
                 : ((didWarnFormActionType = !0),
-                  error$jscomp$0(
+                  console.error(
                     'An input can only specify a formAction along with type="submit" or type="image".'
                   ))
               : "action" === key
-              ? error$jscomp$0("You can only pass the action prop to <form>.")
-              : error$jscomp$0(
+              ? console.error("You can only pass the action prop to <form>.")
+              : console.error(
                   "You can only pass the formAction prop to <input> or <button>."
                 ));
           if ("function" === typeof value) {
@@ -17109,7 +17160,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[key] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[key] = !0),
-            error$jscomp$0(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               key
             ));
@@ -17253,7 +17304,7 @@
           break;
         case "is":
           null != prevValue &&
-            error$jscomp$0(
+            console.error(
               'Cannot update the "is" prop after it has been initialized.'
             );
           setValueForAttribute(domElement, "is", value);
@@ -17266,7 +17317,7 @@
             null == value ||
             "object" !== typeof value ||
             ((didWarnPopoverTargetObject = !0),
-            error$jscomp$0(
+            console.error(
               "The `popoverTarget` prop expects the ID of an Element as a string. Received %s instead.",
               value
             ));
@@ -17389,59 +17440,87 @@
         case "p":
         case "li":
           break;
-        case "input":
-          checkControlledValueProps("input", props);
-          listenToNonDelegatedEvent("invalid", domElement);
-          var name = null,
-            type = null,
-            value = null,
-            defaultValue = null,
-            checked = null,
-            defaultChecked = null;
+        case "img":
+          listenToNonDelegatedEvent("error", domElement);
+          listenToNonDelegatedEvent("load", domElement);
+          var hasSrc = !1,
+            hasSrcSet = !1,
+            propKey;
           for (propKey in props)
             if (props.hasOwnProperty(propKey)) {
               var propValue = props[propKey];
               if (null != propValue)
                 switch (propKey) {
+                  case "src":
+                    hasSrc = !0;
+                    break;
+                  case "srcSet":
+                    hasSrcSet = !0;
+                    break;
+                  case "children":
+                  case "dangerouslySetInnerHTML":
+                    throw Error(
+                      tag +
+                        " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                    );
+                  default:
+                    setProp(domElement, tag, propKey, propValue, props, null);
+                }
+            }
+          hasSrcSet &&
+            setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+          hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+          return;
+        case "input":
+          checkControlledValueProps("input", props);
+          listenToNonDelegatedEvent("invalid", domElement);
+          var defaultValue = (propKey = propValue = hasSrcSet = null),
+            checked = null,
+            defaultChecked = null;
+          for (hasSrc in props)
+            if (props.hasOwnProperty(hasSrc)) {
+              var _propValue = props[hasSrc];
+              if (null != _propValue)
+                switch (hasSrc) {
                   case "name":
-                    name = propValue;
+                    hasSrcSet = _propValue;
                     break;
                   case "type":
-                    type = propValue;
+                    propValue = _propValue;
                     break;
                   case "checked":
-                    checked = propValue;
+                    checked = _propValue;
                     break;
                   case "defaultChecked":
-                    defaultChecked = propValue;
+                    defaultChecked = _propValue;
                     break;
                   case "value":
-                    value = propValue;
+                    propKey = _propValue;
                     break;
                   case "defaultValue":
-                    defaultValue = propValue;
+                    defaultValue = _propValue;
                     break;
                   case "children":
                   case "dangerouslySetInnerHTML":
-                    if (null != propValue)
+                    if (null != _propValue)
                       throw Error(
                         tag +
                           " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                       );
                     break;
                   default:
-                    setProp(domElement, tag, propKey, propValue, props, null);
+                    setProp(domElement, tag, hasSrc, _propValue, props, null);
                 }
             }
           validateInputProps(domElement, props);
           initInput(
             domElement,
-            value,
+            propKey,
             defaultValue,
             checked,
             defaultChecked,
-            type,
-            name,
+            propValue,
+            hasSrcSet,
             !1
           );
           track(domElement);
@@ -17449,50 +17528,57 @@
         case "select":
           checkControlledValueProps("select", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          var propKey = (type = value = null);
-          for (name in props)
+          hasSrc = propValue = propKey = null;
+          for (hasSrcSet in props)
             if (
-              props.hasOwnProperty(name) &&
-              ((defaultValue = props[name]), null != defaultValue)
+              props.hasOwnProperty(hasSrcSet) &&
+              ((defaultValue = props[hasSrcSet]), null != defaultValue)
             )
-              switch (name) {
+              switch (hasSrcSet) {
                 case "value":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "defaultValue":
-                  type = defaultValue;
+                  propValue = defaultValue;
                   break;
                 case "multiple":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                 default:
-                  setProp(domElement, tag, name, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    hasSrcSet,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateSelectProps(domElement, props);
-          tag = value;
-          props = type;
-          domElement.multiple = !!propKey;
+          tag = propKey;
+          props = propValue;
+          domElement.multiple = !!hasSrc;
           null != tag
-            ? updateOptions(domElement, !!propKey, tag, !1)
-            : null != props && updateOptions(domElement, !!propKey, props, !0);
+            ? updateOptions(domElement, !!hasSrc, tag, !1)
+            : null != props && updateOptions(domElement, !!hasSrc, props, !0);
           return;
         case "textarea":
           checkControlledValueProps("textarea", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          value = name = propKey = null;
-          for (type in props)
+          propKey = hasSrcSet = hasSrc = null;
+          for (propValue in props)
             if (
-              props.hasOwnProperty(type) &&
-              ((defaultValue = props[type]), null != defaultValue)
+              props.hasOwnProperty(propValue) &&
+              ((defaultValue = props[propValue]), null != defaultValue)
             )
-              switch (type) {
+              switch (propValue) {
                 case "value":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                   break;
                 case "defaultValue":
-                  name = defaultValue;
+                  hasSrcSet = defaultValue;
                   break;
                 case "children":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "dangerouslySetInnerHTML":
                   if (null != defaultValue)
@@ -17501,28 +17587,35 @@
                     );
                   break;
                 default:
-                  setProp(domElement, tag, type, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    propValue,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateTextareaProps(domElement, props);
-          initTextarea(domElement, propKey, name, value);
+          initTextarea(domElement, hasSrc, hasSrcSet, propKey);
           track(domElement);
           return;
         case "option":
           validateOptionProps(domElement, props);
-          for (defaultValue in props)
+          for (checked in props)
             if (
-              props.hasOwnProperty(defaultValue) &&
-              ((propKey = props[defaultValue]), null != propKey)
+              props.hasOwnProperty(checked) &&
+              ((hasSrc = props[checked]), null != hasSrc)
             )
-              switch (defaultValue) {
+              switch (checked) {
                 case "selected":
                   domElement.selected =
-                    propKey &&
-                    "function" !== typeof propKey &&
-                    "symbol" !== typeof propKey;
+                    hasSrc &&
+                    "function" !== typeof hasSrc &&
+                    "symbol" !== typeof hasSrc;
                   break;
                 default:
-                  setProp(domElement, tag, defaultValue, propKey, props, null);
+                  setProp(domElement, tag, checked, hasSrc, props, null);
               }
           return;
         case "dialog":
@@ -17535,8 +17628,8 @@
           break;
         case "video":
         case "audio":
-          for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-            listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+          for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+            listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
           break;
         case "image":
           listenToNonDelegatedEvent("error", domElement);
@@ -17547,7 +17640,6 @@
           break;
         case "embed":
         case "source":
-        case "img":
         case "link":
           listenToNonDelegatedEvent("error", domElement),
             listenToNonDelegatedEvent("load", domElement);
@@ -17562,12 +17654,12 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (checked in props)
+          for (defaultChecked in props)
             if (
-              props.hasOwnProperty(checked) &&
-              ((propKey = props[checked]), null != propKey)
+              props.hasOwnProperty(defaultChecked) &&
+              ((hasSrc = props[defaultChecked]), null != hasSrc)
             )
-              switch (checked) {
+              switch (defaultChecked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
                   throw Error(
@@ -17575,31 +17667,31 @@
                       " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                   );
                 default:
-                  setProp(domElement, tag, checked, propKey, props, null);
+                  setProp(domElement, tag, defaultChecked, hasSrc, props, null);
               }
           return;
         default:
           if (isCustomElement(tag)) {
-            for (defaultChecked in props)
-              props.hasOwnProperty(defaultChecked) &&
-                ((propKey = props[defaultChecked]),
-                void 0 !== propKey &&
+            for (_propValue in props)
+              props.hasOwnProperty(_propValue) &&
+                ((hasSrc = props[_propValue]),
+                void 0 !== hasSrc &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    defaultChecked,
-                    propKey,
+                    _propValue,
+                    hasSrc,
                     props,
                     void 0
                   ));
             return;
           }
       }
-      for (value in props)
-        props.hasOwnProperty(value) &&
-          ((propKey = props[value]),
-          null != propKey &&
-            setProp(domElement, tag, value, propKey, props, null));
+      for (defaultValue in props)
+        props.hasOwnProperty(defaultValue) &&
+          ((hasSrc = props[defaultValue]),
+          null != hasSrc &&
+            setProp(domElement, tag, defaultValue, hasSrc, props, null));
     }
     function updateProperties(domElement, tag, lastProps, nextProps) {
       validatePropertiesInDevelopment(tag, nextProps);
@@ -17643,14 +17735,14 @@
                     );
               }
           }
-          for (var _propKey7 in nextProps) {
-            var propKey = nextProps[_propKey7];
-            lastProp = lastProps[_propKey7];
+          for (var _propKey8 in nextProps) {
+            var propKey = nextProps[_propKey8];
+            lastProp = lastProps[_propKey8];
             if (
-              nextProps.hasOwnProperty(_propKey7) &&
+              nextProps.hasOwnProperty(_propKey8) &&
               (null != propKey || null != lastProp)
             )
-              switch (_propKey7) {
+              switch (_propKey8) {
                 case "type":
                   type = propKey;
                   break;
@@ -17682,7 +17774,7 @@
                     setProp(
                       domElement,
                       tag,
-                      _propKey7,
+                      _propKey8,
                       propKey,
                       nextProps,
                       lastProp
@@ -17700,14 +17792,14 @@
           tag ||
             !nextProps ||
             didWarnUncontrolledToControlled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnUncontrolledToControlled = !0));
           !tag ||
             nextProps ||
             didWarnControlledToUncontrolled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnControlledToUncontrolled = !0));
@@ -17723,7 +17815,7 @@
           );
           return;
         case "select":
-          propKey = value = defaultValue = _propKey7 = null;
+          propKey = value = defaultValue = _propKey8 = null;
           for (type in lastProps)
             if (
               ((lastDefaultValue = lastProps[type]),
@@ -17754,7 +17846,7 @@
             )
               switch (name) {
                 case "value":
-                  _propKey7 = type;
+                  _propKey8 = type;
                   break;
                 case "defaultValue":
                   defaultValue = type;
@@ -17775,15 +17867,15 @@
           nextProps = defaultValue;
           tag = value;
           lastProps = propKey;
-          null != _propKey7
-            ? updateOptions(domElement, !!tag, _propKey7, !1)
+          null != _propKey8
+            ? updateOptions(domElement, !!tag, _propKey8, !1)
             : !!lastProps !== !!tag &&
               (null != nextProps
                 ? updateOptions(domElement, !!tag, nextProps, !0)
                 : updateOptions(domElement, !!tag, tag ? [] : "", !1));
           return;
         case "textarea":
-          propKey = _propKey7 = null;
+          propKey = _propKey8 = null;
           for (defaultValue in lastProps)
             if (
               ((name = lastProps[defaultValue]),
@@ -17807,7 +17899,7 @@
             )
               switch (value) {
                 case "value":
-                  _propKey7 = name;
+                  _propKey8 = name;
                   break;
                 case "defaultValue":
                   propKey = name;
@@ -17824,17 +17916,17 @@
                   name !== type &&
                     setProp(domElement, tag, value, name, nextProps, type);
               }
-          updateTextarea(domElement, _propKey7, propKey);
+          updateTextarea(domElement, _propKey8, propKey);
           return;
         case "option":
-          for (var _propKey12 in lastProps)
+          for (var _propKey13 in lastProps)
             if (
-              ((_propKey7 = lastProps[_propKey12]),
-              lastProps.hasOwnProperty(_propKey12) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey12))
+              ((_propKey8 = lastProps[_propKey13]),
+              lastProps.hasOwnProperty(_propKey13) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey13))
             )
-              switch (_propKey12) {
+              switch (_propKey13) {
                 case "selected":
                   domElement.selected = !1;
                   break;
@@ -17842,33 +17934,33 @@
                   setProp(
                     domElement,
                     tag,
-                    _propKey12,
+                    _propKey13,
                     null,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
               }
           for (lastDefaultValue in nextProps)
             if (
-              ((_propKey7 = nextProps[lastDefaultValue]),
+              ((_propKey8 = nextProps[lastDefaultValue]),
               (propKey = lastProps[lastDefaultValue]),
               nextProps.hasOwnProperty(lastDefaultValue) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (lastDefaultValue) {
                 case "selected":
                   domElement.selected =
-                    _propKey7 &&
-                    "function" !== typeof _propKey7 &&
-                    "symbol" !== typeof _propKey7;
+                    _propKey8 &&
+                    "function" !== typeof _propKey8 &&
+                    "symbol" !== typeof _propKey8;
                   break;
                 default:
                   setProp(
                     domElement,
                     tag,
                     lastDefaultValue,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -17889,31 +17981,31 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (var _propKey14 in lastProps)
-            (_propKey7 = lastProps[_propKey14]),
-              lastProps.hasOwnProperty(_propKey14) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey14) &&
+          for (var _propKey15 in lastProps)
+            (_propKey8 = lastProps[_propKey15]),
+              lastProps.hasOwnProperty(_propKey15) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey15) &&
                 setProp(
                   domElement,
                   tag,
-                  _propKey14,
+                  _propKey15,
                   null,
                   nextProps,
-                  _propKey7
+                  _propKey8
                 );
           for (checked in nextProps)
             if (
-              ((_propKey7 = nextProps[checked]),
+              ((_propKey8 = nextProps[checked]),
               (propKey = lastProps[checked]),
               nextProps.hasOwnProperty(checked) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (checked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
-                  if (null != _propKey7)
+                  if (null != _propKey8)
                     throw Error(
                       tag +
                         " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
@@ -17924,7 +18016,7 @@
                     domElement,
                     tag,
                     checked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -17932,49 +18024,49 @@
           return;
         default:
           if (isCustomElement(tag)) {
-            for (var _propKey16 in lastProps)
-              (_propKey7 = lastProps[_propKey16]),
-                lastProps.hasOwnProperty(_propKey16) &&
-                  void 0 !== _propKey7 &&
-                  !nextProps.hasOwnProperty(_propKey16) &&
+            for (var _propKey17 in lastProps)
+              (_propKey8 = lastProps[_propKey17]),
+                lastProps.hasOwnProperty(_propKey17) &&
+                  void 0 !== _propKey8 &&
+                  !nextProps.hasOwnProperty(_propKey17) &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    _propKey16,
+                    _propKey17,
                     void 0,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
             for (defaultChecked in nextProps)
-              (_propKey7 = nextProps[defaultChecked]),
+              (_propKey8 = nextProps[defaultChecked]),
                 (propKey = lastProps[defaultChecked]),
                 !nextProps.hasOwnProperty(defaultChecked) ||
-                  _propKey7 === propKey ||
-                  (void 0 === _propKey7 && void 0 === propKey) ||
+                  _propKey8 === propKey ||
+                  (void 0 === _propKey8 && void 0 === propKey) ||
                   setPropOnCustomElement(
                     domElement,
                     tag,
                     defaultChecked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
             return;
           }
       }
-      for (var _propKey18 in lastProps)
-        (_propKey7 = lastProps[_propKey18]),
-          lastProps.hasOwnProperty(_propKey18) &&
-            null != _propKey7 &&
-            !nextProps.hasOwnProperty(_propKey18) &&
-            setProp(domElement, tag, _propKey18, null, nextProps, _propKey7);
+      for (var _propKey19 in lastProps)
+        (_propKey8 = lastProps[_propKey19]),
+          lastProps.hasOwnProperty(_propKey19) &&
+            null != _propKey8 &&
+            !nextProps.hasOwnProperty(_propKey19) &&
+            setProp(domElement, tag, _propKey19, null, nextProps, _propKey8);
       for (lastProp in nextProps)
-        (_propKey7 = nextProps[lastProp]),
+        (_propKey8 = nextProps[lastProp]),
           (propKey = lastProps[lastProp]),
           !nextProps.hasOwnProperty(lastProp) ||
-            _propKey7 === propKey ||
-            (null == _propKey7 && null == propKey) ||
-            setProp(domElement, tag, lastProp, _propKey7, nextProps, propKey);
+            _propKey8 === propKey ||
+            (null == _propKey8 && null == propKey) ||
+            setProp(domElement, tag, lastProp, _propKey8, nextProps, propKey);
     }
     function getPropNameFromAttributeName(attrName) {
       switch (attrName) {
@@ -17998,7 +18090,7 @@
     }
     function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
       if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
-        error$jscomp$0(
+        console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
       else if (canDiffStyleForHydrationWarning) {
@@ -18277,7 +18369,7 @@
                   case "outerText":
                   case "outerHTML":
                     extraAttributes.delete(propKey.toLowerCase());
-                    error$jscomp$0(
+                    console.error(
                       "Assignment to read-only property will result in a no-op: `%s`",
                       propKey
                     );
@@ -18406,16 +18498,34 @@
                     serverDifferences
                   );
                   continue;
+                case "data":
+                  if ("object" !== tag) {
+                    extraAttributes.delete(value);
+                    attributes = domElement.getAttribute("data");
+                    warnForPropDifference(
+                      value,
+                      attributes,
+                      propKey,
+                      serverDifferences
+                    );
+                    continue;
+                  }
                 case "src":
                 case "href":
-                  if ("" === propKey && ("a" !== tag || "href" !== value)) {
+                  if (
+                    !(
+                      "" !== propKey ||
+                      ("a" === tag && "href" === value) ||
+                      ("object" === tag && "data" === value)
+                    )
+                  ) {
                     "src" === value
-                      ? error$jscomp$0(
+                      ? console.error(
                           'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
                         )
-                      : error$jscomp$0(
+                      : console.error(
                           'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
@@ -18753,7 +18863,7 @@
                   "" !== propKey ||
                     didWarnForNewBooleanPropsWithEmptyValue[value] ||
                     ((didWarnForNewBooleanPropsWithEmptyValue[value] = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
                       value
                     ));
@@ -19592,7 +19702,7 @@
               "style" !== type &&
               "link" !== type &&
               "script" !== type) ||
-            error$jscomp$0(
+            console.error(
               "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.",
               type,
               type
@@ -19610,7 +19720,7 @@
             "" === props.href
           ) {
             outsideHostContainerContext &&
-              error$jscomp$0(
+              console.error(
                 'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.'
               );
             break;
@@ -19640,7 +19750,7 @@
               disabled =
                 1 === hostContext.length ? "an " + onError : "the " + onError;
               hostContext.length &&
-                error$jscomp$0(
+                console.error(
                   'React encountered a <link rel="stylesheet" href="%s" ... /> with a `precedence` prop that also included %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                   type,
                   disabled,
@@ -19651,11 +19761,11 @@
               ("string" !== typeof props.rel ||
               "string" !== typeof props.href ||
               "" === props.href
-                ? error$jscomp$0(
+                ? console.error(
                     "Cannot render a <link> outside the main document without a `rel` and `href` prop. Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
                   )
                 : (props.onError || props.onLoad) &&
-                  error$jscomp$0(
+                  console.error(
                     "Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                   ));
             break;
@@ -19667,7 +19777,7 @@
                 (props = props.disabled),
                 "string" !== typeof type &&
                   outsideHostContainerContext &&
-                  error$jscomp$0(
+                  console.error(
                     'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.'
                   ),
                 "string" === typeof type && null == props
@@ -19690,13 +19800,13 @@
             outsideHostContainerContext &&
               (type
                 ? props.onLoad || props.onError
-                  ? error$jscomp$0(
+                  ? console.error(
                       "Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                     )
-                  : error$jscomp$0(
+                  : console.error(
                       "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop. Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or somewhere in the <body>."
                     )
-                : error$jscomp$0(
+                : console.error(
                     'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.'
                   ));
             break;
@@ -19705,7 +19815,7 @@
         case "noscript":
         case "template":
           outsideHostContainerContext &&
-            error$jscomp$0(
+            console.error(
               "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
               type
             );
@@ -19861,6 +19971,38 @@
         resource.state.loading |= Inserted;
       }
     }
+    function printToConsole(methodName, args, badgeName) {
+      var offset = 0;
+      switch (methodName) {
+        case "dir":
+        case "dirxml":
+        case "groupEnd":
+        case "table":
+          console[methodName].apply(console, args);
+          return;
+        case "assert":
+          offset = 1;
+      }
+      args = args.slice(0);
+      "string" === typeof args[offset]
+        ? args.splice(
+            offset,
+            1,
+            badgeFormat + args[offset],
+            badgeStyle,
+            pad + badgeName + pad,
+            resetStyle
+          )
+        : args.splice(
+            offset,
+            0,
+            badgeFormat,
+            badgeStyle,
+            pad + badgeName + pad,
+            resetStyle
+          );
+      console[methodName].apply(console, args);
+    }
     function FiberRootNode(
       containerInfo,
       tag,
@@ -19994,7 +20136,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -20010,7 +20152,7 @@
         null !== current &&
         !didWarnAboutNestedUpdates &&
         ((didWarnAboutNestedUpdates = !0),
-        error$jscomp$0(
+        console.error(
           "Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
           getComponentNameFromFiber(current) || "Unknown"
         ));
@@ -20019,7 +20161,7 @@
       callback = void 0 === callback ? null : callback;
       null !== callback &&
         ("function" !== typeof callback &&
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ),
@@ -20483,13 +20625,13 @@
             ),
             event = nativeEventClone;
           null !== currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = event;
           nextBlockedOn.target.dispatchEvent(nativeEventClone);
           null === currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = null;
@@ -20633,10 +20775,10 @@
     function warnIfReactDOMContainerInDEV(container) {
       container[internalContainerInstanceKey] &&
         (container._reactRootContainer
-          ? error$jscomp$0(
+          ? console.error(
               "You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."
             )
-          : error$jscomp$0(
+          : console.error(
               "You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."
             ));
     }
@@ -20644,12 +20786,9 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React = require("next/dist/compiled/react"),
-      Scheduler = require("next/dist/compiled/scheduler"),
+    var Scheduler = require("next/dist/compiled/scheduler"),
+      React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      suppressWarning = !1,
       REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -20672,6 +20811,8 @@
     var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       assign = Object.assign,
       disabledDepth = 0,
       prevLog,
@@ -20683,6 +20824,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -20799,6 +20941,7 @@
     var didWarnValueDefaultValue = !1;
     var valuePropNames = ["value", "defaultValue"],
       didWarnValDefaultVal = !1,
+      needsEscaping = /["'&<>\n\t]|^\s|\s$/,
       specialTags =
         "address applet area article aside base basefont bgsound blockquote body br button caption center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input isindex li link listing main marquee menu menuitem meta nav noembed noframes noscript object ol p param plaintext pre script section select source style summary table tbody td template textarea tfoot th thead title tr track ul wbr xmp".split(
           " "
@@ -22055,7 +22198,7 @@
         var sortedNames = setToSortedString(
           UNSAFE_componentWillMountUniqueNames
         );
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
           sortedNames
         );
@@ -22064,7 +22207,7 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillReceivePropsUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22072,13 +22215,13 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillUpdateUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillMountUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillMountUniqueNames)),
-        warn(
+        console.warn(
           "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22086,13 +22229,13 @@
         ((sortedNames = setToSortedString(
           componentWillReceivePropsUniqueNames
         )),
-        warn(
+        console.warn(
           "componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillUpdateUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillUpdateUniqueNames)),
-        warn(
+        console.warn(
           "componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22107,7 +22250,7 @@
       for (var node = fiber; null !== node; )
         node.mode & 8 && (strictRoot = node), (node = node.return);
       null === strictRoot
-        ? error$jscomp$0(
+        ? console.error(
             "Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue."
           )
         : !didWarnAboutLegacyContext.has(fiber.type) &&
@@ -22131,7 +22274,7 @@
           });
           var sortedNames = setToSortedString(uniqueNames);
           runWithFiberInDEV(firstFiber, function () {
-            error$jscomp$0(
+            console.error(
               "Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
               sortedNames
             );
@@ -22158,9 +22301,6 @@
       treeContextProvider = null,
       treeContextId = 1,
       treeContextOverflow = "",
-      maxRowLength = 120,
-      idealDepth = 15,
-      needsEscaping = /["'&<>\n\t]/,
       hydrationParentFiber = null,
       nextHydratableInstance = null,
       isHydrating = !1,
@@ -22179,7 +22319,7 @@
       ),
       noopSuspenseyCommitThenable = {
         then: function () {
-          error$jscomp$0(
+          console.error(
             'Internal React error: A listener was unexpectedly attached to a "noop" thenable. This is a bug in React. Please file an issue.'
           );
         }
@@ -22236,7 +22376,7 @@
               (childOwnerAppendix =
                 " It was passed a child from " + componentName + "."));
           runWithFiberInDEV(workInProgress, function () {
-            error$jscomp$0(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               currentComponentErrorInfo,
               childOwnerAppendix
@@ -22482,6 +22622,7 @@
     HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
       currentHookNameInDev = "useFormState";
       mountHookTypesDev();
+      warnOnUseFormStateInDev();
       return mountActionState(action, initialState);
     };
     HooksDispatcherOnMountInDEV.useActionState = function (
@@ -23427,6 +23568,7 @@
       didReceiveUpdate = !1;
     var didWarnAboutBadClass = {};
     var didWarnAboutContextTypeOnFunctionComponent = {};
+    var didWarnAboutContextTypes$1 = {};
     var didWarnAboutGetDerivedStateOnFunctionComponent = {};
     var didWarnAboutReassigningProps = !1;
     var didWarnAboutRevealOrder = {};
@@ -23459,6 +23601,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     Object.freeze(fakeInternalInstance);
@@ -23468,7 +23612,7 @@
           if (null !== owner && isRendering && 1 === owner.tag) {
             var instance = owner.stateNode;
             instance._warnedAboutRefsInRender ||
-              error$jscomp$0(
+              console.error(
                 "%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
                 getComponentNameFromFiber(owner) || "A component"
               );
@@ -23544,7 +23688,7 @@
       var nonExtensibleObject = Object.preventExtensions({});
       new Map([[nonExtensibleObject, null]]);
       new Set([nonExtensibleObject]);
-    } catch (e$43) {
+    } catch (e$21) {
       hasBadMapPolyfill = !0;
     }
     var DefaultAsyncDispatcher = {
@@ -24000,7 +24144,12 @@
       suspendedState = null,
       LAST_PRECEDENCE = null,
       precedencesByRoot = null,
-      NotPendingTransition = NotPending;
+      NotPendingTransition = NotPending,
+      badgeFormat = "%c%s%c ",
+      badgeStyle =
+        "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+      resetStyle = "",
+      pad = " ";
     var didWarnAboutNestedUpdates = !1;
     var overrideHookState = null,
       overrideHookStateDeletePath = null,
@@ -24092,15 +24241,15 @@
         var root = this._internalRoot;
         if (null === root) throw Error("Cannot update an unmounted root.");
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p2
-          ? error$jscomp$0(
+          ? console.error(
               "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
             )
           : isValidContainer(JSCompiler_OptimizeArgumentsArray_p2)
-          ? error$jscomp$0(
+          ? console.error(
               "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
             )
           : "undefined" !== typeof JSCompiler_OptimizeArgumentsArray_p2 &&
-            error$jscomp$0(
+            console.error(
               "You passed a second argument to root.render(...) but it only accepts one argument."
             );
         JSCompiler_OptimizeArgumentsArray_p2 = root.current;
@@ -24117,7 +24266,7 @@
     ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
       function (JSCompiler_OptimizeArgumentsArray_p3) {
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p3 &&
-          error$jscomp$0(
+          console.error(
             "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
           );
         JSCompiler_OptimizeArgumentsArray_p3 = this._internalRoot;
@@ -24125,7 +24274,7 @@
           this._internalRoot = null;
           var container = JSCompiler_OptimizeArgumentsArray_p3.containerInfo;
           (executionContext & (RenderContext | CommitContext)) !== NoContext &&
-            error$jscomp$0(
+            console.error(
               "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
             );
           updateContainerSync(
@@ -24157,11 +24306,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-rc-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-rc-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24171,7 +24320,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://react.dev/link/react-polyfills"
       );
     ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -24216,12 +24365,12 @@
           scheduleRoot: scheduleRoot,
           setRefreshHandler: setRefreshHandler,
           getCurrentFiber: getCurrentFiberForDevTools,
-          reconcilerVersion: "19.0.0-rc-dfd30974ab-20240613"
+          reconcilerVersion: "19.0.0-rc-01172397-20240716"
         });
       })({
         findFiberByHostInstance: getClosestInstanceFromNode,
         bundleType: 1,
-        version: "19.0.0-rc-dfd30974ab-20240613",
+        version: "19.0.0-rc-01172397-20240716",
         rendererPackageName: "react-dom"
       }) &&
       canUseDOM &&
@@ -24253,13 +24402,13 @@
       null !== options &&
         void 0 !== options &&
         (options.hydrate
-          ? warn(
+          ? console.warn(
               "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
             )
           : "object" === typeof options &&
             null !== options &&
             options.$$typeof === REACT_ELEMENT_TYPE &&
-            error$jscomp$0(
+            console.error(
               "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
             ),
         !0 === options.unstable_strictMode && (isStrictMode = !0),
@@ -24299,7 +24448,7 @@
         throw Error("Target container is not a DOM element.");
       warnIfReactDOMContainerInDEV(container);
       void 0 === initialChildren &&
-        error$jscomp$0(
+        console.error(
           "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
         );
       var isStrictMode = !1,
@@ -24351,7 +24500,7 @@
       listenToAllSupportedEvents(container);
       return new ReactDOMHydrationRoot(initialChildren);
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js
index 8937eafab3f55..81d7e34b92ecf 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js
@@ -68,7 +68,8 @@ Symbol.for("react.client.reference");
 var ReactSharedInternals =
     React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   assign = Object.assign,
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -76,8 +77,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -1906,19 +1913,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$281;
+  var JSCompiler_inline_result$jscomp$283;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_414 = "oninput" in document;
-    if (!isSupported$jscomp$inline_414) {
-      var element$jscomp$inline_415 = document.createElement("div");
-      element$jscomp$inline_415.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_414 =
-        "function" === typeof element$jscomp$inline_415.oninput;
+    var isSupported$jscomp$inline_416 = "oninput" in document;
+    if (!isSupported$jscomp$inline_416) {
+      var element$jscomp$inline_417 = document.createElement("div");
+      element$jscomp$inline_417.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_416 =
+        "function" === typeof element$jscomp$inline_417.oninput;
     }
-    JSCompiler_inline_result$jscomp$281 = isSupported$jscomp$inline_414;
-  } else JSCompiler_inline_result$jscomp$281 = !1;
+    JSCompiler_inline_result$jscomp$283 = isSupported$jscomp$inline_416;
+  } else JSCompiler_inline_result$jscomp$283 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$281 &&
+    JSCompiler_inline_result$jscomp$283 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3335,7 +3342,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       return firstChildFiber;
     } catch (x) {
       if (x === SuspenseException) throw x;
-      var fiber = createFiber(29, x, null, returnFiber.mode);
+      var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
       fiber.lanes = lanes;
       fiber.return = returnFiber;
       return fiber;
@@ -5760,7 +5767,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                     : null,
                 retryLane: 536870912
               }),
-              (JSCompiler_temp$jscomp$0 = createFiber(18, null, null, 0)),
+              (JSCompiler_temp$jscomp$0 = createFiberImplClass(
+                18,
+                null,
+                null,
+                0
+              )),
               (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
               (JSCompiler_temp$jscomp$0.return = workInProgress),
               (workInProgress.child = JSCompiler_temp$jscomp$0),
@@ -9084,7 +9096,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.childLanes = this.lanes = 0;
   this.alternate = null;
 }
-function createFiber(tag, pendingProps, key, mode) {
+function createFiberImplClass(tag, pendingProps, key, mode) {
   return new FiberNode(tag, pendingProps, key, mode);
 }
 function shouldConstruct(Component) {
@@ -9094,7 +9106,7 @@ function shouldConstruct(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = createFiberImplClass(
         current.tag,
         pendingProps,
         current.key,
@@ -9191,21 +9203,21 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 2)),
+          (type = createFiberImplClass(12, pendingProps, key, mode | 2)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = createFiberImplClass(13, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = createFiberImplClass(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.lanes = lanes),
           type
@@ -9233,23 +9245,25 @@ function createFiberFromTypeAndProps(
               owner = null;
               break a;
           }
-        throw Error(
+        fiberTag = 29;
+        pendingProps = Error(
           formatProdErrorMessage(130, null === type ? "null" : typeof type, "")
         );
+        owner = null;
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = createFiberImplClass(fiberTag, pendingProps, key, mode);
   key.elementType = type;
   key.type = owner;
   key.lanes = lanes;
   return key;
 }
 function createFiberFromFragment(elements, mode, lanes, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = createFiberImplClass(7, elements, key, mode);
   elements.lanes = lanes;
   return elements;
 }
 function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  pendingProps = createFiber(22, pendingProps, key, mode);
+  pendingProps = createFiberImplClass(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
   var primaryChildInstance = {
@@ -9284,12 +9298,12 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
-  content = createFiber(6, content, null, mode);
+  content = createFiberImplClass(6, content, null, mode);
   content.lanes = lanes;
   return content;
 }
 function createFiberFromPortal(portal, mode, lanes) {
-  mode = createFiber(
+  mode = createFiberImplClass(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -11224,20 +11238,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1418 = 0;
-  i$jscomp$inline_1418 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1418++
+  var i$jscomp$inline_1420 = 0;
+  i$jscomp$inline_1420 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1420++
 ) {
-  var eventName$jscomp$inline_1419 =
-      simpleEventPluginEvents[i$jscomp$inline_1418],
-    domEventName$jscomp$inline_1420 =
-      eventName$jscomp$inline_1419.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1421 =
-      eventName$jscomp$inline_1419[0].toUpperCase() +
-      eventName$jscomp$inline_1419.slice(1);
+  var eventName$jscomp$inline_1421 =
+      simpleEventPluginEvents[i$jscomp$inline_1420],
+    domEventName$jscomp$inline_1422 =
+      eventName$jscomp$inline_1421.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1423 =
+      eventName$jscomp$inline_1421[0].toUpperCase() +
+      eventName$jscomp$inline_1421.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1420,
-    "on" + capitalizedEvent$jscomp$inline_1421
+    domEventName$jscomp$inline_1422,
+    "on" + capitalizedEvent$jscomp$inline_1423
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12012,6 +12026,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "style":
       setValueForStyles(domElement, value, prevValue);
       break;
+    case "data":
+      if ("object" !== tag) {
+        setValueForKnownAttribute(domElement, "data", value);
+        break;
+      }
     case "src":
     case "href":
       if ("" === value && ("a" !== tag || "href" !== key)) {
@@ -12380,127 +12399,152 @@ function setInitialProperties(domElement, tag, props) {
     case "p":
     case "li":
       break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
+    case "img":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      var hasSrc = !1,
+        hasSrcSet = !1,
+        propKey;
       for (propKey in props)
         if (props.hasOwnProperty(propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "src":
+                hasSrc = !0;
+                break;
+              case "srcSet":
+                hasSrcSet = !0;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(137, tag));
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      hasSrcSet &&
+        setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+      hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+      return;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var defaultValue = (propKey = propValue = hasSrcSet = null),
+        checked = null,
+        defaultChecked = null;
+      for (hasSrc in props)
+        if (props.hasOwnProperty(hasSrc)) {
+          var propValue$187 = props[hasSrc];
+          if (null != propValue$187)
+            switch (hasSrc) {
               case "name":
-                name = propValue;
+                hasSrcSet = propValue$187;
                 break;
               case "type":
-                type = propValue;
+                propValue = propValue$187;
                 break;
               case "checked":
-                checked = propValue;
+                checked = propValue$187;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue;
+                defaultChecked = propValue$187;
                 break;
               case "value":
-                value = propValue;
+                propKey = propValue$187;
                 break;
               case "defaultValue":
-                defaultValue = propValue;
+                defaultValue = propValue$187;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue)
+                if (null != propValue$187)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, propKey, propValue, props, null);
+                setProp(domElement, tag, hasSrc, propValue$187, props, null);
             }
         }
       initInput(
         domElement,
-        value,
+        propKey,
         defaultValue,
         checked,
         defaultChecked,
-        type,
-        name,
+        propValue,
+        hasSrcSet,
         !1
       );
       track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (type = value = null);
-      for (name in props)
+      hasSrc = propValue = propKey = null;
+      for (hasSrcSet in props)
         if (
-          props.hasOwnProperty(name) &&
-          ((defaultValue = props[name]), null != defaultValue)
+          props.hasOwnProperty(hasSrcSet) &&
+          ((defaultValue = props[hasSrcSet]), null != defaultValue)
         )
-          switch (name) {
+          switch (hasSrcSet) {
             case "value":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = defaultValue;
+              propValue = defaultValue;
               break;
             case "multiple":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
             default:
-              setProp(domElement, tag, name, defaultValue, props, null);
+              setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
           }
-      tag = value;
-      props = type;
-      domElement.multiple = !!propKey;
+      tag = propKey;
+      props = propValue;
+      domElement.multiple = !!hasSrc;
       null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
+        ? updateOptions(domElement, !!hasSrc, tag, !1)
+        : null != props && updateOptions(domElement, !!hasSrc, props, !0);
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      value = name = propKey = null;
-      for (type in props)
+      propKey = hasSrcSet = hasSrc = null;
+      for (propValue in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((defaultValue = props[type]), null != defaultValue)
+          props.hasOwnProperty(propValue) &&
+          ((defaultValue = props[propValue]), null != defaultValue)
         )
-          switch (type) {
+          switch (propValue) {
             case "value":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
               break;
             case "defaultValue":
-              name = defaultValue;
+              hasSrcSet = defaultValue;
               break;
             case "children":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
               if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, type, defaultValue, props, null);
+              setProp(domElement, tag, propValue, defaultValue, props, null);
           }
-      initTextarea(domElement, propKey, name, value);
+      initTextarea(domElement, hasSrc, hasSrcSet, propKey);
       track(domElement);
       return;
     case "option":
-      for (defaultValue in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultValue) &&
-          ((propKey = props[defaultValue]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((hasSrc = props[checked]), null != hasSrc)
         )
-          switch (defaultValue) {
+          switch (checked) {
             case "selected":
               domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
+                hasSrc &&
+                "function" !== typeof hasSrc &&
+                "symbol" !== typeof hasSrc;
               break;
             default:
-              setProp(domElement, tag, defaultValue, propKey, props, null);
+              setProp(domElement, tag, checked, hasSrc, props, null);
           }
       return;
     case "dialog":
@@ -12513,8 +12557,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "video":
     case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+        listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
       break;
     case "image":
       listenToNonDelegatedEvent("error", domElement);
@@ -12525,7 +12569,6 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "embed":
     case "source":
-    case "img":
     case "link":
       listenToNonDelegatedEvent("error", domElement),
         listenToNonDelegatedEvent("load", domElement);
@@ -12540,40 +12583,41 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (checked in props)
+      for (defaultChecked in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultChecked) &&
+          ((hasSrc = props[defaultChecked]), null != hasSrc)
         )
-          switch (checked) {
+          switch (defaultChecked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, checked, propKey, props, null);
+              setProp(domElement, tag, defaultChecked, hasSrc, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (defaultChecked in props)
-          props.hasOwnProperty(defaultChecked) &&
-            ((propKey = props[defaultChecked]),
-            void 0 !== propKey &&
+        for (propValue$187 in props)
+          props.hasOwnProperty(propValue$187) &&
+            ((hasSrc = props[propValue$187]),
+            void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                defaultChecked,
-                propKey,
+                propValue$187,
+                hasSrc,
                 props,
                 void 0
               ));
         return;
       }
   }
-  for (value in props)
-    props.hasOwnProperty(value) &&
-      ((propKey = props[value]),
-      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+  for (defaultValue in props)
+    props.hasOwnProperty(defaultValue) &&
+      ((hasSrc = props[defaultValue]),
+      null != hasSrc &&
+        setProp(domElement, tag, defaultValue, hasSrc, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -12609,14 +12653,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$202 in nextProps) {
-        var propKey = nextProps[propKey$202];
-        lastProp = lastProps[propKey$202];
+      for (var propKey$204 in nextProps) {
+        var propKey = nextProps[propKey$204];
+        lastProp = lastProps[propKey$204];
         if (
-          nextProps.hasOwnProperty(propKey$202) &&
+          nextProps.hasOwnProperty(propKey$204) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$202) {
+          switch (propKey$204) {
             case "type":
               type = propKey;
               break;
@@ -12645,7 +12689,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$202,
+                  propKey$204,
                   propKey,
                   nextProps,
                   lastProp
@@ -12664,7 +12708,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$202 = null;
+      propKey = value = defaultValue = propKey$204 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -12695,7 +12739,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$202 = type;
+              propKey$204 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -12716,15 +12760,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$202
-        ? updateOptions(domElement, !!lastProps, propKey$202, !1)
+      null != propKey$204
+        ? updateOptions(domElement, !!lastProps, propKey$204, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$202 = null;
+      propKey = propKey$204 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -12748,7 +12792,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$202 = name;
+              propKey$204 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -12762,17 +12806,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$202, propKey);
+      updateTextarea(domElement, propKey$204, propKey);
       return;
     case "option":
-      for (var propKey$218 in lastProps)
+      for (var propKey$220 in lastProps)
         if (
-          ((propKey$202 = lastProps[propKey$218]),
-          lastProps.hasOwnProperty(propKey$218) &&
-            null != propKey$202 &&
-            !nextProps.hasOwnProperty(propKey$218))
+          ((propKey$204 = lastProps[propKey$220]),
+          lastProps.hasOwnProperty(propKey$220) &&
+            null != propKey$204 &&
+            !nextProps.hasOwnProperty(propKey$220))
         )
-          switch (propKey$218) {
+          switch (propKey$220) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -12780,33 +12824,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$218,
+                propKey$220,
                 null,
                 nextProps,
-                propKey$202
+                propKey$204
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$202 = nextProps[lastDefaultValue]),
+          ((propKey$204 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$202 !== propKey &&
-            (null != propKey$202 || null != propKey))
+            propKey$204 !== propKey &&
+            (null != propKey$204 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$202 &&
-                "function" !== typeof propKey$202 &&
-                "symbol" !== typeof propKey$202;
+                propKey$204 &&
+                "function" !== typeof propKey$204 &&
+                "symbol" !== typeof propKey$204;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$202,
+                propKey$204,
                 nextProps,
                 propKey
               );
@@ -12827,24 +12871,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$223 in lastProps)
-        (propKey$202 = lastProps[propKey$223]),
-          lastProps.hasOwnProperty(propKey$223) &&
-            null != propKey$202 &&
-            !nextProps.hasOwnProperty(propKey$223) &&
-            setProp(domElement, tag, propKey$223, null, nextProps, propKey$202);
+      for (var propKey$225 in lastProps)
+        (propKey$204 = lastProps[propKey$225]),
+          lastProps.hasOwnProperty(propKey$225) &&
+            null != propKey$204 &&
+            !nextProps.hasOwnProperty(propKey$225) &&
+            setProp(domElement, tag, propKey$225, null, nextProps, propKey$204);
       for (checked in nextProps)
         if (
-          ((propKey$202 = nextProps[checked]),
+          ((propKey$204 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$202 !== propKey &&
-            (null != propKey$202 || null != propKey))
+            propKey$204 !== propKey &&
+            (null != propKey$204 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$202)
+              if (null != propKey$204)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -12852,7 +12896,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$202,
+                propKey$204,
                 nextProps,
                 propKey
               );
@@ -12860,49 +12904,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$228 in lastProps)
-          (propKey$202 = lastProps[propKey$228]),
-            lastProps.hasOwnProperty(propKey$228) &&
-              void 0 !== propKey$202 &&
-              !nextProps.hasOwnProperty(propKey$228) &&
+        for (var propKey$230 in lastProps)
+          (propKey$204 = lastProps[propKey$230]),
+            lastProps.hasOwnProperty(propKey$230) &&
+              void 0 !== propKey$204 &&
+              !nextProps.hasOwnProperty(propKey$230) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$228,
+                propKey$230,
                 void 0,
                 nextProps,
-                propKey$202
+                propKey$204
               );
         for (defaultChecked in nextProps)
-          (propKey$202 = nextProps[defaultChecked]),
+          (propKey$204 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$202 === propKey ||
-              (void 0 === propKey$202 && void 0 === propKey) ||
+              propKey$204 === propKey ||
+              (void 0 === propKey$204 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$202,
+                propKey$204,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$233 in lastProps)
-    (propKey$202 = lastProps[propKey$233]),
-      lastProps.hasOwnProperty(propKey$233) &&
-        null != propKey$202 &&
-        !nextProps.hasOwnProperty(propKey$233) &&
-        setProp(domElement, tag, propKey$233, null, nextProps, propKey$202);
+  for (var propKey$235 in lastProps)
+    (propKey$204 = lastProps[propKey$235]),
+      lastProps.hasOwnProperty(propKey$235) &&
+        null != propKey$204 &&
+        !nextProps.hasOwnProperty(propKey$235) &&
+        setProp(domElement, tag, propKey$235, null, nextProps, propKey$204);
   for (lastProp in nextProps)
-    (propKey$202 = nextProps[lastProp]),
+    (propKey$204 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$202 === propKey ||
-        (null == propKey$202 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$202, nextProps, propKey);
+        propKey$204 === propKey ||
+        (null == propKey$204 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$204, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -13447,26 +13491,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$241 = getResourcesFromRoot(
+        var styles$243 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$242 = styles$241.get(type);
-        resource$242 ||
+          resource$244 = styles$243.get(type);
+        resource$244 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$242 = {
+          (resource$244 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$241.set(type, resource$242),
-          (styles$241 = JSCompiler_inline_result.querySelector(
+          styles$243.set(type, resource$244),
+          (styles$243 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$241._p &&
-            ((resource$242.instance = styles$241),
-            (resource$242.state.loading = 5)),
+            !styles$243._p &&
+            ((resource$244.instance = styles$243),
+            (resource$244.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -13479,16 +13523,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$241 ||
+            styles$243 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$242.state
+                resource$244.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$242;
+        return resource$244;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -13585,37 +13629,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$247 = hoistableRoot.querySelector(
+        var instance$249 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$247)
+        if (instance$249)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$247),
-            markNodeAsHoistable(instance$247),
-            instance$247
+            (resource.instance = instance$249),
+            markNodeAsHoistable(instance$249),
+            instance$249
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$247 = (
+        instance$249 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$247);
-        var linkInstance = instance$247;
+        markNodeAsHoistable(instance$249);
+        var linkInstance = instance$249;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$247, "link", instance);
+        setInitialProperties(instance$249, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$247, props.precedence, hoistableRoot);
-        return (resource.instance = instance$247);
+        insertStylesheet(instance$249, props.precedence, hoistableRoot);
+        return (resource.instance = instance$249);
       case "script":
-        instance$247 = getScriptKey(props.src);
+        instance$249 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$247)
+            getScriptSelectorFromKey(instance$249)
           ))
         )
           return (
@@ -13624,7 +13668,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$247)))
+        if ((styleProps = preloadPropsMap.get(instance$249)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -13981,7 +14025,7 @@ function createFiberRoot(
   );
   tag = 1;
   !0 === isStrictMode && (tag |= 24);
-  isStrictMode = createFiber(3, null, null, tag);
+  isStrictMode = createFiberImplClass(3, null, null, tag);
   containerInfo.current = isStrictMode;
   isStrictMode.stateNode = containerInfo;
   tag = createCache();
@@ -14643,16 +14687,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1666 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1668 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_1666
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_1668
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1666,
-      "19.0.0-rc-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_1668,
+      "19.0.0-rc-01172397-20240716"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -14668,17 +14712,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var devToolsConfig$jscomp$inline_1673 = {
+var devToolsConfig$jscomp$inline_1675 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-rc-dfd30974ab-20240613",
+  version: "19.0.0-rc-01172397-20240716",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2051 = {
-  bundleType: devToolsConfig$jscomp$inline_1673.bundleType,
-  version: devToolsConfig$jscomp$inline_1673.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1673.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1673.rendererConfig,
+var internals$jscomp$inline_2053 = {
+  bundleType: devToolsConfig$jscomp$inline_1675.bundleType,
+  version: devToolsConfig$jscomp$inline_1675.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1675.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1675.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -14694,26 +14738,26 @@ var internals$jscomp$inline_2051 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1673.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1675.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-rc-dfd30974ab-20240613"
+  reconcilerVersion: "19.0.0-rc-01172397-20240716"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2052 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2054 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2052.isDisabled &&
-    hook$jscomp$inline_2052.supportsFiber
+    !hook$jscomp$inline_2054.isDisabled &&
+    hook$jscomp$inline_2054.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2052.inject(
-        internals$jscomp$inline_2051
+      (rendererID = hook$jscomp$inline_2054.inject(
+        internals$jscomp$inline_2053
       )),
-        (injectedHook = hook$jscomp$inline_2052);
+        (injectedHook = hook$jscomp$inline_2054);
     } catch (err) {}
 }
 exports.createRoot = function (container, options) {
@@ -14807,4 +14851,4 @@ exports.hydrateRoot = function (container, initialChildren, options) {
   listenToAllSupportedEvents(container);
   return new ReactDOMHydrationRoot(initialChildren);
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js
index 2b0dbaa8c2f85..6da80e0f41fec 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js
@@ -28,11 +28,11 @@
     }
     function copyWithRename(obj, oldPath, newPath) {
       if (oldPath.length !== newPath.length)
-        warn("copyWithRename() expects paths of the same length");
+        console.warn("copyWithRename() expects paths of the same length");
       else {
         for (var i = 0; i < newPath.length - 1; i++)
           if (oldPath[i] !== newPath[i]) {
-            warn(
+            console.warn(
               "copyWithRename() expects paths to be the same except for the deepest key"
             );
             return;
@@ -73,13 +73,16 @@
     function shouldErrorImpl() {
       return null;
     }
+    function createFiber(tag, pendingProps, key, mode) {
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
     function warnInvalidHookAccess() {
-      error$jscomp$0(
+      console.error(
         "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
       );
     }
     function warnInvalidContextAccess() {
-      error$jscomp$0(
+      console.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()."
       );
     }
@@ -126,40 +129,6 @@
     function setRefreshHandler(handler) {
       resolveFamily = handler;
     }
-    function warn(format) {
-      if (!suppressWarning) {
-        for (
-          var _len = arguments.length,
-            args = Array(1 < _len ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        )
-          args[_key - 1] = arguments[_key];
-        printWarning("warn", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function error$jscomp$0(format) {
-      if (!suppressWarning) {
-        for (
-          var _len2 = arguments.length,
-            args = Array(1 < _len2 ? _len2 - 1 : 0),
-            _key2 = 1;
-          _key2 < _len2;
-          _key2++
-        )
-          args[_key2 - 1] = arguments[_key2];
-        printWarning("error", format, args, Error("react-stack-top-frame"));
-      }
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function isValidContainer(node) {
       return !(
         !node ||
@@ -198,7 +167,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -344,7 +313,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -355,8 +324,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -570,7 +545,7 @@
                 var JSCompiler_temp_const = info,
                   env = entry.env;
                 var JSCompiler_inline_result = describeBuiltInComponentFrame(
-                  entry.name + (env ? " (" + env + ")" : "")
+                  entry.name + (env ? " [" + env + "]" : "")
                 );
                 info = JSCompiler_temp_const + JSCompiler_inline_result;
               }
@@ -587,9 +562,6 @@
       var owner = current._debugOwner;
       return null != owner ? getComponentNameFromOwner(owner) : null;
     }
-    function getCurrentParentStackInDev() {
-      return null === current ? "" : getStackByFiberInDevAndProd(current);
-    }
     function getCurrentFiberStackInDev() {
       return null === current ? "" : getStackByFiberInDevAndProd(current);
     }
@@ -729,7 +701,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -739,9 +711,9 @@
     }
     function pop(cursor, fiber) {
       0 > index$jscomp$0
-        ? error$jscomp$0("Unexpected pop.")
+        ? console.error("Unexpected pop.")
         : (fiber !== fiberStack[index$jscomp$0] &&
-            error$jscomp$0("Unexpected Fiber popped."),
+            console.error("Unexpected Fiber popped."),
           (cursor.current = valueStack[index$jscomp$0]),
           (valueStack[index$jscomp$0] = null),
           (fiberStack[index$jscomp$0] = null),
@@ -755,7 +727,7 @@
     }
     function requiredContext(c) {
       null === c &&
-        error$jscomp$0(
+        console.error(
           "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
         );
       return c;
@@ -860,7 +832,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -871,7 +843,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -882,7 +854,7 @@
     function checkFormFieldValueStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$0(
+          console.error(
             "Form field values (value, checked, defaultValue, or defaultChecked props) must be strings, not %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -895,7 +867,7 @@
       if (hook.isDisabled) return !0;
       if (!hook.supportsFiber)
         return (
-          error$jscomp$0(
+          console.error(
             "The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://react.dev/link/react-devtools"
           ),
           !0
@@ -908,7 +880,7 @@
           (rendererID = hook.inject(internals)),
           (injectedHook = hook);
       } catch (err) {
-        error$jscomp$0("React instrumentation encountered an error: %s.", err);
+        console.error("React instrumentation encountered an error: %s.", err);
       }
       return hook.checkDCE ? !0 : !1;
     }
@@ -941,7 +913,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -949,15 +921,14 @@
     }
     function setIsStrictModeForDevtools(newIsStrictMode) {
       "function" === typeof log$1 &&
-        (unstable_setDisableYieldValue(newIsStrictMode),
-        (suppressWarning = newIsStrictMode));
+        unstable_setDisableYieldValue(newIsStrictMode);
       if (injectedHook && "function" === typeof injectedHook.setStrictMode)
         try {
           injectedHook.setStrictMode(rendererID, newIsStrictMode);
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -1094,7 +1065,7 @@
           return 0;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             lanes
@@ -1169,7 +1140,7 @@
           return -1;
         default:
           return (
-            error$jscomp$0(
+            console.error(
               "Should have found matching lanes. This is a bug in React."
             ),
             -1
@@ -1387,7 +1358,7 @@
     }
     function registerDirectEvent(registrationName, dependencies) {
       registrationNameDependencies[registrationName] &&
-        error$jscomp$0(
+        console.error(
           "EventRegistry: More than one plugin attempted to publish the same registration name, `%s`.",
           registrationName
         );
@@ -1411,17 +1382,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$0(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$0(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$0(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -1433,7 +1404,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$0("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function getValueForAttributeOnCustomComponent(node, name, expected) {
@@ -1613,7 +1584,7 @@
       void 0 === props.checked ||
         void 0 === props.defaultChecked ||
         didWarnCheckedDefaultChecked ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1622,7 +1593,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue$1 ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component",
           props.type
@@ -1734,19 +1705,19 @@
                 "bigint" === typeof child ||
                 didWarnInvalidChild ||
                 ((didWarnInvalidChild = !0),
-                error$jscomp$0(
+                console.error(
                   "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
                 ));
             })
           : null == props.dangerouslySetInnerHTML ||
             didWarnInvalidInnerHTML ||
             ((didWarnInvalidInnerHTML = !0),
-            error$jscomp$0(
+            console.error(
               "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
             )));
       null == props.selected ||
         didWarnSelectedSetOnOption ||
-        (error$jscomp$0(
+        (console.error(
           "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
         ),
         (didWarnSelectedSetOnOption = !0));
@@ -1787,14 +1758,14 @@
         if (null != props[propName]) {
           var propNameIsArray = isArrayImpl(props[propName]);
           props.multiple && !propNameIsArray
-            ? error$jscomp$0(
+            ? console.error(
                 "The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",
                 propName,
                 getDeclarationErrorAddendum()
               )
             : !props.multiple &&
               propNameIsArray &&
-              error$jscomp$0(
+              console.error(
                 "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",
                 propName,
                 getDeclarationErrorAddendum()
@@ -1804,7 +1775,7 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValueDefaultValue ||
-        (error$jscomp$0(
+        (console.error(
           "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
         ),
         (didWarnValueDefaultValue = !0));
@@ -1813,14 +1784,14 @@
       void 0 === props.value ||
         void 0 === props.defaultValue ||
         didWarnValDefaultVal ||
-        (error$jscomp$0(
+        (console.error(
           "%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components",
           getCurrentFiberOwnerNameInDevOrNull() || "A component"
         ),
         (didWarnValDefaultVal = !0));
       null != props.children &&
         null == props.value &&
-        error$jscomp$0(
+        console.error(
           "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
         );
     }
@@ -1862,2240 +1833,2289 @@
         null !== children &&
         (element.value = children);
     }
-    function updatedAncestorInfoDev(oldInfo, tag) {
-      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
-      var info = { tag: tag };
-      -1 !== inScopeTags.indexOf(tag) &&
-        ((oldInfo.aTagInScope = null),
-        (oldInfo.buttonTagInScope = null),
-        (oldInfo.nobrTagInScope = null));
-      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
-      -1 !== specialTags.indexOf(tag) &&
-        "address" !== tag &&
-        "div" !== tag &&
-        "p" !== tag &&
-        ((oldInfo.listItemTagAutoclosing = null),
-        (oldInfo.dlItemTagAutoclosing = null));
-      oldInfo.current = info;
-      "form" === tag && (oldInfo.formTag = info);
-      "a" === tag && (oldInfo.aTagInScope = info);
-      "button" === tag && (oldInfo.buttonTagInScope = info);
-      "nobr" === tag && (oldInfo.nobrTagInScope = info);
-      "p" === tag && (oldInfo.pTagInButtonScope = info);
-      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
-      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
-      "#document" === tag || "html" === tag
-        ? (oldInfo.containerTagInScope = null)
-        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
-      return oldInfo;
+    function findNotableNode(node, indent) {
+      return void 0 === node.serverProps &&
+        0 === node.serverTail.length &&
+        1 === node.children.length &&
+        3 < node.distanceFromLeaf &&
+        node.distanceFromLeaf > 15 - indent
+        ? findNotableNode(node.children[0], indent)
+        : node;
     }
-    function isTagValidWithParent(tag, parentTag) {
-      switch (parentTag) {
-        case "select":
-          return (
-            "hr" === tag ||
-            "option" === tag ||
-            "optgroup" === tag ||
-            "#text" === tag
-          );
-        case "optgroup":
-          return "option" === tag || "#text" === tag;
-        case "option":
-          return "#text" === tag;
-        case "tr":
-          return (
-            "th" === tag ||
-            "td" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "tbody":
-        case "thead":
-        case "tfoot":
-          return (
-            "tr" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "colgroup":
-          return "col" === tag || "template" === tag;
-        case "table":
-          return (
-            "caption" === tag ||
-            "colgroup" === tag ||
-            "tbody" === tag ||
-            "tfoot" === tag ||
-            "thead" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "head":
-          return (
-            "base" === tag ||
-            "basefont" === tag ||
-            "bgsound" === tag ||
-            "link" === tag ||
-            "meta" === tag ||
-            "title" === tag ||
-            "noscript" === tag ||
-            "noframes" === tag ||
-            "style" === tag ||
-            "script" === tag ||
-            "template" === tag
-          );
-        case "html":
-          return "head" === tag || "body" === tag || "frameset" === tag;
-        case "frameset":
-          return "frame" === tag;
-        case "#document":
-          return "html" === tag;
-      }
-      switch (tag) {
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
+    function indentation(indent) {
+      return "  " + "  ".repeat(indent);
+    }
+    function added(indent) {
+      return "+ " + "  ".repeat(indent);
+    }
+    function removed(indent) {
+      return "- " + "  ".repeat(indent);
+    }
+    function describeFiberType(fiber) {
+      switch (fiber.tag) {
+        case 26:
+        case 27:
+        case 5:
+          return fiber.type;
+        case 16:
+          return "Lazy";
+        case 13:
+          return "Suspense";
+        case 19:
+          return "SuspenseList";
+        case 0:
+        case 15:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        case 11:
           return (
-            "h1" !== parentTag &&
-            "h2" !== parentTag &&
-            "h3" !== parentTag &&
-            "h4" !== parentTag &&
-            "h5" !== parentTag &&
-            "h6" !== parentTag
+            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
           );
-        case "rp":
-        case "rt":
-          return -1 === impliedEndTags.indexOf(parentTag);
-        case "body":
-        case "caption":
-        case "col":
-        case "colgroup":
-        case "frameset":
-        case "frame":
-        case "head":
-        case "html":
-        case "tbody":
-        case "td":
-        case "tfoot":
-        case "th":
-        case "thead":
-        case "tr":
-          return null == parentTag;
+        case 1:
+          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
+        default:
+          return null;
       }
-      return !0;
     }
-    function findInvalidAncestorForTag(tag, ancestorInfo) {
-      switch (tag) {
-        case "address":
-        case "article":
-        case "aside":
-        case "blockquote":
-        case "center":
-        case "details":
-        case "dialog":
-        case "dir":
-        case "div":
-        case "dl":
-        case "fieldset":
-        case "figcaption":
-        case "figure":
-        case "footer":
-        case "header":
-        case "hgroup":
-        case "main":
-        case "menu":
-        case "nav":
-        case "ol":
-        case "p":
-        case "section":
-        case "summary":
-        case "ul":
-        case "pre":
-        case "listing":
-        case "table":
-        case "hr":
-        case "xmp":
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return ancestorInfo.pTagInButtonScope;
-        case "form":
-          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
-        case "li":
-          return ancestorInfo.listItemTagAutoclosing;
-        case "dd":
-        case "dt":
-          return ancestorInfo.dlItemTagAutoclosing;
-        case "button":
-          return ancestorInfo.buttonTagInScope;
-        case "a":
-          return ancestorInfo.aTagInScope;
-        case "nobr":
-          return ancestorInfo.nobrTagInScope;
-      }
-      return null;
+    function describeTextNode(content, maxLength) {
+      return needsEscaping.test(content)
+        ? ((content = JSON.stringify(content)),
+          content.length > maxLength - 2
+            ? 8 > maxLength
+              ? '{"..."}'
+              : "{" + content.slice(0, maxLength - 7) + '..."}'
+            : "{" + content + "}")
+        : content.length > maxLength
+        ? 5 > maxLength
+          ? '{"..."}'
+          : content.slice(0, maxLength - 3) + "..."
+        : content;
     }
-    function validateDOMNesting(childTag, ancestorInfo) {
-      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
-      var parentInfo = ancestorInfo.current;
-      ancestorInfo = (parentInfo = isTagValidWithParent(
-        childTag,
-        parentInfo && parentInfo.tag
-      )
-        ? null
-        : parentInfo)
-        ? null
-        : findInvalidAncestorForTag(childTag, ancestorInfo);
-      ancestorInfo = parentInfo || ancestorInfo;
-      if (!ancestorInfo) return !0;
-      ancestorInfo = ancestorInfo.tag;
-      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      warnKey = "<" + childTag + ">";
-      parentInfo
-        ? ((parentInfo = ""),
-          "table" === ancestorInfo &&
-            "tr" === childTag &&
-            (parentInfo +=
-              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
-          console.error(
-            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            parentInfo,
-            getCurrentParentStackInDev()
-          ))
-        : console.error(
-            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
-            warnKey,
-            ancestorInfo,
-            getCurrentParentStackInDev()
-          );
-      return !1;
-    }
-    function validateTextNesting(childText, parentTag) {
-      if (isTagValidWithParent("#text", parentTag)) return !0;
-      var warnKey = "#text|" + parentTag;
-      if (didWarn[warnKey]) return !1;
-      didWarn[warnKey] = !0;
-      /\S/.test(childText)
-        ? console.error(
-            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          )
-        : console.error(
-            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
-            parentTag,
-            getCurrentParentStackInDev()
-          );
-      return !1;
-    }
-    function setTextContent(node, text) {
-      if (text) {
-        var firstChild = node.firstChild;
-        if (
-          firstChild &&
-          firstChild === node.lastChild &&
-          3 === firstChild.nodeType
-        ) {
-          firstChild.nodeValue = text;
-          return;
-        }
-      }
-      node.textContent = text;
-    }
-    function camelize(string) {
-      return string.replace(hyphenPattern, function (_, character) {
-        return character.toUpperCase();
-      });
-    }
-    function setValueForStyle(style, styleName, value) {
-      var isCustomProperty = 0 === styleName.indexOf("--");
-      isCustomProperty ||
-        (-1 < styleName.indexOf("-")
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported style property %s. Did you mean %s?",
-              styleName,
-              camelize(styleName.replace(msPattern, "ms-"))
-            ))
-          : badVendoredStyleNamePattern.test(styleName)
-          ? (warnedStyleNames.hasOwnProperty(styleName) &&
-              warnedStyleNames[styleName]) ||
-            ((warnedStyleNames[styleName] = !0),
-            error$jscomp$0(
-              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
-              styleName,
-              styleName.charAt(0).toUpperCase() + styleName.slice(1)
-            ))
-          : !badStyleValueWithSemicolonPattern.test(value) ||
-            (warnedStyleValues.hasOwnProperty(value) &&
-              warnedStyleValues[value]) ||
-            ((warnedStyleValues[value] = !0),
-            error$jscomp$0(
-              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
-              styleName,
-              value.replace(badStyleValueWithSemicolonPattern, "")
-            )),
-        "number" === typeof value &&
-          (isNaN(value)
-            ? warnedForNaNValue ||
-              ((warnedForNaNValue = !0),
-              error$jscomp$0(
-                "`NaN` is an invalid value for the `%s` css style property.",
-                styleName
-              ))
-            : isFinite(value) ||
-              warnedForInfinityValue ||
-              ((warnedForInfinityValue = !0),
-              error$jscomp$0(
-                "`Infinity` is an invalid value for the `%s` css style property.",
-                styleName
-              ))));
-      null == value || "boolean" === typeof value || "" === value
-        ? isCustomProperty
-          ? style.setProperty(styleName, "")
-          : "float" === styleName
-          ? (style.cssFloat = "")
-          : (style[styleName] = "")
-        : isCustomProperty
-        ? style.setProperty(styleName, value)
-        : "number" !== typeof value ||
-          0 === value ||
-          unitlessNumbers.has(styleName)
-        ? "float" === styleName
-          ? (style.cssFloat = value)
-          : (checkCSSPropertyStringCoercion(value, styleName),
-            (style[styleName] = ("" + value).trim()))
-        : (style[styleName] = value + "px");
-    }
-    function setValueForStyles(node, styles, prevStyles) {
-      if (null != styles && "object" !== typeof styles)
-        throw Error(
-          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+    function describeTextDiff(clientText, serverProps, indent) {
+      var maxLength = 120 - 2 * indent;
+      if (null === serverProps)
+        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
+      if ("string" === typeof serverProps) {
+        for (
+          var firstDiff = 0;
+          firstDiff < serverProps.length &&
+          firstDiff < clientText.length &&
+          serverProps.charCodeAt(firstDiff) ===
+            clientText.charCodeAt(firstDiff);
+          firstDiff++
+        );
+        firstDiff > maxLength - 8 &&
+          10 < firstDiff &&
+          ((clientText = "..." + clientText.slice(firstDiff - 8)),
+          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
+        return (
+          added(indent) +
+          describeTextNode(clientText, maxLength) +
+          "\n" +
+          removed(indent) +
+          describeTextNode(serverProps, maxLength) +
+          "\n"
         );
-      styles && Object.freeze(styles);
-      node = node.style;
-      if (null != prevStyles) {
-        if (styles) {
-          var expandedUpdates = {};
-          if (prevStyles)
-            for (var key in prevStyles)
-              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
-                for (
-                  var longhands = shorthandToLonghand[key] || [key], i = 0;
-                  i < longhands.length;
-                  i++
-                )
-                  expandedUpdates[longhands[i]] = key;
-          for (var _key in styles)
-            if (
-              styles.hasOwnProperty(_key) &&
-              (!prevStyles || prevStyles[_key] !== styles[_key])
-            )
-              for (
-                key = shorthandToLonghand[_key] || [_key], longhands = 0;
-                longhands < key.length;
-                longhands++
-              )
-                expandedUpdates[key[longhands]] = _key;
-          _key = {};
-          for (var key$jscomp$0 in styles)
-            for (
-              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
-                longhands = 0;
-              longhands < key.length;
-              longhands++
-            )
-              _key[key[longhands]] = key$jscomp$0;
-          key$jscomp$0 = {};
-          for (var _key2 in expandedUpdates)
-            (key = expandedUpdates[_key2]),
-              (longhands = _key[_key2]) &&
-                key !== longhands &&
-                ((i = key + "," + longhands),
-                key$jscomp$0[i] ||
-                  ((key$jscomp$0[i] = !0),
-                  (i = styles[key]),
-                  error$jscomp$0(
-                    "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
-                    null == i || "boolean" === typeof i || "" === i
-                      ? "Removing"
-                      : "Updating",
-                    key,
-                    longhands
-                  )));
-        }
-        for (var styleName in prevStyles)
-          !prevStyles.hasOwnProperty(styleName) ||
-            (null != styles && styles.hasOwnProperty(styleName)) ||
-            (0 === styleName.indexOf("--")
-              ? node.setProperty(styleName, "")
-              : "float" === styleName
-              ? (node.cssFloat = "")
-              : (node[styleName] = ""));
-        for (var _styleName in styles)
-          (_key2 = styles[_styleName]),
-            styles.hasOwnProperty(_styleName) &&
-              prevStyles[_styleName] !== _key2 &&
-              setValueForStyle(node, _styleName, _key2);
-      } else
-        for (expandedUpdates in styles)
-          styles.hasOwnProperty(expandedUpdates) &&
-            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
-    }
-    function isCustomElement(tagName) {
-      if (-1 === tagName.indexOf("-")) return !1;
-      switch (tagName) {
-        case "annotation-xml":
-        case "color-profile":
-        case "font-face":
-        case "font-face-src":
-        case "font-face-uri":
-        case "font-face-format":
-        case "font-face-name":
-        case "missing-glyph":
-          return !1;
-        default:
-          return !0;
       }
+      return (
+        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
+      );
     }
-    function getAttributeAlias(name) {
-      return aliases.get(name) || name;
+    function objectName(object) {
+      return Object.prototype.toString
+        .call(object)
+        .replace(/^\[object (.*)\]$/, function (m, p0) {
+          return p0;
+        });
     }
-    function validateProperty$1(tagName, name) {
-      if (
-        hasOwnProperty.call(warnedProperties$1, name) &&
-        warnedProperties$1[name]
-      )
-        return !0;
-      if (rARIACamel$1.test(name)) {
-        tagName = "aria-" + name.slice(4).toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName)
-          return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
-              name
-            ),
-            (warnedProperties$1[name] = !0)
-          );
-        if (name !== tagName)
+    function describeValue(value, maxLength) {
+      switch (typeof value) {
+        case "string":
           return (
-            error$jscomp$0(
-              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
-              name,
-              tagName
-            ),
-            (warnedProperties$1[name] = !0)
+            (value = JSON.stringify(value)),
+            value.length > maxLength
+              ? 5 > maxLength
+                ? '"..."'
+                : value.slice(0, maxLength - 4) + '..."'
+              : value
           );
+        case "object":
+          if (null === value) return "null";
+          if (isArrayImpl(value)) return "[...]";
+          if (value.$$typeof === REACT_ELEMENT_TYPE)
+            return (maxLength = getComponentNameFromType(value.type))
+              ? "<" + maxLength + ">"
+              : "<...>";
+          var name = objectName(value);
+          if ("Object" === name) {
+            name = "";
+            maxLength -= 2;
+            for (var propName in value)
+              if (value.hasOwnProperty(propName)) {
+                var jsonPropName = JSON.stringify(propName);
+                jsonPropName !== '"' + propName + '"' &&
+                  (propName = jsonPropName);
+                maxLength -= propName.length - 2;
+                jsonPropName = describeValue(
+                  value[propName],
+                  15 > maxLength ? maxLength : 15
+                );
+                maxLength -= jsonPropName.length;
+                if (0 > maxLength) {
+                  name += "" === name ? "..." : ", ...";
+                  break;
+                }
+                name +=
+                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
+              }
+            return "{" + name + "}";
+          }
+          return name;
+        case "function":
+          return (maxLength = value.displayName || value.name)
+            ? "function " + maxLength
+            : "function";
+        default:
+          return String(value);
       }
-      if (rARIA$1.test(name)) {
-        tagName = name.toLowerCase();
-        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
-        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
-        name !== tagName &&
-          (error$jscomp$0(
-            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
-            name,
-            tagName
-          ),
-          (warnedProperties$1[name] = !0));
-      }
-      return !0;
     }
-    function validateProperties$2(type, props) {
-      var invalidProps = [],
-        key;
-      for (key in props)
-        validateProperty$1(type, key) || invalidProps.push(key);
-      props = invalidProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === invalidProps.length
-        ? error$jscomp$0(
-            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
-          )
-        : 1 < invalidProps.length &&
-          error$jscomp$0(
-            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
-            props,
-            type
+    function describePropValue(value, maxLength) {
+      return "string" !== typeof value || needsEscaping.test(value)
+        ? "{" + describeValue(value, maxLength - 2) + "}"
+        : value.length > maxLength - 2
+        ? 5 > maxLength
+          ? '"..."'
+          : '"' + value.slice(0, maxLength - 5) + '..."'
+        : '"' + value + '"';
+    }
+    function describeExpandedElement(type, props, rowPrefix) {
+      var remainingRowLength = 120 - rowPrefix.length - type.length,
+        properties = [],
+        propName;
+      for (propName in props)
+        if (props.hasOwnProperty(propName) && "children" !== propName) {
+          var propValue = describePropValue(
+            props[propName],
+            120 - rowPrefix.length - propName.length - 1
           );
+          remainingRowLength -= propName.length + propValue.length + 2;
+          properties.push(propName + "=" + propValue);
+        }
+      return 0 === properties.length
+        ? rowPrefix + "<" + type + ">\n"
+        : 0 < remainingRowLength
+        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
+        : rowPrefix +
+          "<" +
+          type +
+          "\n" +
+          rowPrefix +
+          "  " +
+          properties.join("\n" + rowPrefix + "  ") +
+          "\n" +
+          rowPrefix +
+          ">\n";
     }
-    function validateProperty(tagName, name, value, eventRegistry) {
-      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
-        return !0;
-      var lowerCasedName = name.toLowerCase();
-      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
-          ),
-          (warnedProperties[name] = !0)
+    function describePropertiesDiff(clientObject, serverObject, indent) {
+      var properties = "",
+        remainingServerProperties = assign({}, serverObject),
+        propName;
+      for (propName in clientObject)
+        if (clientObject.hasOwnProperty(propName)) {
+          delete remainingServerProperties[propName];
+          var maxLength = 120 - 2 * indent - propName.length - 2,
+            clientPropValue = describeValue(clientObject[propName], maxLength);
+          serverObject.hasOwnProperty(propName)
+            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
+              (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n"),
+              (properties +=
+                removed(indent) + propName + ": " + maxLength + "\n"))
+            : (properties +=
+                added(indent) + propName + ": " + clientPropValue + "\n");
+        }
+      for (var _propName in remainingServerProperties)
+        remainingServerProperties.hasOwnProperty(_propName) &&
+          ((clientObject = describeValue(
+            remainingServerProperties[_propName],
+            120 - 2 * indent - _propName.length - 2
+          )),
+          (properties +=
+            removed(indent) + _propName + ": " + clientObject + "\n"));
+      return properties;
+    }
+    function describeElementDiff(type, clientProps, serverProps, indent) {
+      var content = "",
+        serverPropNames = new Map();
+      for (propName$jscomp$0 in serverProps)
+        serverProps.hasOwnProperty(propName$jscomp$0) &&
+          serverPropNames.set(
+            propName$jscomp$0.toLowerCase(),
+            propName$jscomp$0
+          );
+      if (1 === serverPropNames.size && serverPropNames.has("children"))
+        content += describeExpandedElement(
+          type,
+          clientProps,
+          indentation(indent)
         );
+      else {
+        for (var _propName2 in clientProps)
+          if (
+            clientProps.hasOwnProperty(_propName2) &&
+            "children" !== _propName2
+          ) {
+            var maxLength$jscomp$0 =
+                120 - 2 * (indent + 1) - _propName2.length - 1,
+              serverPropName = serverPropNames.get(_propName2.toLowerCase());
+            if (void 0 !== serverPropName) {
+              serverPropNames.delete(_propName2.toLowerCase());
+              var propName$jscomp$0 = clientProps[_propName2];
+              serverPropName = serverProps[serverPropName];
+              var clientPropValue = describePropValue(
+                propName$jscomp$0,
+                maxLength$jscomp$0
+              );
+              maxLength$jscomp$0 = describePropValue(
+                serverPropName,
+                maxLength$jscomp$0
+              );
+              "object" === typeof propName$jscomp$0 &&
+              null !== propName$jscomp$0 &&
+              "object" === typeof serverPropName &&
+              null !== serverPropName &&
+              "Object" === objectName(propName$jscomp$0) &&
+              "Object" === objectName(serverPropName) &&
+              (2 < Object.keys(propName$jscomp$0).length ||
+                2 < Object.keys(serverPropName).length ||
+                -1 < clientPropValue.indexOf("...") ||
+                -1 < maxLength$jscomp$0.indexOf("..."))
+                ? (content +=
+                    indentation(indent + 1) +
+                    _propName2 +
+                    "={{\n" +
+                    describePropertiesDiff(
+                      propName$jscomp$0,
+                      serverPropName,
+                      indent + 2
+                    ) +
+                    indentation(indent + 1) +
+                    "}}\n")
+                : ((content +=
+                    added(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    clientPropValue +
+                    "\n"),
+                  (content +=
+                    removed(indent + 1) +
+                    _propName2 +
+                    "=" +
+                    maxLength$jscomp$0 +
+                    "\n"));
+            } else
+              content +=
+                indentation(indent + 1) +
+                _propName2 +
+                "=" +
+                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
+                "\n";
+          }
+        serverPropNames.forEach(function (propName) {
+          if ("children" !== propName) {
+            var maxLength = 120 - 2 * (indent + 1) - propName.length - 1;
+            content +=
+              removed(indent + 1) +
+              propName +
+              "=" +
+              describePropValue(serverProps[propName], maxLength) +
+              "\n";
+          }
+        });
+        content =
+          "" === content
+            ? indentation(indent) + "<" + type + ">\n"
+            : indentation(indent) +
+              "<" +
+              type +
+              "\n" +
+              content +
+              indentation(indent) +
+              ">\n";
+      }
+      type = serverProps.children;
+      clientProps = clientProps.children;
       if (
-        "function" === typeof value &&
-        (("form" === tagName && "action" === name) ||
-          ("input" === tagName && "formAction" === name) ||
-          ("button" === tagName && "formAction" === name))
+        "string" === typeof type ||
+        "number" === typeof type ||
+        "bigint" === typeof type
+      ) {
+        serverPropNames = "";
+        if (
+          "string" === typeof clientProps ||
+          "number" === typeof clientProps ||
+          "bigint" === typeof clientProps
+        )
+          serverPropNames = "" + clientProps;
+        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
+      } else if (
+        "string" === typeof clientProps ||
+        "number" === typeof clientProps ||
+        "bigint" === typeof clientProps
       )
-        return !0;
-      if (null != eventRegistry) {
-        tagName = eventRegistry.possibleRegistrationNames;
-        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
-          return !0;
-        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
-          ? tagName[lowerCasedName]
-          : null;
-        if (null != eventRegistry)
-          return (
-            error$jscomp$0(
-              "Invalid event handler property `%s`. Did you mean `%s`?",
-              name,
-              eventRegistry
-            ),
-            (warnedProperties[name] = !0)
-          );
-        if (EVENT_NAME_REGEX.test(name))
-          return (
-            error$jscomp$0(
-              "Unknown event handler property `%s`. It will be ignored.",
-              name
-            ),
-            (warnedProperties[name] = !0)
-          );
-      } else if (EVENT_NAME_REGEX.test(name))
-        return (
-          INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$0(
-              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
-              name
-            ),
-          (warnedProperties[name] = !0)
-        );
-      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
-      if ("innerhtml" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("aria" === lowerCasedName)
-        return (
-          error$jscomp$0(
-            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
-          ),
-          (warnedProperties[name] = !0)
-        );
+        content =
+          null == type
+            ? content + describeTextDiff("" + clientProps, null, indent + 1)
+            : content + describeTextDiff("" + clientProps, void 0, indent + 1);
+      return content;
+    }
+    function describeSiblingFiber(fiber, indent) {
+      var type = describeFiberType(fiber);
+      if (null === type) {
+        type = "";
+        for (fiber = fiber.child; fiber; )
+          (type += describeSiblingFiber(fiber, indent)),
+            (fiber = fiber.sibling);
+        return type;
+      }
+      return indentation(indent) + "<" + type + ">\n";
+    }
+    function describeNode(node, indent) {
+      var skipToNode = findNotableNode(node, indent);
       if (
-        "is" === lowerCasedName &&
-        null !== value &&
-        void 0 !== value &&
-        "string" !== typeof value
+        skipToNode !== node &&
+        (1 !== node.children.length || node.children[0] !== skipToNode)
       )
         return (
-          error$jscomp$0(
-            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
-            typeof value
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if ("number" === typeof value && isNaN(value))
-        return (
-          error$jscomp$0(
-            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
-            name
-          ),
-          (warnedProperties[name] = !0)
-        );
-      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
-        if (
-          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
-          lowerCasedName !== name)
-        )
-          return (
-            error$jscomp$0(
-              "Invalid DOM property `%s`. Did you mean `%s`?",
-              name,
-              lowerCasedName
-            ),
-            (warnedProperties[name] = !0)
-          );
-      } else if (name !== lowerCasedName)
-        return (
-          error$jscomp$0(
-            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
-            name,
-            lowerCasedName
-          ),
-          (warnedProperties[name] = !0)
+          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
         );
-      switch (name) {
-        case "dangerouslySetInnerHTML":
-        case "children":
-        case "style":
-        case "suppressContentEditableWarning":
-        case "suppressHydrationWarning":
-        case "defaultValue":
-        case "defaultChecked":
-        case "innerHTML":
-        case "ref":
-          return !0;
-        case "innerText":
-        case "textContent":
-          return !0;
-      }
-      switch (typeof value) {
-        case "boolean":
-          switch (name) {
-            case "autoFocus":
-            case "checked":
-            case "multiple":
-            case "muted":
-            case "selected":
-            case "contentEditable":
-            case "spellCheck":
-            case "draggable":
-            case "value":
-            case "autoReverse":
-            case "externalResourcesRequired":
-            case "focusable":
-            case "preserveAlpha":
-            case "allowFullScreen":
-            case "async":
-            case "autoPlay":
-            case "controls":
-            case "default":
-            case "defer":
-            case "disabled":
-            case "disablePictureInPicture":
-            case "disableRemotePlayback":
-            case "formNoValidate":
-            case "hidden":
-            case "loop":
-            case "noModule":
-            case "noValidate":
-            case "open":
-            case "playsInline":
-            case "readOnly":
-            case "required":
-            case "reversed":
-            case "scoped":
-            case "seamless":
-            case "itemScope":
-            case "capture":
-            case "download":
-            case "inert":
-              return !0;
-            default:
-              lowerCasedName = name.toLowerCase().slice(0, 5);
-              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
-                return !0;
-              value
-                ? error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name
-                  )
-                : error$jscomp$0(
-                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
-                    value,
-                    name,
-                    name,
-                    value,
-                    name,
-                    name,
-                    name
-                  );
-              return (warnedProperties[name] = !0);
-          }
-        case "function":
-        case "symbol":
-          return (warnedProperties[name] = !0), !1;
-        case "string":
-          if ("false" === value || "true" === value) {
-            switch (name) {
-              case "checked":
-              case "selected":
-              case "multiple":
-              case "muted":
-              case "allowFullScreen":
-              case "async":
-              case "autoPlay":
-              case "controls":
-              case "default":
-              case "defer":
-              case "disabled":
-              case "disablePictureInPicture":
-              case "disableRemotePlayback":
-              case "formNoValidate":
-              case "hidden":
-              case "loop":
-              case "noModule":
-              case "noValidate":
-              case "open":
-              case "playsInline":
-              case "readOnly":
-              case "required":
-              case "reversed":
-              case "scoped":
-              case "seamless":
-              case "itemScope":
-              case "inert":
+      skipToNode = "";
+      var debugInfo = node.fiber._debugInfo;
+      if (debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var serverComponentName = debugInfo[i].name;
+          "string" === typeof serverComponentName &&
+            ((skipToNode +=
+              indentation(indent) + "<" + serverComponentName + ">\n"),
+            indent++);
+        }
+      debugInfo = "";
+      i = node.fiber.pendingProps;
+      if (6 === node.fiber.tag)
+        (debugInfo = describeTextDiff(i, node.serverProps, indent)), indent++;
+      else if (
+        ((serverComponentName = describeFiberType(node.fiber)),
+        null !== serverComponentName)
+      )
+        if (void 0 === node.serverProps) {
+          debugInfo = indent;
+          var maxLength = 120 - 2 * debugInfo - serverComponentName.length - 2,
+            content = "";
+          for (propName in i)
+            if (i.hasOwnProperty(propName) && "children" !== propName) {
+              var propValue = describePropValue(i[propName], 15);
+              maxLength -= propName.length + propValue.length + 2;
+              if (0 > maxLength) {
+                content += " ...";
                 break;
-              default:
-                return !0;
+              }
+              content += " " + propName + "=" + propValue;
             }
-            error$jscomp$0(
-              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
-              value,
-              name,
-              "false" === value
-                ? "The browser will interpret it as a truthy value."
-                : 'Although this works, it will not work as expected if you pass the string "false".',
-              name,
-              value
-            );
-            warnedProperties[name] = !0;
-          }
-      }
-      return !0;
-    }
-    function warnUnknownProperties(type, props, eventRegistry) {
-      var unknownProps = [],
-        key;
-      for (key in props)
-        validateProperty(type, key, props[key], eventRegistry) ||
-          unknownProps.push(key);
-      props = unknownProps
-        .map(function (prop) {
-          return "`" + prop + "`";
-        })
-        .join(", ");
-      1 === unknownProps.length
-        ? error$jscomp$0(
-            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          )
-        : 1 < unknownProps.length &&
-          error$jscomp$0(
-            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
-            props,
-            type
-          );
-    }
-    function sanitizeURL(url) {
-      return isJavaScriptProtocol.test("" + url)
-        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
-        : url;
-    }
-    function getEventTarget(nativeEvent) {
-      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
-      nativeEvent.correspondingUseElement &&
-        (nativeEvent = nativeEvent.correspondingUseElement);
-      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
-    }
-    function restoreStateOfTarget(target) {
-      var internalInstance = getInstanceFromNode(target);
-      if (internalInstance && (target = internalInstance.stateNode)) {
-        var props = target[internalPropsKey] || null;
-        a: switch (
-          ((target = internalInstance.stateNode), internalInstance.type)
-        ) {
-          case "input":
-            updateInput(
-              target,
-              props.value,
-              props.defaultValue,
-              props.defaultValue,
-              props.checked,
-              props.defaultChecked,
-              props.type,
-              props.name
-            );
-            internalInstance = props.name;
-            if ("radio" === props.type && null != internalInstance) {
-              for (props = target; props.parentNode; ) props = props.parentNode;
-              checkAttributeStringCoercion(internalInstance, "name");
-              props = props.querySelectorAll(
-                'input[name="' +
-                  escapeSelectorAttributeValueInsideDoubleQuotes(
-                    "" + internalInstance
-                  ) +
-                  '"][type="radio"]'
-              );
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
-              ) {
-                var otherNode = props[internalInstance];
-                if (otherNode !== target && otherNode.form === target.form) {
-                  var otherProps = otherNode[internalPropsKey] || null;
-                  if (!otherProps)
-                    throw Error(
-                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
-                    );
-                  updateInput(
-                    otherNode,
-                    otherProps.value,
-                    otherProps.defaultValue,
-                    otherProps.defaultValue,
-                    otherProps.checked,
-                    otherProps.defaultChecked,
-                    otherProps.type,
-                    otherProps.name
-                  );
-                }
-              }
-              for (
-                internalInstance = 0;
-                internalInstance < props.length;
-                internalInstance++
+          debugInfo =
+            indentation(debugInfo) +
+            "<" +
+            serverComponentName +
+            content +
+            ">\n";
+          indent++;
+        } else
+          null === node.serverProps
+            ? ((debugInfo = describeExpandedElement(
+                serverComponentName,
+                i,
+                added(indent)
+              )),
+              indent++)
+            : "string" === typeof node.serverProps
+            ? console.error(
+                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
               )
-                (otherNode = props[internalInstance]),
-                  otherNode.form === target.form &&
-                    updateValueIfChanged(otherNode);
-            }
-            break a;
-          case "textarea":
-            updateTextarea(target, props.value, props.defaultValue);
-            break a;
-          case "select":
-            (internalInstance = props.value),
-              null != internalInstance &&
-                updateOptions(target, !!props.multiple, internalInstance, !1);
-        }
-      }
+            : ((debugInfo = describeElementDiff(
+                serverComponentName,
+                i,
+                node.serverProps,
+                indent
+              )),
+              indent++);
+      var propName = "";
+      i = node.fiber.child;
+      for (
+        serverComponentName = 0;
+        i && serverComponentName < node.children.length;
+
+      )
+        (maxLength = node.children[serverComponentName]),
+          maxLength.fiber === i
+            ? ((propName += describeNode(maxLength, indent)),
+              serverComponentName++)
+            : (propName += describeSiblingFiber(i, indent)),
+          (i = i.sibling);
+      i &&
+        0 < node.children.length &&
+        (propName += indentation(indent) + "...\n");
+      i = node.serverTail;
+      null === node.serverProps && indent--;
+      for (node = 0; node < i.length; node++)
+        (serverComponentName = i[node]),
+          (propName =
+            "string" === typeof serverComponentName
+              ? propName +
+                (removed(indent) +
+                  describeTextNode(serverComponentName, 120 - 2 * indent) +
+                  "\n")
+              : propName +
+                describeExpandedElement(
+                  serverComponentName.type,
+                  serverComponentName.props,
+                  removed(indent)
+                ));
+      return skipToNode + debugInfo + propName;
     }
-    function batchedUpdates$2(fn, a, b) {
-      if (isInsideEventHandler) return fn(a, b);
-      isInsideEventHandler = !0;
+    function describeDiff(rootNode) {
       try {
-        var JSCompiler_inline_result = fn(a);
-        return JSCompiler_inline_result;
-      } finally {
-        if (
-          ((isInsideEventHandler = !1),
-          null !== restoreTarget || null !== restoreQueue)
-        )
-          if (
-            (flushSyncWork$1(),
-            restoreTarget &&
-              ((a = restoreTarget),
-              (fn = restoreQueue),
-              (restoreQueue = restoreTarget = null),
-              restoreStateOfTarget(a),
-              fn))
-          )
-            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
-      }
-    }
-    function getListener(inst, registrationName) {
-      var stateNode = inst.stateNode;
-      if (null === stateNode) return null;
-      var props = stateNode[internalPropsKey] || null;
-      if (null === props) return null;
-      stateNode = props[registrationName];
-      a: switch (registrationName) {
-        case "onClick":
-        case "onClickCapture":
-        case "onDoubleClick":
-        case "onDoubleClickCapture":
-        case "onMouseDown":
-        case "onMouseDownCapture":
-        case "onMouseMove":
-        case "onMouseMoveCapture":
-        case "onMouseUp":
-        case "onMouseUpCapture":
-        case "onMouseEnter":
-          (props = !props.disabled) ||
-            ((inst = inst.type),
-            (props = !(
-              "button" === inst ||
-              "input" === inst ||
-              "select" === inst ||
-              "textarea" === inst
-            )));
-          inst = !props;
-          break a;
-        default:
-          inst = !1;
+        return "\n\n" + describeNode(rootNode, 0);
+      } catch (x) {
+        return "";
       }
-      if (inst) return null;
-      if (stateNode && "function" !== typeof stateNode)
-        throw Error(
-          "Expected `" +
-            registrationName +
-            "` listener to be a function, instead got a value of `" +
-            typeof stateNode +
-            "` type."
-        );
-      return stateNode;
-    }
-    function getData() {
-      if (fallbackText) return fallbackText;
-      var start,
-        startValue = startText,
-        startLength = startValue.length,
-        end,
-        endValue = "value" in root ? root.value : root.textContent,
-        endLength = endValue.length;
-      for (
-        start = 0;
-        start < startLength && startValue[start] === endValue[start];
-        start++
-      );
-      var minEnd = startLength - start;
-      for (
-        end = 1;
-        end <= minEnd &&
-        startValue[startLength - end] === endValue[endLength - end];
-        end++
-      );
-      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function getEventCharCode(nativeEvent) {
-      var keyCode = nativeEvent.keyCode;
-      "charCode" in nativeEvent
-        ? ((nativeEvent = nativeEvent.charCode),
-          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
-        : (nativeEvent = keyCode);
-      10 === nativeEvent && (nativeEvent = 13);
-      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
-    }
-    function functionThatReturnsTrue() {
-      return !0;
+    function describeAncestors(ancestor, child, props) {
+      for (var fiber = child, node = null, distanceFromLeaf = 0; fiber; )
+        fiber === ancestor && (distanceFromLeaf = 0),
+          (node = {
+            fiber: fiber,
+            children: null !== node ? [node] : [],
+            serverProps:
+              fiber === child ? props : fiber === ancestor ? null : void 0,
+            serverTail: [],
+            distanceFromLeaf: distanceFromLeaf
+          }),
+          distanceFromLeaf++,
+          (fiber = fiber.return);
+      return null !== node ? describeDiff(node).replaceAll(/^[+-]/gm, ">") : "";
     }
-    function functionThatReturnsFalse() {
-      return !1;
-    }
-    function createSyntheticEvent(Interface) {
-      function SyntheticBaseEvent(
-        reactName,
-        reactEventType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      ) {
-        this._reactName = reactName;
-        this._targetInst = targetInst;
-        this.type = reactEventType;
-        this.nativeEvent = nativeEvent;
-        this.target = nativeEventTarget;
-        this.currentTarget = null;
-        for (var propName in Interface)
-          Interface.hasOwnProperty(propName) &&
-            ((reactName = Interface[propName]),
-            (this[propName] = reactName
-              ? reactName(nativeEvent)
-              : nativeEvent[propName]));
-        this.isDefaultPrevented = (
-          null != nativeEvent.defaultPrevented
-            ? nativeEvent.defaultPrevented
-            : !1 === nativeEvent.returnValue
-        )
-          ? functionThatReturnsTrue
-          : functionThatReturnsFalse;
-        this.isPropagationStopped = functionThatReturnsFalse;
-        return this;
-      }
-      assign(SyntheticBaseEvent.prototype, {
-        preventDefault: function () {
-          this.defaultPrevented = !0;
-          var event = this.nativeEvent;
-          event &&
-            (event.preventDefault
-              ? event.preventDefault()
-              : "unknown" !== typeof event.returnValue &&
-                (event.returnValue = !1),
-            (this.isDefaultPrevented = functionThatReturnsTrue));
-        },
-        stopPropagation: function () {
-          var event = this.nativeEvent;
-          event &&
-            (event.stopPropagation
-              ? event.stopPropagation()
-              : "unknown" !== typeof event.cancelBubble &&
-                (event.cancelBubble = !0),
-            (this.isPropagationStopped = functionThatReturnsTrue));
-        },
-        persist: function () {},
-        isPersistent: functionThatReturnsTrue
-      });
-      return SyntheticBaseEvent;
-    }
-    function modifierStateGetter(keyArg) {
-      var nativeEvent = this.nativeEvent;
-      return nativeEvent.getModifierState
-        ? nativeEvent.getModifierState(keyArg)
-        : (keyArg = modifierKeyToProp[keyArg])
-        ? !!nativeEvent[keyArg]
-        : !1;
-    }
-    function getEventModifierState() {
-      return modifierStateGetter;
+    function updatedAncestorInfoDev(oldInfo, tag) {
+      oldInfo = assign({}, oldInfo || emptyAncestorInfoDev);
+      var info = { tag: tag };
+      -1 !== inScopeTags.indexOf(tag) &&
+        ((oldInfo.aTagInScope = null),
+        (oldInfo.buttonTagInScope = null),
+        (oldInfo.nobrTagInScope = null));
+      -1 !== buttonScopeTags.indexOf(tag) && (oldInfo.pTagInButtonScope = null);
+      -1 !== specialTags.indexOf(tag) &&
+        "address" !== tag &&
+        "div" !== tag &&
+        "p" !== tag &&
+        ((oldInfo.listItemTagAutoclosing = null),
+        (oldInfo.dlItemTagAutoclosing = null));
+      oldInfo.current = info;
+      "form" === tag && (oldInfo.formTag = info);
+      "a" === tag && (oldInfo.aTagInScope = info);
+      "button" === tag && (oldInfo.buttonTagInScope = info);
+      "nobr" === tag && (oldInfo.nobrTagInScope = info);
+      "p" === tag && (oldInfo.pTagInButtonScope = info);
+      "li" === tag && (oldInfo.listItemTagAutoclosing = info);
+      if ("dd" === tag || "dt" === tag) oldInfo.dlItemTagAutoclosing = info;
+      "#document" === tag || "html" === tag
+        ? (oldInfo.containerTagInScope = null)
+        : oldInfo.containerTagInScope || (oldInfo.containerTagInScope = info);
+      return oldInfo;
     }
-    function isFallbackCompositionEnd(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "keyup":
-          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
-        case "keydown":
-          return nativeEvent.keyCode !== START_KEYCODE;
-        case "keypress":
-        case "mousedown":
-        case "focusout":
-          return !0;
-        default:
-          return !1;
+    function isTagValidWithParent(tag, parentTag) {
+      switch (parentTag) {
+        case "select":
+          return (
+            "hr" === tag ||
+            "option" === tag ||
+            "optgroup" === tag ||
+            "#text" === tag
+          );
+        case "optgroup":
+          return "option" === tag || "#text" === tag;
+        case "option":
+          return "#text" === tag;
+        case "tr":
+          return (
+            "th" === tag ||
+            "td" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "tbody":
+        case "thead":
+        case "tfoot":
+          return (
+            "tr" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "colgroup":
+          return "col" === tag || "template" === tag;
+        case "table":
+          return (
+            "caption" === tag ||
+            "colgroup" === tag ||
+            "tbody" === tag ||
+            "tfoot" === tag ||
+            "thead" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "head":
+          return (
+            "base" === tag ||
+            "basefont" === tag ||
+            "bgsound" === tag ||
+            "link" === tag ||
+            "meta" === tag ||
+            "title" === tag ||
+            "noscript" === tag ||
+            "noframes" === tag ||
+            "style" === tag ||
+            "script" === tag ||
+            "template" === tag
+          );
+        case "html":
+          return "head" === tag || "body" === tag || "frameset" === tag;
+        case "frameset":
+          return "frame" === tag;
+        case "#document":
+          return "html" === tag;
       }
-    }
-    function getDataFromCustomEvent(nativeEvent) {
-      nativeEvent = nativeEvent.detail;
-      return "object" === typeof nativeEvent && "data" in nativeEvent
-        ? nativeEvent.data
-        : null;
-    }
-    function getNativeBeforeInputChars(domEventName, nativeEvent) {
-      switch (domEventName) {
-        case "compositionend":
-          return getDataFromCustomEvent(nativeEvent);
-        case "keypress":
-          if (nativeEvent.which !== SPACEBAR_CODE) return null;
-          hasSpaceKeypress = !0;
-          return SPACEBAR_CHAR;
-        case "textInput":
+      switch (tag) {
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
           return (
-            (domEventName = nativeEvent.data),
-            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
-              ? null
-              : domEventName
+            "h1" !== parentTag &&
+            "h2" !== parentTag &&
+            "h3" !== parentTag &&
+            "h4" !== parentTag &&
+            "h5" !== parentTag &&
+            "h6" !== parentTag
           );
-        default:
-          return null;
+        case "rp":
+        case "rt":
+          return -1 === impliedEndTags.indexOf(parentTag);
+        case "body":
+        case "caption":
+        case "col":
+        case "colgroup":
+        case "frameset":
+        case "frame":
+        case "head":
+        case "html":
+        case "tbody":
+        case "td":
+        case "tfoot":
+        case "th":
+        case "thead":
+        case "tr":
+          return null == parentTag;
       }
+      return !0;
     }
-    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
-      if (isComposing)
-        return "compositionend" === domEventName ||
-          (!canUseCompositionEvent &&
-            isFallbackCompositionEnd(domEventName, nativeEvent))
-          ? ((domEventName = getData()),
-            (fallbackText = startText = root = null),
-            (isComposing = !1),
-            domEventName)
-          : null;
-      switch (domEventName) {
-        case "paste":
-          return null;
-        case "keypress":
-          if (
-            !(
-              nativeEvent.ctrlKey ||
-              nativeEvent.altKey ||
-              nativeEvent.metaKey
-            ) ||
-            (nativeEvent.ctrlKey && nativeEvent.altKey)
-          ) {
-            if (nativeEvent.char && 1 < nativeEvent.char.length)
-              return nativeEvent.char;
-            if (nativeEvent.which)
-              return String.fromCharCode(nativeEvent.which);
-          }
-          return null;
-        case "compositionend":
-          return useFallbackCompositionData && "ko" !== nativeEvent.locale
-            ? null
-            : nativeEvent.data;
-        default:
-          return null;
+    function findInvalidAncestorForTag(tag, ancestorInfo) {
+      switch (tag) {
+        case "address":
+        case "article":
+        case "aside":
+        case "blockquote":
+        case "center":
+        case "details":
+        case "dialog":
+        case "dir":
+        case "div":
+        case "dl":
+        case "fieldset":
+        case "figcaption":
+        case "figure":
+        case "footer":
+        case "header":
+        case "hgroup":
+        case "main":
+        case "menu":
+        case "nav":
+        case "ol":
+        case "p":
+        case "section":
+        case "summary":
+        case "ul":
+        case "pre":
+        case "listing":
+        case "table":
+        case "hr":
+        case "xmp":
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return ancestorInfo.pTagInButtonScope;
+        case "form":
+          return ancestorInfo.formTag || ancestorInfo.pTagInButtonScope;
+        case "li":
+          return ancestorInfo.listItemTagAutoclosing;
+        case "dd":
+        case "dt":
+          return ancestorInfo.dlItemTagAutoclosing;
+        case "button":
+          return ancestorInfo.buttonTagInScope;
+        case "a":
+          return ancestorInfo.aTagInScope;
+        case "nobr":
+          return ancestorInfo.nobrTagInScope;
       }
+      return null;
     }
-    function isTextInputElement(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return "input" === nodeName
-        ? !!supportedInputTypes[elem.type]
-        : "textarea" === nodeName
-        ? !0
-        : !1;
-    }
-    function isEventSupported(eventNameSuffix) {
-      if (!canUseDOM) return !1;
-      eventNameSuffix = "on" + eventNameSuffix;
-      var isSupported = eventNameSuffix in document;
-      isSupported ||
-        ((isSupported = document.createElement("div")),
-        isSupported.setAttribute(eventNameSuffix, "return;"),
-        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
-      return isSupported;
-    }
-    function createAndAccumulateChangeEvent(
-      dispatchQueue,
-      inst,
-      nativeEvent,
-      target
-    ) {
-      restoreTarget
-        ? restoreQueue
-          ? restoreQueue.push(target)
-          : (restoreQueue = [target])
-        : (restoreTarget = target);
-      inst = accumulateTwoPhaseListeners(inst, "onChange");
-      0 < inst.length &&
-        ((nativeEvent = new SyntheticEvent(
-          "onChange",
-          "change",
-          null,
-          nativeEvent,
-          target
-        )),
-        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
-    }
-    function runEventInBatch(dispatchQueue) {
-      processDispatchQueue(dispatchQueue, 0);
-    }
-    function getInstIfValueChanged(targetInst) {
-      var targetNode = getNodeFromInstance(targetInst);
-      if (updateValueIfChanged(targetNode)) return targetInst;
-    }
-    function getTargetInstForChangeEvent(domEventName, targetInst) {
-      if ("change" === domEventName) return targetInst;
-    }
-    function stopWatchingForValueChange() {
-      activeElement$1 &&
-        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
-        (activeElementInst$1 = activeElement$1 = null));
-    }
-    function handlePropertyChange(nativeEvent) {
-      if (
-        "value" === nativeEvent.propertyName &&
-        getInstIfValueChanged(activeElementInst$1)
-      ) {
-        var dispatchQueue = [];
-        createAndAccumulateChangeEvent(
-          dispatchQueue,
-          activeElementInst$1,
-          nativeEvent,
-          getEventTarget(nativeEvent)
-        );
-        batchedUpdates$2(runEventInBatch, dispatchQueue);
+    function findAncestor(parent, tagName) {
+      for (; parent; ) {
+        switch (parent.tag) {
+          case 5:
+          case 26:
+          case 27:
+            if (parent.type === tagName) return parent;
+        }
+        parent = parent.return;
       }
+      return null;
     }
-    function handleEventsForInputEventPolyfill(
-      domEventName,
-      target,
-      targetInst
-    ) {
-      "focusin" === domEventName
-        ? (stopWatchingForValueChange(),
-          (activeElement$1 = target),
-          (activeElementInst$1 = targetInst),
-          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
-        : "focusout" === domEventName && stopWatchingForValueChange();
-    }
-    function getTargetInstForInputEventPolyfill(domEventName) {
-      if (
-        "selectionchange" === domEventName ||
-        "keyup" === domEventName ||
-        "keydown" === domEventName
+    function validateDOMNesting(childTag, ancestorInfo) {
+      ancestorInfo = ancestorInfo || emptyAncestorInfoDev;
+      var parentInfo = ancestorInfo.current;
+      ancestorInfo = (parentInfo = isTagValidWithParent(
+        childTag,
+        parentInfo && parentInfo.tag
       )
-        return getInstIfValueChanged(activeElementInst$1);
-    }
-    function getTargetInstForClickEvent(domEventName, targetInst) {
-      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
-    }
-    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
-      if ("input" === domEventName || "change" === domEventName)
-        return getInstIfValueChanged(targetInst);
+        ? null
+        : parentInfo)
+        ? null
+        : findInvalidAncestorForTag(childTag, ancestorInfo);
+      ancestorInfo = parentInfo || ancestorInfo;
+      if (!ancestorInfo) return !0;
+      ancestorInfo = ancestorInfo.tag;
+      var warnKey = String(!!parentInfo) + "|" + childTag + "|" + ancestorInfo;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey.return, ancestorInfo)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(ancestor, warnKey, null)
+          : "";
+      ancestor = "<" + childTag + ">";
+      parentInfo
+        ? ((parentInfo = ""),
+          "table" === ancestorInfo &&
+            "tr" === childTag &&
+            (parentInfo +=
+              " Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser."),
+          console.error(
+            "In HTML, %s cannot be a child of <%s>.%s\nThis will cause a hydration error.%s",
+            ancestor,
+            ancestorInfo,
+            parentInfo,
+            warnKey
+          ))
+        : console.error(
+            "In HTML, %s cannot be a descendant of <%s>.\nThis will cause a hydration error.%s",
+            ancestor,
+            ancestorInfo,
+            warnKey
+          );
+      return !1;
     }
-    function is(x, y) {
-      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
+    function validateTextNesting(childText, parentTag) {
+      if (isTagValidWithParent("#text", parentTag)) return !0;
+      var warnKey = "#text|" + parentTag;
+      if (didWarn[warnKey]) return !1;
+      didWarn[warnKey] = !0;
+      var ancestor = (warnKey = current)
+        ? findAncestor(warnKey, parentTag)
+        : null;
+      warnKey =
+        null !== warnKey && null !== ancestor
+          ? describeAncestors(
+              ancestor,
+              warnKey,
+              6 !== warnKey.tag ? { children: null } : null
+            )
+          : "";
+      /\S/.test(childText)
+        ? console.error(
+            "In HTML, text nodes cannot be a child of <%s>.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          )
+        : console.error(
+            "In HTML, whitespace text nodes cannot be a child of <%s>. Make sure you don't have any extra whitespace between tags on each line of your source code.\nThis will cause a hydration error.%s",
+            parentTag,
+            warnKey
+          );
+      return !1;
     }
-    function shallowEqual(objA, objB) {
-      if (objectIs(objA, objB)) return !0;
-      if (
-        "object" !== typeof objA ||
-        null === objA ||
-        "object" !== typeof objB ||
-        null === objB
-      )
-        return !1;
-      var keysA = Object.keys(objA),
-        keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) return !1;
-      for (keysB = 0; keysB < keysA.length; keysB++) {
-        var currentKey = keysA[keysB];
+    function setTextContent(node, text) {
+      if (text) {
+        var firstChild = node.firstChild;
         if (
-          !hasOwnProperty.call(objB, currentKey) ||
-          !objectIs(objA[currentKey], objB[currentKey])
-        )
-          return !1;
+          firstChild &&
+          firstChild === node.lastChild &&
+          3 === firstChild.nodeType
+        ) {
+          firstChild.nodeValue = text;
+          return;
+        }
       }
-      return !0;
+      node.textContent = text;
     }
-    function getLeafNode(node) {
-      for (; node && node.firstChild; ) node = node.firstChild;
-      return node;
+    function camelize(string) {
+      return string.replace(hyphenPattern, function (_, character) {
+        return character.toUpperCase();
+      });
     }
-    function getNodeForCharacterOffset(root, offset) {
-      var node = getLeafNode(root);
-      root = 0;
-      for (var nodeEnd; node; ) {
-        if (3 === node.nodeType) {
-          nodeEnd = root + node.textContent.length;
-          if (root <= offset && nodeEnd >= offset)
-            return { node: node, offset: offset - root };
-          root = nodeEnd;
-        }
-        a: {
-          for (; node; ) {
-            if (node.nextSibling) {
-              node = node.nextSibling;
-              break a;
-            }
-            node = node.parentNode;
-          }
-          node = void 0;
+    function setValueForStyle(style, styleName, value) {
+      var isCustomProperty = 0 === styleName.indexOf("--");
+      isCustomProperty ||
+        (-1 < styleName.indexOf("-")
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported style property %s. Did you mean %s?",
+              styleName,
+              camelize(styleName.replace(msPattern, "ms-"))
+            ))
+          : badVendoredStyleNamePattern.test(styleName)
+          ? (warnedStyleNames.hasOwnProperty(styleName) &&
+              warnedStyleNames[styleName]) ||
+            ((warnedStyleNames[styleName] = !0),
+            console.error(
+              "Unsupported vendor-prefixed style property %s. Did you mean %s?",
+              styleName,
+              styleName.charAt(0).toUpperCase() + styleName.slice(1)
+            ))
+          : !badStyleValueWithSemicolonPattern.test(value) ||
+            (warnedStyleValues.hasOwnProperty(value) &&
+              warnedStyleValues[value]) ||
+            ((warnedStyleValues[value] = !0),
+            console.error(
+              'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
+              styleName,
+              value.replace(badStyleValueWithSemicolonPattern, "")
+            )),
+        "number" === typeof value &&
+          (isNaN(value)
+            ? warnedForNaNValue ||
+              ((warnedForNaNValue = !0),
+              console.error(
+                "`NaN` is an invalid value for the `%s` css style property.",
+                styleName
+              ))
+            : isFinite(value) ||
+              warnedForInfinityValue ||
+              ((warnedForInfinityValue = !0),
+              console.error(
+                "`Infinity` is an invalid value for the `%s` css style property.",
+                styleName
+              ))));
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? style.setProperty(styleName, "")
+          : "float" === styleName
+          ? (style.cssFloat = "")
+          : (style[styleName] = "")
+        : isCustomProperty
+        ? style.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          unitlessNumbers.has(styleName)
+        ? "float" === styleName
+          ? (style.cssFloat = value)
+          : (checkCSSPropertyStringCoercion(value, styleName),
+            (style[styleName] = ("" + value).trim()))
+        : (style[styleName] = value + "px");
+    }
+    function setValueForStyles(node, styles, prevStyles) {
+      if (null != styles && "object" !== typeof styles)
+        throw Error(
+          "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
+        );
+      styles && Object.freeze(styles);
+      node = node.style;
+      if (null != prevStyles) {
+        if (styles) {
+          var expandedUpdates = {};
+          if (prevStyles)
+            for (var key in prevStyles)
+              if (prevStyles.hasOwnProperty(key) && !styles.hasOwnProperty(key))
+                for (
+                  var longhands = shorthandToLonghand[key] || [key], i = 0;
+                  i < longhands.length;
+                  i++
+                )
+                  expandedUpdates[longhands[i]] = key;
+          for (var _key in styles)
+            if (
+              styles.hasOwnProperty(_key) &&
+              (!prevStyles || prevStyles[_key] !== styles[_key])
+            )
+              for (
+                key = shorthandToLonghand[_key] || [_key], longhands = 0;
+                longhands < key.length;
+                longhands++
+              )
+                expandedUpdates[key[longhands]] = _key;
+          _key = {};
+          for (var key$jscomp$0 in styles)
+            for (
+              key = shorthandToLonghand[key$jscomp$0] || [key$jscomp$0],
+                longhands = 0;
+              longhands < key.length;
+              longhands++
+            )
+              _key[key[longhands]] = key$jscomp$0;
+          key$jscomp$0 = {};
+          for (var _key2 in expandedUpdates)
+            if (
+              ((key = expandedUpdates[_key2]),
+              (longhands = _key[_key2]) &&
+                key !== longhands &&
+                ((i = key + "," + longhands), !key$jscomp$0[i]))
+            ) {
+              key$jscomp$0[i] = !0;
+              i = console;
+              var value = styles[key];
+              i.error.call(
+                i,
+                "%s a style property during rerender (%s) when a conflicting property is set (%s) can lead to styling bugs. To avoid this, don't mix shorthand and non-shorthand properties for the same value; instead, replace the shorthand with separate values.",
+                null == value || "boolean" === typeof value || "" === value
+                  ? "Removing"
+                  : "Updating",
+                key,
+                longhands
+              );
+            }
         }
-        node = getLeafNode(node);
+        for (var styleName in prevStyles)
+          !prevStyles.hasOwnProperty(styleName) ||
+            (null != styles && styles.hasOwnProperty(styleName)) ||
+            (0 === styleName.indexOf("--")
+              ? node.setProperty(styleName, "")
+              : "float" === styleName
+              ? (node.cssFloat = "")
+              : (node[styleName] = ""));
+        for (var _styleName in styles)
+          (_key2 = styles[_styleName]),
+            styles.hasOwnProperty(_styleName) &&
+              prevStyles[_styleName] !== _key2 &&
+              setValueForStyle(node, _styleName, _key2);
+      } else
+        for (expandedUpdates in styles)
+          styles.hasOwnProperty(expandedUpdates) &&
+            setValueForStyle(node, expandedUpdates, styles[expandedUpdates]);
+    }
+    function isCustomElement(tagName) {
+      if (-1 === tagName.indexOf("-")) return !1;
+      switch (tagName) {
+        case "annotation-xml":
+        case "color-profile":
+        case "font-face":
+        case "font-face-src":
+        case "font-face-uri":
+        case "font-face-format":
+        case "font-face-name":
+        case "missing-glyph":
+          return !1;
+        default:
+          return !0;
       }
     }
-    function containsNode(outerNode, innerNode) {
-      return outerNode && innerNode
-        ? outerNode === innerNode
-          ? !0
-          : outerNode && 3 === outerNode.nodeType
-          ? !1
-          : innerNode && 3 === innerNode.nodeType
-          ? containsNode(outerNode, innerNode.parentNode)
-          : "contains" in outerNode
-          ? outerNode.contains(innerNode)
-          : outerNode.compareDocumentPosition
-          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
-          : !1
-        : !1;
+    function getAttributeAlias(name) {
+      return aliases.get(name) || name;
     }
-    function getActiveElementDeep() {
-      for (
-        var win = window, element = getActiveElement();
-        element instanceof win.HTMLIFrameElement;
-
-      ) {
-        try {
-          var JSCompiler_inline_result =
-            "string" === typeof element.contentWindow.location.href;
-        } catch (err) {
-          JSCompiler_inline_result = !1;
-        }
-        if (JSCompiler_inline_result) win = element.contentWindow;
-        else break;
-        element = getActiveElement(win.document);
+    function validateProperty$1(tagName, name) {
+      if (
+        hasOwnProperty.call(warnedProperties$1, name) &&
+        warnedProperties$1[name]
+      )
+        return !0;
+      if (rARIACamel$1.test(name)) {
+        tagName = "aria-" + name.slice(4).toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
+              name
+            ),
+            (warnedProperties$1[name] = !0)
+          );
+        if (name !== tagName)
+          return (
+            console.error(
+              "Invalid ARIA attribute `%s`. Did you mean `%s`?",
+              name,
+              tagName
+            ),
+            (warnedProperties$1[name] = !0)
+          );
       }
-      return element;
+      if (rARIA$1.test(name)) {
+        tagName = name.toLowerCase();
+        tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
+        if (null == tagName) return (warnedProperties$1[name] = !0), !1;
+        name !== tagName &&
+          (console.error(
+            "Unknown ARIA attribute `%s`. Did you mean `%s`?",
+            name,
+            tagName
+          ),
+          (warnedProperties$1[name] = !0));
+      }
+      return !0;
     }
-    function hasSelectionCapabilities(elem) {
-      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
-      return (
-        nodeName &&
-        (("input" === nodeName &&
-          ("text" === elem.type ||
-            "search" === elem.type ||
-            "tel" === elem.type ||
-            "url" === elem.type ||
-            "password" === elem.type)) ||
-          "textarea" === nodeName ||
-          "true" === elem.contentEditable)
-      );
+    function validateProperties$2(type, props) {
+      var invalidProps = [],
+        key;
+      for (key in props)
+        validateProperty$1(type, key) || invalidProps.push(key);
+      props = invalidProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === invalidProps.length
+        ? console.error(
+            "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          )
+        : 1 < invalidProps.length &&
+          console.error(
+            "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
+            props,
+            type
+          );
     }
-    function restoreSelection(priorSelectionInformation) {
-      var curFocusedElem = getActiveElementDeep(),
-        priorFocusedElem = priorSelectionInformation.focusedElem,
-        priorSelectionRange = priorSelectionInformation.selectionRange;
-      if (
-        curFocusedElem !== priorFocusedElem &&
-        priorFocusedElem &&
-        priorFocusedElem.ownerDocument &&
-        containsNode(
-          priorFocusedElem.ownerDocument.documentElement,
-          priorFocusedElem
-        )
-      ) {
+    function validateProperty(tagName, name, value, eventRegistry) {
+      if (hasOwnProperty.call(warnedProperties, name) && warnedProperties[name])
+        return !0;
+      var lowerCasedName = name.toLowerCase();
+      if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
+        return (
+          console.error(
+            "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (
+        "function" === typeof value &&
+        (("form" === tagName && "action" === name) ||
+          ("input" === tagName && "formAction" === name) ||
+          ("button" === tagName && "formAction" === name))
+      )
+        return !0;
+      if (null != eventRegistry) {
+        tagName = eventRegistry.possibleRegistrationNames;
+        if (eventRegistry.registrationNameDependencies.hasOwnProperty(name))
+          return !0;
+        eventRegistry = tagName.hasOwnProperty(lowerCasedName)
+          ? tagName[lowerCasedName]
+          : null;
+        if (null != eventRegistry)
+          return (
+            console.error(
+              "Invalid event handler property `%s`. Did you mean `%s`?",
+              name,
+              eventRegistry
+            ),
+            (warnedProperties[name] = !0)
+          );
+        if (EVENT_NAME_REGEX.test(name))
+          return (
+            console.error(
+              "Unknown event handler property `%s`. It will be ignored.",
+              name
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (EVENT_NAME_REGEX.test(name))
+        return (
+          INVALID_EVENT_NAME_REGEX.test(name) &&
+            console.error(
+              "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
+              name
+            ),
+          (warnedProperties[name] = !0)
+        );
+      if (rARIA.test(name) || rARIACamel.test(name)) return !0;
+      if ("innerhtml" === lowerCasedName)
+        return (
+          console.error(
+            "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("aria" === lowerCasedName)
+        return (
+          console.error(
+            "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (
+        "is" === lowerCasedName &&
+        null !== value &&
+        void 0 !== value &&
+        "string" !== typeof value
+      )
+        return (
+          console.error(
+            "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
+            typeof value
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if ("number" === typeof value && isNaN(value))
+        return (
+          console.error(
+            "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
+            name
+          ),
+          (warnedProperties[name] = !0)
+        );
+      if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
         if (
-          null !== priorSelectionRange &&
-          hasSelectionCapabilities(priorFocusedElem)
+          ((lowerCasedName = possibleStandardNames[lowerCasedName]),
+          lowerCasedName !== name)
         )
-          if (
-            ((curFocusedElem = priorSelectionRange.start),
-            (priorSelectionInformation = priorSelectionRange.end),
-            void 0 === priorSelectionInformation &&
-              (priorSelectionInformation = curFocusedElem),
-            "selectionStart" in priorFocusedElem)
-          )
-            (priorFocusedElem.selectionStart = curFocusedElem),
-              (priorFocusedElem.selectionEnd = Math.min(
-                priorSelectionInformation,
-                priorFocusedElem.value.length
-              ));
-          else if (
-            ((priorSelectionInformation =
-              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
-                curFocusedElem.defaultView) ||
-              window),
-            priorSelectionInformation.getSelection)
-          ) {
-            priorSelectionInformation =
-              priorSelectionInformation.getSelection();
-            var length = priorFocusedElem.textContent.length,
-              start = Math.min(priorSelectionRange.start, length);
-            priorSelectionRange =
-              void 0 === priorSelectionRange.end
-                ? start
-                : Math.min(priorSelectionRange.end, length);
-            !priorSelectionInformation.extend &&
-              start > priorSelectionRange &&
-              ((length = priorSelectionRange),
-              (priorSelectionRange = start),
-              (start = length));
-            length = getNodeForCharacterOffset(priorFocusedElem, start);
-            var endMarker = getNodeForCharacterOffset(
-              priorFocusedElem,
-              priorSelectionRange
+          return (
+            console.error(
+              "Invalid DOM property `%s`. Did you mean `%s`?",
+              name,
+              lowerCasedName
+            ),
+            (warnedProperties[name] = !0)
+          );
+      } else if (name !== lowerCasedName)
+        return (
+          console.error(
+            "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
+            name,
+            lowerCasedName
+          ),
+          (warnedProperties[name] = !0)
+        );
+      switch (name) {
+        case "dangerouslySetInnerHTML":
+        case "children":
+        case "style":
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+        case "ref":
+          return !0;
+        case "innerText":
+        case "textContent":
+          return !0;
+      }
+      switch (typeof value) {
+        case "boolean":
+          switch (name) {
+            case "autoFocus":
+            case "checked":
+            case "multiple":
+            case "muted":
+            case "selected":
+            case "contentEditable":
+            case "spellCheck":
+            case "draggable":
+            case "value":
+            case "autoReverse":
+            case "externalResourcesRequired":
+            case "focusable":
+            case "preserveAlpha":
+            case "allowFullScreen":
+            case "async":
+            case "autoPlay":
+            case "controls":
+            case "default":
+            case "defer":
+            case "disabled":
+            case "disablePictureInPicture":
+            case "disableRemotePlayback":
+            case "formNoValidate":
+            case "hidden":
+            case "loop":
+            case "noModule":
+            case "noValidate":
+            case "open":
+            case "playsInline":
+            case "readOnly":
+            case "required":
+            case "reversed":
+            case "scoped":
+            case "seamless":
+            case "itemScope":
+            case "capture":
+            case "download":
+            case "inert":
+              return !0;
+            default:
+              lowerCasedName = name.toLowerCase().slice(0, 5);
+              if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
+                return !0;
+              value
+                ? console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name
+                  )
+                : console.error(
+                    'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
+                    value,
+                    name,
+                    name,
+                    value,
+                    name,
+                    name,
+                    name
+                  );
+              return (warnedProperties[name] = !0);
+          }
+        case "function":
+        case "symbol":
+          return (warnedProperties[name] = !0), !1;
+        case "string":
+          if ("false" === value || "true" === value) {
+            switch (name) {
+              case "checked":
+              case "selected":
+              case "multiple":
+              case "muted":
+              case "allowFullScreen":
+              case "async":
+              case "autoPlay":
+              case "controls":
+              case "default":
+              case "defer":
+              case "disabled":
+              case "disablePictureInPicture":
+              case "disableRemotePlayback":
+              case "formNoValidate":
+              case "hidden":
+              case "loop":
+              case "noModule":
+              case "noValidate":
+              case "open":
+              case "playsInline":
+              case "readOnly":
+              case "required":
+              case "reversed":
+              case "scoped":
+              case "seamless":
+              case "itemScope":
+              case "inert":
+                break;
+              default:
+                return !0;
+            }
+            console.error(
+              "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
+              value,
+              name,
+              "false" === value
+                ? "The browser will interpret it as a truthy value."
+                : 'Although this works, it will not work as expected if you pass the string "false".',
+              name,
+              value
             );
-            length &&
-              endMarker &&
-              (1 !== priorSelectionInformation.rangeCount ||
-                priorSelectionInformation.anchorNode !== length.node ||
-                priorSelectionInformation.anchorOffset !== length.offset ||
-                priorSelectionInformation.focusNode !== endMarker.node ||
-                priorSelectionInformation.focusOffset !== endMarker.offset) &&
-              ((curFocusedElem = curFocusedElem.createRange()),
-              curFocusedElem.setStart(length.node, length.offset),
-              priorSelectionInformation.removeAllRanges(),
-              start > priorSelectionRange
-                ? (priorSelectionInformation.addRange(curFocusedElem),
-                  priorSelectionInformation.extend(
-                    endMarker.node,
-                    endMarker.offset
-                  ))
-                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
-                  priorSelectionInformation.addRange(curFocusedElem)));
+            warnedProperties[name] = !0;
           }
-        curFocusedElem = [];
-        for (
-          priorSelectionInformation = priorFocusedElem;
-          (priorSelectionInformation = priorSelectionInformation.parentNode);
-
-        )
-          1 === priorSelectionInformation.nodeType &&
-            curFocusedElem.push({
-              element: priorSelectionInformation,
-              left: priorSelectionInformation.scrollLeft,
-              top: priorSelectionInformation.scrollTop
-            });
-        "function" === typeof priorFocusedElem.focus &&
-          priorFocusedElem.focus();
-        for (
-          priorFocusedElem = 0;
-          priorFocusedElem < curFocusedElem.length;
-          priorFocusedElem++
-        )
-          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
-            (priorSelectionInformation.element.scrollLeft =
-              priorSelectionInformation.left),
-            (priorSelectionInformation.element.scrollTop =
-              priorSelectionInformation.top);
       }
+      return !0;
     }
-    function constructSelectEvent(
-      dispatchQueue,
-      nativeEvent,
-      nativeEventTarget
-    ) {
-      var doc =
-        nativeEventTarget.window === nativeEventTarget
-          ? nativeEventTarget.document
-          : 9 === nativeEventTarget.nodeType
-          ? nativeEventTarget
-          : nativeEventTarget.ownerDocument;
-      mouseDown ||
-        null == activeElement ||
-        activeElement !== getActiveElement(doc) ||
-        ((doc = activeElement),
-        "selectionStart" in doc && hasSelectionCapabilities(doc)
-          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
-          : ((doc = (
-              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
-              window
-            ).getSelection()),
-            (doc = {
-              anchorNode: doc.anchorNode,
-              anchorOffset: doc.anchorOffset,
-              focusNode: doc.focusNode,
-              focusOffset: doc.focusOffset
-            })),
-        (lastSelection && shallowEqual(lastSelection, doc)) ||
-          ((lastSelection = doc),
-          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
-          0 < doc.length &&
-            ((nativeEvent = new SyntheticEvent(
-              "onSelect",
-              "select",
-              null,
-              nativeEvent,
-              nativeEventTarget
-            )),
-            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
-            (nativeEvent.target = activeElement))));
-    }
-    function makePrefixMap(styleProp, eventName) {
-      var prefixes = {};
-      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
-      prefixes["Webkit" + styleProp] = "webkit" + eventName;
-      prefixes["Moz" + styleProp] = "moz" + eventName;
-      return prefixes;
+    function warnUnknownProperties(type, props, eventRegistry) {
+      var unknownProps = [],
+        key;
+      for (key in props)
+        validateProperty(type, key, props[key], eventRegistry) ||
+          unknownProps.push(key);
+      props = unknownProps
+        .map(function (prop) {
+          return "`" + prop + "`";
+        })
+        .join(", ");
+      1 === unknownProps.length
+        ? console.error(
+            "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          )
+        : 1 < unknownProps.length &&
+          console.error(
+            "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
+            props,
+            type
+          );
     }
-    function getVendorPrefixedEventName(eventName) {
-      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
-      if (!vendorPrefixes[eventName]) return eventName;
-      var prefixMap = vendorPrefixes[eventName],
-        styleProp;
-      for (styleProp in prefixMap)
-        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
-          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
-      return eventName;
+    function sanitizeURL(url) {
+      return isJavaScriptProtocol.test("" + url)
+        ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
+        : url;
     }
-    function registerSimpleEvent(domEventName, reactName) {
-      topLevelEventsToReactNames.set(domEventName, reactName);
-      registerTwoPhaseEvent(reactName, [domEventName]);
+    function getEventTarget(nativeEvent) {
+      nativeEvent = nativeEvent.target || nativeEvent.srcElement || window;
+      nativeEvent.correspondingUseElement &&
+        (nativeEvent = nativeEvent.correspondingUseElement);
+      return 3 === nativeEvent.nodeType ? nativeEvent.parentNode : nativeEvent;
     }
-    function finishQueueingConcurrentUpdates() {
-      for (
-        var endIndex = concurrentQueuesIndex,
-          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
-        i < endIndex;
-
-      ) {
-        var fiber = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var queue = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var update = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        var lane = concurrentQueues[i];
-        concurrentQueues[i++] = null;
-        if (null !== queue && null !== update) {
-          var pending = queue.pending;
-          null === pending
-            ? (update.next = update)
-            : ((update.next = pending.next), (pending.next = update));
-          queue.pending = update;
+    function restoreStateOfTarget(target) {
+      var internalInstance = getInstanceFromNode(target);
+      if (internalInstance && (target = internalInstance.stateNode)) {
+        var props = target[internalPropsKey] || null;
+        a: switch (
+          ((target = internalInstance.stateNode), internalInstance.type)
+        ) {
+          case "input":
+            updateInput(
+              target,
+              props.value,
+              props.defaultValue,
+              props.defaultValue,
+              props.checked,
+              props.defaultChecked,
+              props.type,
+              props.name
+            );
+            internalInstance = props.name;
+            if ("radio" === props.type && null != internalInstance) {
+              for (props = target; props.parentNode; ) props = props.parentNode;
+              checkAttributeStringCoercion(internalInstance, "name");
+              props = props.querySelectorAll(
+                'input[name="' +
+                  escapeSelectorAttributeValueInsideDoubleQuotes(
+                    "" + internalInstance
+                  ) +
+                  '"][type="radio"]'
+              );
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              ) {
+                var otherNode = props[internalInstance];
+                if (otherNode !== target && otherNode.form === target.form) {
+                  var otherProps = otherNode[internalPropsKey] || null;
+                  if (!otherProps)
+                    throw Error(
+                      "ReactDOMInput: Mixing React and non-React radio inputs with the same `name` is not supported."
+                    );
+                  updateInput(
+                    otherNode,
+                    otherProps.value,
+                    otherProps.defaultValue,
+                    otherProps.defaultValue,
+                    otherProps.checked,
+                    otherProps.defaultChecked,
+                    otherProps.type,
+                    otherProps.name
+                  );
+                }
+              }
+              for (
+                internalInstance = 0;
+                internalInstance < props.length;
+                internalInstance++
+              )
+                (otherNode = props[internalInstance]),
+                  otherNode.form === target.form &&
+                    updateValueIfChanged(otherNode);
+            }
+            break a;
+          case "textarea":
+            updateTextarea(target, props.value, props.defaultValue);
+            break a;
+          case "select":
+            (internalInstance = props.value),
+              null != internalInstance &&
+                updateOptions(target, !!props.multiple, internalInstance, !1);
         }
-        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
     }
-    function enqueueUpdate$1(fiber, queue, update, lane) {
-      concurrentQueues[concurrentQueuesIndex++] = fiber;
-      concurrentQueues[concurrentQueuesIndex++] = queue;
-      concurrentQueues[concurrentQueuesIndex++] = update;
-      concurrentQueues[concurrentQueuesIndex++] = lane;
-      concurrentlyUpdatedLanes |= lane;
-      fiber.lanes |= lane;
-      fiber = fiber.alternate;
-      null !== fiber && (fiber.lanes |= lane);
+    function batchedUpdates$2(fn, a, b) {
+      if (isInsideEventHandler) return fn(a, b);
+      isInsideEventHandler = !0;
+      try {
+        var JSCompiler_inline_result = fn(a);
+        return JSCompiler_inline_result;
+      } finally {
+        if (
+          ((isInsideEventHandler = !1),
+          null !== restoreTarget || null !== restoreQueue)
+        )
+          if (
+            (flushSyncWork$1(),
+            restoreTarget &&
+              ((a = restoreTarget),
+              (fn = restoreQueue),
+              (restoreQueue = restoreTarget = null),
+              restoreStateOfTarget(a),
+              fn))
+          )
+            for (a = 0; a < fn.length; a++) restoreStateOfTarget(fn[a]);
+      }
+    }
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
+      if (null === stateNode) return null;
+      var props = stateNode[internalPropsKey] || null;
+      if (null === props) return null;
+      stateNode = props[registrationName];
+      a: switch (registrationName) {
+        case "onClick":
+        case "onClickCapture":
+        case "onDoubleClick":
+        case "onDoubleClickCapture":
+        case "onMouseDown":
+        case "onMouseDownCapture":
+        case "onMouseMove":
+        case "onMouseMoveCapture":
+        case "onMouseUp":
+        case "onMouseUpCapture":
+        case "onMouseEnter":
+          (props = !props.disabled) ||
+            ((inst = inst.type),
+            (props = !(
+              "button" === inst ||
+              "input" === inst ||
+              "select" === inst ||
+              "textarea" === inst
+            )));
+          inst = !props;
+          break a;
+        default:
+          inst = !1;
+      }
+      if (inst) return null;
+      if (stateNode && "function" !== typeof stateNode)
+        throw Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof stateNode +
+            "` type."
+        );
+      return stateNode;
     }
-    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-      enqueueUpdate$1(fiber, queue, update, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getData() {
+      if (fallbackText) return fallbackText;
+      var start,
+        startValue = startText,
+        startLength = startValue.length,
+        end,
+        endValue = "value" in root ? root.value : root.textContent,
+        endLength = endValue.length;
+      for (
+        start = 0;
+        start < startLength && startValue[start] === endValue[start];
+        start++
+      );
+      var minEnd = startLength - start;
+      for (
+        end = 1;
+        end <= minEnd &&
+        startValue[startLength - end] === endValue[endLength - end];
+        end++
+      );
+      return (fallbackText = endValue.slice(start, 1 < end ? 1 - end : void 0));
     }
-    function enqueueConcurrentRenderForLane(fiber, lane) {
-      enqueueUpdate$1(fiber, null, null, lane);
-      return getRootForUpdatedFiber(fiber);
+    function getEventCharCode(nativeEvent) {
+      var keyCode = nativeEvent.keyCode;
+      "charCode" in nativeEvent
+        ? ((nativeEvent = nativeEvent.charCode),
+          0 === nativeEvent && 13 === keyCode && (nativeEvent = 13))
+        : (nativeEvent = keyCode);
+      10 === nativeEvent && (nativeEvent = 13);
+      return 32 <= nativeEvent || 13 === nativeEvent ? nativeEvent : 0;
     }
-    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
-      sourceFiber.lanes |= lane;
-      var alternate = sourceFiber.alternate;
-      null !== alternate && (alternate.lanes |= lane);
-      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
-        (parent.childLanes |= lane),
-          (alternate = parent.alternate),
-          null !== alternate && (alternate.childLanes |= lane),
-          22 === parent.tag &&
-            ((sourceFiber = parent.stateNode),
-            null === sourceFiber ||
-              sourceFiber._visibility & OffscreenVisible ||
-              (isHidden = !0)),
-          (sourceFiber = parent),
-          (parent = parent.return);
-      isHidden &&
-        null !== update &&
-        3 === sourceFiber.tag &&
-        ((parent = sourceFiber.stateNode),
-        (isHidden = 31 - clz32(lane)),
-        (parent = parent.hiddenUpdates),
-        (sourceFiber = parent[isHidden]),
-        null === sourceFiber
-          ? (parent[isHidden] = [update])
-          : sourceFiber.push(update),
-        (update.lane = lane | OffscreenLane));
+    function functionThatReturnsTrue() {
+      return !0;
     }
-    function getRootForUpdatedFiber(sourceFiber) {
-      throwIfInfiniteUpdateLoopDetected();
-      null === sourceFiber.alternate &&
-        0 !== (sourceFiber.flags & 4098) &&
-        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-      for (var node = sourceFiber, parent = node.return; null !== parent; )
-        null === node.alternate &&
-          0 !== (node.flags & 4098) &&
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
-          (node = parent),
-          (parent = node.return);
-      return 3 === node.tag ? node.stateNode : null;
+    function functionThatReturnsFalse() {
+      return !1;
     }
-    function resolveFunctionForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family ? type : family.current;
+    function createSyntheticEvent(Interface) {
+      function SyntheticBaseEvent(
+        reactName,
+        reactEventType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        this._reactName = reactName;
+        this._targetInst = targetInst;
+        this.type = reactEventType;
+        this.nativeEvent = nativeEvent;
+        this.target = nativeEventTarget;
+        this.currentTarget = null;
+        for (var propName in Interface)
+          Interface.hasOwnProperty(propName) &&
+            ((reactName = Interface[propName]),
+            (this[propName] = reactName
+              ? reactName(nativeEvent)
+              : nativeEvent[propName]));
+        this.isDefaultPrevented = (
+          null != nativeEvent.defaultPrevented
+            ? nativeEvent.defaultPrevented
+            : !1 === nativeEvent.returnValue
+        )
+          ? functionThatReturnsTrue
+          : functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        return this;
+      }
+      assign(SyntheticBaseEvent.prototype, {
+        preventDefault: function () {
+          this.defaultPrevented = !0;
+          var event = this.nativeEvent;
+          event &&
+            (event.preventDefault
+              ? event.preventDefault()
+              : "unknown" !== typeof event.returnValue &&
+                (event.returnValue = !1),
+            (this.isDefaultPrevented = functionThatReturnsTrue));
+        },
+        stopPropagation: function () {
+          var event = this.nativeEvent;
+          event &&
+            (event.stopPropagation
+              ? event.stopPropagation()
+              : "unknown" !== typeof event.cancelBubble &&
+                (event.cancelBubble = !0),
+            (this.isPropagationStopped = functionThatReturnsTrue));
+        },
+        persist: function () {},
+        isPersistent: functionThatReturnsTrue
+      });
+      return SyntheticBaseEvent;
     }
-    function resolveForwardRefForHotReloading(type) {
-      if (null === resolveFamily) return type;
-      var family = resolveFamily(type);
-      return void 0 === family
-        ? null !== type &&
-          void 0 !== type &&
-          "function" === typeof type.render &&
-          ((family = resolveFunctionForHotReloading(type.render)),
-          type.render !== family)
-          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
-            void 0 !== type.displayName &&
-              (family.displayName = type.displayName),
-            family)
-          : type
-        : family.current;
+    function modifierStateGetter(keyArg) {
+      var nativeEvent = this.nativeEvent;
+      return nativeEvent.getModifierState
+        ? nativeEvent.getModifierState(keyArg)
+        : (keyArg = modifierKeyToProp[keyArg])
+        ? !!nativeEvent[keyArg]
+        : !1;
     }
-    function isCompatibleFamilyForHotReloading(fiber, element) {
-      if (null === resolveFamily) return !1;
-      var prevType = fiber.elementType;
-      element = element.type;
-      var needsCompareFamilies = !1,
-        $$typeofNextType =
-          "object" === typeof element && null !== element
-            ? element.$$typeof
-            : null;
-      switch (fiber.tag) {
-        case 1:
-          "function" === typeof element && (needsCompareFamilies = !0);
-          break;
-        case 0:
-          "function" === typeof element
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 11:
-          $$typeofNextType === REACT_FORWARD_REF_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
-        case 14:
-        case 15:
-          $$typeofNextType === REACT_MEMO_TYPE
-            ? (needsCompareFamilies = !0)
-            : $$typeofNextType === REACT_LAZY_TYPE &&
-              (needsCompareFamilies = !0);
-          break;
+    function getEventModifierState() {
+      return modifierStateGetter;
+    }
+    function isFallbackCompositionEnd(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "keyup":
+          return -1 !== END_KEYCODES.indexOf(nativeEvent.keyCode);
+        case "keydown":
+          return nativeEvent.keyCode !== START_KEYCODE;
+        case "keypress":
+        case "mousedown":
+        case "focusout":
+          return !0;
         default:
           return !1;
       }
-      return needsCompareFamilies &&
-        ((fiber = resolveFamily(prevType)),
-        void 0 !== fiber && fiber === resolveFamily(element))
+    }
+    function getDataFromCustomEvent(nativeEvent) {
+      nativeEvent = nativeEvent.detail;
+      return "object" === typeof nativeEvent && "data" in nativeEvent
+        ? nativeEvent.data
+        : null;
+    }
+    function getNativeBeforeInputChars(domEventName, nativeEvent) {
+      switch (domEventName) {
+        case "compositionend":
+          return getDataFromCustomEvent(nativeEvent);
+        case "keypress":
+          if (nativeEvent.which !== SPACEBAR_CODE) return null;
+          hasSpaceKeypress = !0;
+          return SPACEBAR_CHAR;
+        case "textInput":
+          return (
+            (domEventName = nativeEvent.data),
+            domEventName === SPACEBAR_CHAR && hasSpaceKeypress
+              ? null
+              : domEventName
+          );
+        default:
+          return null;
+      }
+    }
+    function getFallbackBeforeInputChars(domEventName, nativeEvent) {
+      if (isComposing)
+        return "compositionend" === domEventName ||
+          (!canUseCompositionEvent &&
+            isFallbackCompositionEnd(domEventName, nativeEvent))
+          ? ((domEventName = getData()),
+            (fallbackText = startText = root = null),
+            (isComposing = !1),
+            domEventName)
+          : null;
+      switch (domEventName) {
+        case "paste":
+          return null;
+        case "keypress":
+          if (
+            !(
+              nativeEvent.ctrlKey ||
+              nativeEvent.altKey ||
+              nativeEvent.metaKey
+            ) ||
+            (nativeEvent.ctrlKey && nativeEvent.altKey)
+          ) {
+            if (nativeEvent.char && 1 < nativeEvent.char.length)
+              return nativeEvent.char;
+            if (nativeEvent.which)
+              return String.fromCharCode(nativeEvent.which);
+          }
+          return null;
+        case "compositionend":
+          return useFallbackCompositionData && "ko" !== nativeEvent.locale
+            ? null
+            : nativeEvent.data;
+        default:
+          return null;
+      }
+    }
+    function isTextInputElement(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return "input" === nodeName
+        ? !!supportedInputTypes[elem.type]
+        : "textarea" === nodeName
         ? !0
         : !1;
     }
-    function markFailedErrorBoundaryForHotReloading(fiber) {
-      null !== resolveFamily &&
-        "function" === typeof WeakSet &&
-        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
-        failedBoundaries.add(fiber));
+    function isEventSupported(eventNameSuffix) {
+      if (!canUseDOM) return !1;
+      eventNameSuffix = "on" + eventNameSuffix;
+      var isSupported = eventNameSuffix in document;
+      isSupported ||
+        ((isSupported = document.createElement("div")),
+        isSupported.setAttribute(eventNameSuffix, "return;"),
+        (isSupported = "function" === typeof isSupported[eventNameSuffix]));
+      return isSupported;
     }
-    function scheduleFibersWithFamiliesRecursively(
-      fiber,
-      updatedFamilies,
-      staleFamilies
+    function createAndAccumulateChangeEvent(
+      dispatchQueue,
+      inst,
+      nativeEvent,
+      target
     ) {
-      var alternate = fiber.alternate,
-        child = fiber.child,
-        sibling = fiber.sibling,
-        tag = fiber.tag,
-        type = fiber.type,
-        candidateType = null;
-      switch (tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      if (null === resolveFamily)
-        throw Error("Expected resolveFamily to be set during hot reload.");
-      var needsRender = !1;
-      type = !1;
-      null !== candidateType &&
-        ((candidateType = resolveFamily(candidateType)),
-        void 0 !== candidateType &&
-          (staleFamilies.has(candidateType)
-            ? (type = !0)
-            : updatedFamilies.has(candidateType) &&
-              (1 === tag ? (type = !0) : (needsRender = !0))));
-      null !== failedBoundaries &&
-        (failedBoundaries.has(fiber) ||
-          (null !== alternate && failedBoundaries.has(alternate))) &&
-        (type = !0);
-      type && (fiber._debugNeedsRemount = !0);
-      if (type || needsRender)
-        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
-          null !== alternate &&
-            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
-      null === child ||
-        type ||
-        scheduleFibersWithFamiliesRecursively(
-          child,
-          updatedFamilies,
-          staleFamilies
-        );
-      null !== sibling &&
-        scheduleFibersWithFamiliesRecursively(
-          sibling,
-          updatedFamilies,
-          staleFamilies
-        );
+      restoreTarget
+        ? restoreQueue
+          ? restoreQueue.push(target)
+          : (restoreQueue = [target])
+        : (restoreTarget = target);
+      inst = accumulateTwoPhaseListeners(inst, "onChange");
+      0 < inst.length &&
+        ((nativeEvent = new SyntheticEvent(
+          "onChange",
+          "change",
+          null,
+          nativeEvent,
+          target
+        )),
+        dispatchQueue.push({ event: nativeEvent, listeners: inst }));
     }
-    function findHostInstancesForMatchingFibersRecursively(
-      fiber,
-      types,
-      hostInstances
-    ) {
-      var child = fiber.child,
-        sibling = fiber.sibling,
-        type = fiber.type,
-        candidateType = null;
-      switch (fiber.tag) {
-        case 0:
-        case 15:
-        case 1:
-          candidateType = type;
-          break;
-        case 11:
-          candidateType = type.render;
-      }
-      type = !1;
-      null !== candidateType && types.has(candidateType) && (type = !0);
-      if (type)
-        a: {
-          b: for (child = fiber, candidateType = !1; ; ) {
-            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
-              (candidateType = !0), hostInstances.add(child.stateNode);
-            else if (null !== child.child) {
-              child.child.return = child;
-              child = child.child;
-              continue;
-            }
-            if (child === fiber) {
-              child = candidateType;
-              break b;
-            }
-            for (; null === child.sibling; ) {
-              if (null === child.return || child.return === fiber) {
-                child = candidateType;
-                break b;
-              }
-              child = child.return;
-            }
-            child.sibling.return = child.return;
-            child = child.sibling;
-          }
-          if (!child)
-            for (;;) {
-              switch (fiber.tag) {
-                case 27:
-                case 5:
-                  hostInstances.add(fiber.stateNode);
-                  break a;
-                case 4:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-                case 3:
-                  hostInstances.add(fiber.stateNode.containerInfo);
-                  break a;
-              }
-              if (null === fiber.return)
-                throw Error("Expected to reach root first.");
-              fiber = fiber.return;
-            }
-        }
-      else
-        null !== child &&
-          findHostInstancesForMatchingFibersRecursively(
-            child,
-            types,
-            hostInstances
-          );
-      null !== sibling &&
-        findHostInstancesForMatchingFibersRecursively(
-          sibling,
-          types,
-          hostInstances
+    function runEventInBatch(dispatchQueue) {
+      processDispatchQueue(dispatchQueue, 0);
+    }
+    function getInstIfValueChanged(targetInst) {
+      var targetNode = getNodeFromInstance(targetInst);
+      if (updateValueIfChanged(targetNode)) return targetInst;
+    }
+    function getTargetInstForChangeEvent(domEventName, targetInst) {
+      if ("change" === domEventName) return targetInst;
+    }
+    function stopWatchingForValueChange() {
+      activeElement$1 &&
+        (activeElement$1.detachEvent("onpropertychange", handlePropertyChange),
+        (activeElementInst$1 = activeElement$1 = null));
+    }
+    function handlePropertyChange(nativeEvent) {
+      if (
+        "value" === nativeEvent.propertyName &&
+        getInstIfValueChanged(activeElementInst$1)
+      ) {
+        var dispatchQueue = [];
+        createAndAccumulateChangeEvent(
+          dispatchQueue,
+          activeElementInst$1,
+          nativeEvent,
+          getEventTarget(nativeEvent)
         );
+        batchedUpdates$2(runEventInBatch, dispatchQueue);
+      }
     }
-    function createCapturedValueAtFiber(value, source) {
-      if ("object" === typeof value && null !== value) {
-        var stack = CapturedStacks.get(value);
-        "string" !== typeof stack &&
-          ((stack = getStackByFiberInDevAndProd(source)),
-          CapturedStacks.set(value, stack));
-      } else stack = getStackByFiberInDevAndProd(source);
-      return { value: value, source: source, stack: stack };
+    function handleEventsForInputEventPolyfill(
+      domEventName,
+      target,
+      targetInst
+    ) {
+      "focusin" === domEventName
+        ? (stopWatchingForValueChange(),
+          (activeElement$1 = target),
+          (activeElementInst$1 = targetInst),
+          activeElement$1.attachEvent("onpropertychange", handlePropertyChange))
+        : "focusout" === domEventName && stopWatchingForValueChange();
     }
-    function pushTreeFork(workInProgress, totalChildren) {
-      warnIfNotHydrating();
-      forkStack[forkStackIndex++] = treeForkCount;
-      forkStack[forkStackIndex++] = treeForkProvider;
-      treeForkProvider = workInProgress;
-      treeForkCount = totalChildren;
+    function getTargetInstForInputEventPolyfill(domEventName) {
+      if (
+        "selectionchange" === domEventName ||
+        "keyup" === domEventName ||
+        "keydown" === domEventName
+      )
+        return getInstIfValueChanged(activeElementInst$1);
     }
-    function pushTreeId(workInProgress, totalChildren, index) {
-      warnIfNotHydrating();
-      idStack[idStackIndex++] = treeContextId;
-      idStack[idStackIndex++] = treeContextOverflow;
-      idStack[idStackIndex++] = treeContextProvider;
-      treeContextProvider = workInProgress;
-      var baseIdWithLeadingBit = treeContextId;
-      workInProgress = treeContextOverflow;
-      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
-      baseIdWithLeadingBit &= ~(1 << baseLength);
-      index += 1;
-      var length = 32 - clz32(totalChildren) + baseLength;
-      if (30 < length) {
-        var numberOfOverflowBits = baseLength - (baseLength % 5);
-        length = (
-          baseIdWithLeadingBit &
-          ((1 << numberOfOverflowBits) - 1)
-        ).toString(32);
-        baseIdWithLeadingBit >>= numberOfOverflowBits;
-        baseLength -= numberOfOverflowBits;
-        treeContextId =
-          (1 << (32 - clz32(totalChildren) + baseLength)) |
-          (index << baseLength) |
-          baseIdWithLeadingBit;
-        treeContextOverflow = length + workInProgress;
-      } else
-        (treeContextId =
-          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
-          (treeContextOverflow = workInProgress);
+    function getTargetInstForClickEvent(domEventName, targetInst) {
+      if ("click" === domEventName) return getInstIfValueChanged(targetInst);
     }
-    function pushMaterializedTreeId(workInProgress) {
-      warnIfNotHydrating();
-      null !== workInProgress.return &&
-        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    function getTargetInstForInputOrChangeEvent(domEventName, targetInst) {
+      if ("input" === domEventName || "change" === domEventName)
+        return getInstIfValueChanged(targetInst);
     }
-    function popTreeContext(workInProgress) {
-      for (; workInProgress === treeForkProvider; )
-        (treeForkProvider = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null),
-          (treeForkCount = forkStack[--forkStackIndex]),
-          (forkStack[forkStackIndex] = null);
-      for (; workInProgress === treeContextProvider; )
-        (treeContextProvider = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextOverflow = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null),
-          (treeContextId = idStack[--idStackIndex]),
-          (idStack[idStackIndex] = null);
+    function is(x, y) {
+      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
     }
-    function warnIfNotHydrating() {
-      isHydrating ||
-        error$jscomp$0(
-          "Expected to be hydrating. This is a bug in React. Please file an issue."
-        );
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) return !0;
+      if (
+        "object" !== typeof objA ||
+        null === objA ||
+        "object" !== typeof objB ||
+        null === objB
+      )
+        return !1;
+      var keysA = Object.keys(objA),
+        keysB = Object.keys(objB);
+      if (keysA.length !== keysB.length) return !1;
+      for (keysB = 0; keysB < keysA.length; keysB++) {
+        var currentKey = keysA[keysB];
+        if (
+          !hasOwnProperty.call(objB, currentKey) ||
+          !objectIs(objA[currentKey], objB[currentKey])
+        )
+          return !1;
+      }
+      return !0;
     }
-    function findNotableNode(node, indent) {
-      return void 0 === node.serverProps &&
-        0 === node.serverTail.length &&
-        1 === node.children.length &&
-        3 < node.distanceFromLeaf &&
-        node.distanceFromLeaf > idealDepth - indent
-        ? findNotableNode(node.children[0], indent)
-        : node;
+    function getLeafNode(node) {
+      for (; node && node.firstChild; ) node = node.firstChild;
+      return node;
     }
-    function indentation(indent) {
-      return "  " + "  ".repeat(indent);
+    function getNodeForCharacterOffset(root, offset) {
+      var node = getLeafNode(root);
+      root = 0;
+      for (var nodeEnd; node; ) {
+        if (3 === node.nodeType) {
+          nodeEnd = root + node.textContent.length;
+          if (root <= offset && nodeEnd >= offset)
+            return { node: node, offset: offset - root };
+          root = nodeEnd;
+        }
+        a: {
+          for (; node; ) {
+            if (node.nextSibling) {
+              node = node.nextSibling;
+              break a;
+            }
+            node = node.parentNode;
+          }
+          node = void 0;
+        }
+        node = getLeafNode(node);
+      }
+    }
+    function containsNode(outerNode, innerNode) {
+      return outerNode && innerNode
+        ? outerNode === innerNode
+          ? !0
+          : outerNode && 3 === outerNode.nodeType
+          ? !1
+          : innerNode && 3 === innerNode.nodeType
+          ? containsNode(outerNode, innerNode.parentNode)
+          : "contains" in outerNode
+          ? outerNode.contains(innerNode)
+          : outerNode.compareDocumentPosition
+          ? !!(outerNode.compareDocumentPosition(innerNode) & 16)
+          : !1
+        : !1;
+    }
+    function getActiveElementDeep() {
+      for (
+        var win = window, element = getActiveElement();
+        element instanceof win.HTMLIFrameElement;
+
+      ) {
+        try {
+          var JSCompiler_inline_result =
+            "string" === typeof element.contentWindow.location.href;
+        } catch (err) {
+          JSCompiler_inline_result = !1;
+        }
+        if (JSCompiler_inline_result) win = element.contentWindow;
+        else break;
+        element = getActiveElement(win.document);
+      }
+      return element;
+    }
+    function hasSelectionCapabilities(elem) {
+      var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
+      return (
+        nodeName &&
+        (("input" === nodeName &&
+          ("text" === elem.type ||
+            "search" === elem.type ||
+            "tel" === elem.type ||
+            "url" === elem.type ||
+            "password" === elem.type)) ||
+          "textarea" === nodeName ||
+          "true" === elem.contentEditable)
+      );
+    }
+    function restoreSelection(priorSelectionInformation) {
+      var curFocusedElem = getActiveElementDeep(),
+        priorFocusedElem = priorSelectionInformation.focusedElem,
+        priorSelectionRange = priorSelectionInformation.selectionRange;
+      if (
+        curFocusedElem !== priorFocusedElem &&
+        priorFocusedElem &&
+        priorFocusedElem.ownerDocument &&
+        containsNode(
+          priorFocusedElem.ownerDocument.documentElement,
+          priorFocusedElem
+        )
+      ) {
+        if (
+          null !== priorSelectionRange &&
+          hasSelectionCapabilities(priorFocusedElem)
+        )
+          if (
+            ((curFocusedElem = priorSelectionRange.start),
+            (priorSelectionInformation = priorSelectionRange.end),
+            void 0 === priorSelectionInformation &&
+              (priorSelectionInformation = curFocusedElem),
+            "selectionStart" in priorFocusedElem)
+          )
+            (priorFocusedElem.selectionStart = curFocusedElem),
+              (priorFocusedElem.selectionEnd = Math.min(
+                priorSelectionInformation,
+                priorFocusedElem.value.length
+              ));
+          else if (
+            ((priorSelectionInformation =
+              ((curFocusedElem = priorFocusedElem.ownerDocument || document) &&
+                curFocusedElem.defaultView) ||
+              window),
+            priorSelectionInformation.getSelection)
+          ) {
+            priorSelectionInformation =
+              priorSelectionInformation.getSelection();
+            var length = priorFocusedElem.textContent.length,
+              start = Math.min(priorSelectionRange.start, length);
+            priorSelectionRange =
+              void 0 === priorSelectionRange.end
+                ? start
+                : Math.min(priorSelectionRange.end, length);
+            !priorSelectionInformation.extend &&
+              start > priorSelectionRange &&
+              ((length = priorSelectionRange),
+              (priorSelectionRange = start),
+              (start = length));
+            length = getNodeForCharacterOffset(priorFocusedElem, start);
+            var endMarker = getNodeForCharacterOffset(
+              priorFocusedElem,
+              priorSelectionRange
+            );
+            length &&
+              endMarker &&
+              (1 !== priorSelectionInformation.rangeCount ||
+                priorSelectionInformation.anchorNode !== length.node ||
+                priorSelectionInformation.anchorOffset !== length.offset ||
+                priorSelectionInformation.focusNode !== endMarker.node ||
+                priorSelectionInformation.focusOffset !== endMarker.offset) &&
+              ((curFocusedElem = curFocusedElem.createRange()),
+              curFocusedElem.setStart(length.node, length.offset),
+              priorSelectionInformation.removeAllRanges(),
+              start > priorSelectionRange
+                ? (priorSelectionInformation.addRange(curFocusedElem),
+                  priorSelectionInformation.extend(
+                    endMarker.node,
+                    endMarker.offset
+                  ))
+                : (curFocusedElem.setEnd(endMarker.node, endMarker.offset),
+                  priorSelectionInformation.addRange(curFocusedElem)));
+          }
+        curFocusedElem = [];
+        for (
+          priorSelectionInformation = priorFocusedElem;
+          (priorSelectionInformation = priorSelectionInformation.parentNode);
+
+        )
+          1 === priorSelectionInformation.nodeType &&
+            curFocusedElem.push({
+              element: priorSelectionInformation,
+              left: priorSelectionInformation.scrollLeft,
+              top: priorSelectionInformation.scrollTop
+            });
+        "function" === typeof priorFocusedElem.focus &&
+          priorFocusedElem.focus();
+        for (
+          priorFocusedElem = 0;
+          priorFocusedElem < curFocusedElem.length;
+          priorFocusedElem++
+        )
+          (priorSelectionInformation = curFocusedElem[priorFocusedElem]),
+            (priorSelectionInformation.element.scrollLeft =
+              priorSelectionInformation.left),
+            (priorSelectionInformation.element.scrollTop =
+              priorSelectionInformation.top);
+      }
     }
-    function added(indent) {
-      return "+ " + "  ".repeat(indent);
+    function constructSelectEvent(
+      dispatchQueue,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var doc =
+        nativeEventTarget.window === nativeEventTarget
+          ? nativeEventTarget.document
+          : 9 === nativeEventTarget.nodeType
+          ? nativeEventTarget
+          : nativeEventTarget.ownerDocument;
+      mouseDown ||
+        null == activeElement ||
+        activeElement !== getActiveElement(doc) ||
+        ((doc = activeElement),
+        "selectionStart" in doc && hasSelectionCapabilities(doc)
+          ? (doc = { start: doc.selectionStart, end: doc.selectionEnd })
+          : ((doc = (
+              (doc.ownerDocument && doc.ownerDocument.defaultView) ||
+              window
+            ).getSelection()),
+            (doc = {
+              anchorNode: doc.anchorNode,
+              anchorOffset: doc.anchorOffset,
+              focusNode: doc.focusNode,
+              focusOffset: doc.focusOffset
+            })),
+        (lastSelection && shallowEqual(lastSelection, doc)) ||
+          ((lastSelection = doc),
+          (doc = accumulateTwoPhaseListeners(activeElementInst, "onSelect")),
+          0 < doc.length &&
+            ((nativeEvent = new SyntheticEvent(
+              "onSelect",
+              "select",
+              null,
+              nativeEvent,
+              nativeEventTarget
+            )),
+            dispatchQueue.push({ event: nativeEvent, listeners: doc }),
+            (nativeEvent.target = activeElement))));
     }
-    function removed(indent) {
-      return "- " + "  ".repeat(indent);
+    function makePrefixMap(styleProp, eventName) {
+      var prefixes = {};
+      prefixes[styleProp.toLowerCase()] = eventName.toLowerCase();
+      prefixes["Webkit" + styleProp] = "webkit" + eventName;
+      prefixes["Moz" + styleProp] = "moz" + eventName;
+      return prefixes;
     }
-    function describeFiberType(fiber) {
-      switch (fiber.tag) {
-        case 26:
-        case 27:
-        case 5:
-          return fiber.type;
-        case 16:
-          return "Lazy";
-        case 13:
-          return "Suspense";
-        case 19:
-          return "SuspenseList";
-        case 0:
-        case 15:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        case 11:
-          return (
-            (fiber = fiber.type.render), fiber.displayName || fiber.name || null
-          );
-        case 1:
-          return (fiber = fiber.type), fiber.displayName || fiber.name || null;
-        default:
-          return null;
-      }
+    function getVendorPrefixedEventName(eventName) {
+      if (prefixedEventNames[eventName]) return prefixedEventNames[eventName];
+      if (!vendorPrefixes[eventName]) return eventName;
+      var prefixMap = vendorPrefixes[eventName],
+        styleProp;
+      for (styleProp in prefixMap)
+        if (prefixMap.hasOwnProperty(styleProp) && styleProp in style)
+          return (prefixedEventNames[eventName] = prefixMap[styleProp]);
+      return eventName;
     }
-    function describeTextNode(content, maxLength) {
-      return needsEscaping.test(content)
-        ? ((content = JSON.stringify(content)),
-          content.length > maxLength - 2
-            ? 8 > maxLength
-              ? '{"..."}'
-              : "{" + content.slice(0, maxLength - 7) + '..."}'
-            : "{" + content + "}")
-        : content.length > maxLength
-        ? 5 > maxLength
-          ? '{"..."}'
-          : content.slice(0, maxLength - 3) + "..."
-        : content;
+    function registerSimpleEvent(domEventName, reactName) {
+      topLevelEventsToReactNames.set(domEventName, reactName);
+      registerTwoPhaseEvent(reactName, [domEventName]);
     }
-    function describeTextDiff(clientText, serverProps, indent) {
-      var maxLength = maxRowLength - 2 * indent;
-      if (null === serverProps)
-        return added(indent) + describeTextNode(clientText, maxLength) + "\n";
-      if ("string" === typeof serverProps) {
-        for (
-          var firstDiff = 0;
-          firstDiff < serverProps.length &&
-          firstDiff < clientText.length &&
-          serverProps.charCodeAt(firstDiff) ===
-            clientText.charCodeAt(firstDiff);
-          firstDiff++
-        );
-        firstDiff > maxLength - 8 &&
-          10 < firstDiff &&
-          ((clientText = "..." + clientText.slice(firstDiff - 8)),
-          (serverProps = "..." + serverProps.slice(firstDiff - 8)));
-        return (
-          added(indent) +
-          describeTextNode(clientText, maxLength) +
-          "\n" +
-          removed(indent) +
-          describeTextNode(serverProps, maxLength) +
-          "\n"
-        );
+    function finishQueueingConcurrentUpdates() {
+      for (
+        var endIndex = concurrentQueuesIndex,
+          i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+        i < endIndex;
+
+      ) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        if (null !== queue && null !== update) {
+          var pending = queue.pending;
+          null === pending
+            ? (update.next = update)
+            : ((update.next = pending.next), (pending.next = update));
+          queue.pending = update;
+        }
+        0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
       }
-      return (
-        indentation(indent) + describeTextNode(clientText, maxLength) + "\n"
-      );
-    }
-    function objectName(object) {
-      return Object.prototype.toString
-        .call(object)
-        .replace(/^\[object (.*)\]$/, function (m, p0) {
-          return p0;
-        });
     }
-    function describeValue(value, maxLength) {
-      switch (typeof value) {
-        case "string":
-          return (
-            (value = JSON.stringify(value)),
-            value.length > maxLength
-              ? 5 > maxLength
-                ? '"..."'
-                : value.slice(0, maxLength - 4) + '..."'
-              : value
-          );
-        case "object":
-          if (null === value) return "null";
-          if (isArrayImpl(value)) return "[...]";
-          if (value.$$typeof === REACT_ELEMENT_TYPE)
-            return (maxLength = getComponentNameFromType(value.type))
-              ? "<" + maxLength + ">"
-              : "<...>";
-          var name = objectName(value);
-          if ("Object" === name) {
-            name = "";
-            maxLength -= 2;
-            for (var propName in value)
-              if (value.hasOwnProperty(propName)) {
-                var jsonPropName = JSON.stringify(propName);
-                jsonPropName !== '"' + propName + '"' &&
-                  (propName = jsonPropName);
-                maxLength -= propName.length - 2;
-                jsonPropName = describeValue(
-                  value[propName],
-                  15 > maxLength ? maxLength : 15
-                );
-                maxLength -= jsonPropName.length;
-                if (0 > maxLength) {
-                  name += "" === name ? "..." : ", ...";
-                  break;
-                }
-                name +=
-                  ("" === name ? "" : ",") + propName + ":" + jsonPropName;
-              }
-            return "{" + name + "}";
-          }
-          return name;
-        case "function":
-          return (maxLength = value.displayName || value.name)
-            ? "function " + maxLength
-            : "function";
-        default:
-          return String(value);
-      }
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes |= lane;
+      fiber.lanes |= lane;
+      fiber = fiber.alternate;
+      null !== fiber && (fiber.lanes |= lane);
     }
-    function describePropValue(value, maxLength) {
-      return "string" !== typeof value || needsEscaping.test(value)
-        ? "{" + describeValue(value, maxLength - 2) + "}"
-        : value.length > maxLength - 2
-        ? 5 > maxLength
-          ? '"..."'
-          : '"' + value.slice(0, maxLength - 5) + '..."'
-        : '"' + value + '"';
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      enqueueUpdate$1(fiber, queue, update, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describeExpandedElement(type, props, rowPrefix) {
-      var remainingRowLength = maxRowLength - rowPrefix.length - type.length,
-        properties = [],
-        propName;
-      for (propName in props)
-        if (props.hasOwnProperty(propName) && "children" !== propName) {
-          var propValue = describePropValue(
-            props[propName],
-            maxRowLength - rowPrefix.length - propName.length - 1
-          );
-          remainingRowLength -= propName.length + propValue.length + 2;
-          properties.push(propName + "=" + propValue);
-        }
-      return 0 === properties.length
-        ? rowPrefix + "<" + type + ">\n"
-        : 0 < remainingRowLength
-        ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n"
-        : rowPrefix +
-          "<" +
-          type +
-          "\n" +
-          rowPrefix +
-          "  " +
-          properties.join("\n" + rowPrefix + "  ") +
-          "\n" +
-          rowPrefix +
-          ">\n";
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
     }
-    function describePropertiesDiff(clientObject, serverObject, indent) {
-      var properties = "",
-        remainingServerProperties = assign({}, serverObject),
-        propName;
-      for (propName in clientObject)
-        if (clientObject.hasOwnProperty(propName)) {
-          delete remainingServerProperties[propName];
-          var maxLength = maxRowLength - 2 * indent - propName.length - 2,
-            clientPropValue = describeValue(clientObject[propName], maxLength);
-          serverObject.hasOwnProperty(propName)
-            ? ((maxLength = describeValue(serverObject[propName], maxLength)),
-              (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n"),
-              (properties +=
-                removed(indent) + propName + ": " + maxLength + "\n"))
-            : (properties +=
-                added(indent) + propName + ": " + clientPropValue + "\n");
-        }
-      for (var _propName in remainingServerProperties)
-        remainingServerProperties.hasOwnProperty(_propName) &&
-          ((clientObject = describeValue(
-            remainingServerProperties[_propName],
-            maxRowLength - 2 * indent - _propName.length - 2
-          )),
-          (properties +=
-            removed(indent) + _propName + ": " + clientObject + "\n"));
-      return properties;
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      sourceFiber.lanes |= lane;
+      var alternate = sourceFiber.alternate;
+      null !== alternate && (alternate.lanes |= lane);
+      for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+        (parent.childLanes |= lane),
+          (alternate = parent.alternate),
+          null !== alternate && (alternate.childLanes |= lane),
+          22 === parent.tag &&
+            ((sourceFiber = parent.stateNode),
+            null === sourceFiber ||
+              sourceFiber._visibility & OffscreenVisible ||
+              (isHidden = !0)),
+          (sourceFiber = parent),
+          (parent = parent.return);
+      isHidden &&
+        null !== update &&
+        3 === sourceFiber.tag &&
+        ((parent = sourceFiber.stateNode),
+        (isHidden = 31 - clz32(lane)),
+        (parent = parent.hiddenUpdates),
+        (sourceFiber = parent[isHidden]),
+        null === sourceFiber
+          ? (parent[isHidden] = [update])
+          : sourceFiber.push(update),
+        (update.lane = lane | OffscreenLane));
     }
-    function describeElementDiff(type, clientProps, serverProps, indent) {
-      var content = "",
-        serverPropNames = new Map();
-      for (propName$jscomp$0 in serverProps)
-        serverProps.hasOwnProperty(propName$jscomp$0) &&
-          serverPropNames.set(
-            propName$jscomp$0.toLowerCase(),
-            propName$jscomp$0
-          );
-      if (1 === serverPropNames.size && serverPropNames.has("children"))
-        content += describeExpandedElement(
-          type,
-          clientProps,
-          indentation(indent)
-        );
-      else {
-        for (var _propName2 in clientProps)
-          if (
-            clientProps.hasOwnProperty(_propName2) &&
-            "children" !== _propName2
-          ) {
-            var maxLength$jscomp$0 =
-                maxRowLength - 2 * (indent + 1) - _propName2.length - 1,
-              serverPropName = serverPropNames.get(_propName2.toLowerCase());
-            if (void 0 !== serverPropName) {
-              serverPropNames.delete(_propName2.toLowerCase());
-              var propName$jscomp$0 = clientProps[_propName2];
-              serverPropName = serverProps[serverPropName];
-              var clientPropValue = describePropValue(
-                propName$jscomp$0,
-                maxLength$jscomp$0
-              );
-              maxLength$jscomp$0 = describePropValue(
-                serverPropName,
-                maxLength$jscomp$0
-              );
-              "object" === typeof propName$jscomp$0 &&
-              null !== propName$jscomp$0 &&
-              "object" === typeof serverPropName &&
-              null !== serverPropName &&
-              "Object" === objectName(propName$jscomp$0) &&
-              "Object" === objectName(serverPropName) &&
-              (2 < Object.keys(propName$jscomp$0).length ||
-                2 < Object.keys(serverPropName).length ||
-                -1 < clientPropValue.indexOf("...") ||
-                -1 < maxLength$jscomp$0.indexOf("..."))
-                ? (content +=
-                    indentation(indent + 1) +
-                    _propName2 +
-                    "={{\n" +
-                    describePropertiesDiff(
-                      propName$jscomp$0,
-                      serverPropName,
-                      indent + 2
-                    ) +
-                    indentation(indent + 1) +
-                    "}}\n")
-                : ((content +=
-                    added(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    clientPropValue +
-                    "\n"),
-                  (content +=
-                    removed(indent + 1) +
-                    _propName2 +
-                    "=" +
-                    maxLength$jscomp$0 +
-                    "\n"));
-            } else
-              content +=
-                indentation(indent + 1) +
-                _propName2 +
-                "=" +
-                describePropValue(clientProps[_propName2], maxLength$jscomp$0) +
-                "\n";
-          }
-        serverPropNames.forEach(function (propName) {
-          if ("children" !== propName) {
-            var maxLength =
-              maxRowLength - 2 * (indent + 1) - propName.length - 1;
-            content +=
-              removed(indent + 1) +
-              propName +
-              "=" +
-              describePropValue(serverProps[propName], maxLength) +
-              "\n";
-          }
-        });
-        content =
-          "" === content
-            ? indentation(indent) + "<" + type + ">\n"
-            : indentation(indent) +
-              "<" +
-              type +
-              "\n" +
-              content +
-              indentation(indent) +
-              ">\n";
+    function getRootForUpdatedFiber(sourceFiber) {
+      throwIfInfiniteUpdateLoopDetected();
+      null === sourceFiber.alternate &&
+        0 !== (sourceFiber.flags & 4098) &&
+        warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+      for (var node = sourceFiber, parent = node.return; null !== parent; )
+        null === node.alternate &&
+          0 !== (node.flags & 4098) &&
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber),
+          (node = parent),
+          (parent = node.return);
+      return 3 === node.tag ? node.stateNode : null;
+    }
+    function resolveFunctionForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family ? type : family.current;
+    }
+    function resolveForwardRefForHotReloading(type) {
+      if (null === resolveFamily) return type;
+      var family = resolveFamily(type);
+      return void 0 === family
+        ? null !== type &&
+          void 0 !== type &&
+          "function" === typeof type.render &&
+          ((family = resolveFunctionForHotReloading(type.render)),
+          type.render !== family)
+          ? ((family = { $$typeof: REACT_FORWARD_REF_TYPE, render: family }),
+            void 0 !== type.displayName &&
+              (family.displayName = type.displayName),
+            family)
+          : type
+        : family.current;
+    }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      if (null === resolveFamily) return !1;
+      var prevType = fiber.elementType;
+      element = element.type;
+      var needsCompareFamilies = !1,
+        $$typeofNextType =
+          "object" === typeof element && null !== element
+            ? element.$$typeof
+            : null;
+      switch (fiber.tag) {
+        case 1:
+          "function" === typeof element && (needsCompareFamilies = !0);
+          break;
+        case 0:
+          "function" === typeof element
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 11:
+          $$typeofNextType === REACT_FORWARD_REF_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        case 14:
+        case 15:
+          $$typeofNextType === REACT_MEMO_TYPE
+            ? (needsCompareFamilies = !0)
+            : $$typeofNextType === REACT_LAZY_TYPE &&
+              (needsCompareFamilies = !0);
+          break;
+        default:
+          return !1;
       }
-      type = serverProps.children;
-      clientProps = clientProps.children;
-      if (
-        "string" === typeof type ||
-        "number" === typeof type ||
-        "bigint" === typeof type
-      ) {
-        serverPropNames = "";
-        if (
-          "string" === typeof clientProps ||
-          "number" === typeof clientProps ||
-          "bigint" === typeof clientProps
-        )
-          serverPropNames = "" + clientProps;
-        content += describeTextDiff(serverPropNames, "" + type, indent + 1);
-      } else if (
-        "string" === typeof clientProps ||
-        "number" === typeof clientProps ||
-        "bigint" === typeof clientProps
-      )
-        content += describeTextDiff("" + clientProps, void 0, indent + 1);
-      return content;
+      return needsCompareFamilies &&
+        ((fiber = resolveFamily(prevType)),
+        void 0 !== fiber && fiber === resolveFamily(element))
+        ? !0
+        : !1;
     }
-    function describeSiblingFiber(fiber, indent) {
-      var type = describeFiberType(fiber);
-      if (null === type) {
-        type = "";
-        for (fiber = fiber.child; fiber; )
-          (type += describeSiblingFiber(fiber, indent)),
-            (fiber = fiber.sibling);
-        return type;
-      }
-      return indentation(indent) + "<" + type + ">\n";
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      null !== resolveFamily &&
+        "function" === typeof WeakSet &&
+        (null === failedBoundaries && (failedBoundaries = new WeakSet()),
+        failedBoundaries.add(fiber));
     }
-    function describeNode(node, indent) {
-      var skipToNode = findNotableNode(node, indent);
-      if (
-        skipToNode !== node &&
-        (1 !== node.children.length || node.children[0] !== skipToNode)
-      )
-        return (
-          indentation(indent) + "...\n" + describeNode(skipToNode, indent + 1)
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      var alternate = fiber.alternate,
+        child = fiber.child,
+        sibling = fiber.sibling,
+        tag = fiber.tag,
+        type = fiber.type,
+        candidateType = null;
+      switch (tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      if (null === resolveFamily)
+        throw Error("Expected resolveFamily to be set during hot reload.");
+      var needsRender = !1;
+      type = !1;
+      null !== candidateType &&
+        ((candidateType = resolveFamily(candidateType)),
+        void 0 !== candidateType &&
+          (staleFamilies.has(candidateType)
+            ? (type = !0)
+            : updatedFamilies.has(candidateType) &&
+              (1 === tag ? (type = !0) : (needsRender = !0))));
+      null !== failedBoundaries &&
+        (failedBoundaries.has(fiber) ||
+          (null !== alternate && failedBoundaries.has(alternate))) &&
+        (type = !0);
+      type && (fiber._debugNeedsRemount = !0);
+      if (type || needsRender)
+        (alternate = enqueueConcurrentRenderForLane(fiber, SyncLane)),
+          null !== alternate &&
+            scheduleUpdateOnFiber(alternate, fiber, SyncLane);
+      null === child ||
+        type ||
+        scheduleFibersWithFamiliesRecursively(
+          child,
+          updatedFamilies,
+          staleFamilies
         );
-      skipToNode = "";
-      var debugInfo = node.fiber._debugInfo;
-      if (debugInfo)
-        for (var i = 0; i < debugInfo.length; i++) {
-          var serverComponentName = debugInfo[i].name;
-          "string" === typeof serverComponentName &&
-            ((skipToNode +=
-              indentation(indent) + "<" + serverComponentName + ">\n"),
-            indent++);
-        }
-      debugInfo = "";
-      i = node.fiber.pendingProps;
-      if (6 === node.fiber.tag)
-        debugInfo = describeTextDiff(i, node.serverProps, indent);
-      else if (
-        ((serverComponentName = describeFiberType(node.fiber)),
-        null !== serverComponentName)
-      )
-        if (void 0 === node.serverProps) {
-          debugInfo = indent;
-          var maxLength =
-              maxRowLength - 2 * debugInfo - serverComponentName.length - 2,
-            content = "";
-          for (propName in i)
-            if (i.hasOwnProperty(propName) && "children" !== propName) {
-              var propValue = describePropValue(i[propName], 15);
-              maxLength -= propName.length + propValue.length + 2;
-              if (0 > maxLength) {
-                content += " ...";
-                break;
+      null !== sibling &&
+        scheduleFibersWithFamiliesRecursively(
+          sibling,
+          updatedFamilies,
+          staleFamilies
+        );
+    }
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      var child = fiber.child,
+        sibling = fiber.sibling,
+        type = fiber.type,
+        candidateType = null;
+      switch (fiber.tag) {
+        case 0:
+        case 15:
+        case 1:
+          candidateType = type;
+          break;
+        case 11:
+          candidateType = type.render;
+      }
+      type = !1;
+      null !== candidateType && types.has(candidateType) && (type = !0);
+      if (type)
+        a: {
+          b: for (child = fiber, candidateType = !1; ; ) {
+            if (5 === child.tag || 26 === child.tag || 27 === child.tag)
+              (candidateType = !0), hostInstances.add(child.stateNode);
+            else if (null !== child.child) {
+              child.child.return = child;
+              child = child.child;
+              continue;
+            }
+            if (child === fiber) {
+              child = candidateType;
+              break b;
+            }
+            for (; null === child.sibling; ) {
+              if (null === child.return || child.return === fiber) {
+                child = candidateType;
+                break b;
               }
-              content += " " + propName + "=" + propValue;
+              child = child.return;
             }
-          debugInfo =
-            indentation(debugInfo) +
-            "<" +
-            serverComponentName +
-            content +
-            ">\n";
-          indent++;
-        } else
-          null === node.serverProps
-            ? (debugInfo = describeExpandedElement(
-                serverComponentName,
-                i,
-                added(indent)
-              ))
-            : "string" === typeof node.serverProps
-            ? error$jscomp$0(
-                "Should not have matched a non HostText fiber to a Text node. This is a bug in React."
-              )
-            : ((debugInfo = describeElementDiff(
-                serverComponentName,
-                i,
-                node.serverProps,
-                indent
-              )),
-              indent++);
-      var propName = "";
-      i = node.fiber.child;
-      for (
-        serverComponentName = 0;
-        i && serverComponentName < node.children.length;
-
-      )
-        (maxLength = node.children[serverComponentName]),
-          maxLength.fiber === i
-            ? ((propName += describeNode(maxLength, indent)),
-              serverComponentName++)
-            : (propName += describeSiblingFiber(i, indent)),
-          (i = i.sibling);
-      i &&
-        0 < node.children.length &&
-        (propName += indentation(indent) + "...\n");
-      node = node.serverTail;
-      for (i = 0; i < node.length; i++)
-        (serverComponentName = node[i]),
-          (propName =
-            "string" === typeof serverComponentName
-              ? propName +
-                (removed(indent) +
-                  describeTextNode(
-                    serverComponentName,
-                    maxRowLength - 2 * indent
-                  ) +
-                  "\n")
-              : propName +
-                describeExpandedElement(
-                  serverComponentName.type,
-                  serverComponentName.props,
-                  removed(indent)
-                ));
-      return skipToNode + debugInfo + propName;
+            child.sibling.return = child.return;
+            child = child.sibling;
+          }
+          if (!child)
+            for (;;) {
+              switch (fiber.tag) {
+                case 27:
+                case 5:
+                  hostInstances.add(fiber.stateNode);
+                  break a;
+                case 4:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+                case 3:
+                  hostInstances.add(fiber.stateNode.containerInfo);
+                  break a;
+              }
+              if (null === fiber.return)
+                throw Error("Expected to reach root first.");
+              fiber = fiber.return;
+            }
+        }
+      else
+        null !== child &&
+          findHostInstancesForMatchingFibersRecursively(
+            child,
+            types,
+            hostInstances
+          );
+      null !== sibling &&
+        findHostInstancesForMatchingFibersRecursively(
+          sibling,
+          types,
+          hostInstances
+        );
     }
-    function describeDiff(rootNode) {
-      try {
-        return "\n\n" + describeNode(rootNode, 0);
-      } catch (x) {
-        return "";
-      }
+    function createCapturedValueAtFiber(value, source) {
+      if ("object" === typeof value && null !== value) {
+        var stack = CapturedStacks.get(value);
+        "string" !== typeof stack &&
+          ((stack = getStackByFiberInDevAndProd(source)),
+          CapturedStacks.set(value, stack));
+      } else stack = getStackByFiberInDevAndProd(source);
+      return { value: value, source: source, stack: stack };
+    }
+    function pushTreeFork(workInProgress, totalChildren) {
+      warnIfNotHydrating();
+      forkStack[forkStackIndex++] = treeForkCount;
+      forkStack[forkStackIndex++] = treeForkProvider;
+      treeForkProvider = workInProgress;
+      treeForkCount = totalChildren;
+    }
+    function pushTreeId(workInProgress, totalChildren, index) {
+      warnIfNotHydrating();
+      idStack[idStackIndex++] = treeContextId;
+      idStack[idStackIndex++] = treeContextOverflow;
+      idStack[idStackIndex++] = treeContextProvider;
+      treeContextProvider = workInProgress;
+      var baseIdWithLeadingBit = treeContextId;
+      workInProgress = treeContextOverflow;
+      var baseLength = 32 - clz32(baseIdWithLeadingBit) - 1;
+      baseIdWithLeadingBit &= ~(1 << baseLength);
+      index += 1;
+      var length = 32 - clz32(totalChildren) + baseLength;
+      if (30 < length) {
+        var numberOfOverflowBits = baseLength - (baseLength % 5);
+        length = (
+          baseIdWithLeadingBit &
+          ((1 << numberOfOverflowBits) - 1)
+        ).toString(32);
+        baseIdWithLeadingBit >>= numberOfOverflowBits;
+        baseLength -= numberOfOverflowBits;
+        treeContextId =
+          (1 << (32 - clz32(totalChildren) + baseLength)) |
+          (index << baseLength) |
+          baseIdWithLeadingBit;
+        treeContextOverflow = length + workInProgress;
+      } else
+        (treeContextId =
+          (1 << length) | (index << baseLength) | baseIdWithLeadingBit),
+          (treeContextOverflow = workInProgress);
+    }
+    function pushMaterializedTreeId(workInProgress) {
+      warnIfNotHydrating();
+      null !== workInProgress.return &&
+        (pushTreeFork(workInProgress, 1), pushTreeId(workInProgress, 1, 0));
+    }
+    function popTreeContext(workInProgress) {
+      for (; workInProgress === treeForkProvider; )
+        (treeForkProvider = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null),
+          (treeForkCount = forkStack[--forkStackIndex]),
+          (forkStack[forkStackIndex] = null);
+      for (; workInProgress === treeContextProvider; )
+        (treeContextProvider = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextOverflow = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null),
+          (treeContextId = idStack[--idStackIndex]),
+          (idStack[idStackIndex] = null);
+    }
+    function warnIfNotHydrating() {
+      isHydrating ||
+        console.error(
+          "Expected to be hydrating. This is a bug in React. Please file an issue."
+        );
     }
     function buildHydrationDiffNode(fiber, distanceFromLeaf) {
       if (null === fiber.return) {
@@ -4325,7 +4345,7 @@
       null !== diffRoot &&
         ((hydrationDiffRootDEV = null),
         (diffRoot = describeDiff(diffRoot)),
-        error$jscomp$0(
+        console.error(
           "A tree hydrated but some attributes of the server rendered HTML didn't match the client properties. This won't be patched up. This can happen if a SSR-ed Client Component used:\n\n- A server/client branch `if (typeof window !== 'undefined')`.\n- Variable input such as `Date.now()` or `Math.random()` which changes each time it's called.\n- Date formatting in a user's locale which doesn't match the server.\n- External changing data without sending a snapshot of it along with the HTML.\n- Invalid HTML tag nesting.\n\nIt can also happen if the client has a browser extension installed which messes with the HTML before React loaded.\n\n%s%s",
           "https://react.dev/link/hydration-mismatch",
           diffRoot
@@ -4349,7 +4369,7 @@
         : index !== thenable &&
           (thenableState.didWarnAboutUncachedPromise ||
             ((thenableState.didWarnAboutUncachedPromise = !0),
-            error$jscomp$0(
+            console.error(
               "A component was suspended by an uncached promise. Creating promises inside a Client Component or hook is not yet supported, except via a Suspense-compatible library or framework."
             )),
           thenable.then(noop$4, noop$4),
@@ -4440,11 +4460,12 @@
         if ("children" !== key && "key" !== key) {
           null === fiber &&
             ((fiber = createFiberFromElement(element, returnFiber.mode, 0)),
+            (fiber._debugInfo = currentDebugInfo),
             (fiber.return = returnFiber));
           runWithFiberInDEV(
             fiber,
             function (erroredKey) {
-              error$jscomp$0(
+              console.error(
                 "Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",
                 erroredKey
               );
@@ -4486,13 +4507,13 @@
         (invalidChild =
           invalidChild.displayName || invalidChild.name || "Component"),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  root.render(%s)",
               invalidChild,
               invalidChild,
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.\n  <%s>{%s}</%s>",
               invalidChild,
               invalidChild,
@@ -4507,11 +4528,11 @@
         ((ownerHasSymbolTypeWarning[parentName] = !0),
         (invalidChild = String(invalidChild)),
         3 === returnFiber.tag
-          ? error$jscomp$0(
+          ? console.error(
               "Symbols are not valid as a React child.\n  root.render(%s)",
               invalidChild
             )
-          : error$jscomp$0(
+          : console.error(
               "Symbols are not valid as a React child.\n  <%s>%s</%s>",
               parentName,
               invalidChild,
@@ -4579,6 +4600,7 @@
               lanes
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4652,6 +4674,7 @@
               key
             )),
             (current.return = returnFiber),
+            (current._debugOwner = returnFiber),
             (current._debugInfo = currentDebugInfo),
             current
           );
@@ -4673,6 +4696,7 @@
               lanes
             )),
             (newChild.return = returnFiber),
+            (newChild._debugOwner = returnFiber),
             (newChild._debugInfo = currentDebugInfo),
             newChild
           );
@@ -4719,6 +4743,7 @@
                 null
               )),
               (lanes.return = returnFiber),
+              (lanes._debugOwner = returnFiber),
               (returnFiber = pushDebugInfo(newChild._debugInfo)),
               (lanes._debugInfo = currentDebugInfo),
               (currentDebugInfo = returnFiber),
@@ -4944,7 +4969,7 @@
               break;
             }
             runWithFiberInDEV(workInProgress, function () {
-              error$jscomp$0(
+              console.error(
                 "Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",
                 key
               );
@@ -5259,6 +5284,7 @@
                       newChild.key
                     )),
                     (currentFirstChild.return = returnFiber),
+                    (currentFirstChild._debugOwner = returnFiber),
                     (currentFirstChild._debugInfo = currentDebugInfo),
                     validateFragmentProps(
                       newChild,
@@ -5364,14 +5390,14 @@
                 "[object Generator]" !== Object.prototype.toString.call(key)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$0(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
               newChild.entries !== child ||
                 didWarnAboutMaps ||
-                (error$jscomp$0(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
@@ -5430,6 +5456,8 @@
                   lanes
                 )),
                 (currentFirstChild.return = returnFiber),
+                (currentFirstChild._debugOwner = returnFiber),
+                (currentFirstChild._debugInfo = currentDebugInfo),
                 (returnFiber = currentFirstChild)),
             placeSingleChild(returnFiber)
           );
@@ -5570,7 +5598,7 @@
     }
     function retainCache(cache) {
       cache.controller.signal.aborted &&
-        warn(
+        console.warn(
           "A cache instance was retained after it was already freed. This likely indicates a bug in React."
         );
       cache.refCount++;
@@ -5578,7 +5606,7 @@
     function releaseCache(cache) {
       cache.refCount--;
       0 > cache.refCount &&
-        warn(
+        console.warn(
           "A cache instance was released after it was already freed. This likely indicates a bug in React."
         );
       0 === cache.refCount &&
@@ -5693,7 +5721,7 @@
             oldHookName += newHookName + "\n";
             table += oldHookName;
           }
-          error$jscomp$0(
+          console.error(
             "React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://react.dev/link/rules-of-hooks\n\n   Previous render            Next render\n   ------------------------------------------------------\n%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
             componentName,
             table
@@ -5705,7 +5733,7 @@
       void 0 === deps ||
         null === deps ||
         isArrayImpl(deps) ||
-        error$jscomp$0(
+        console.error(
           "%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",
           currentHookNameInDev,
           typeof deps
@@ -5715,7 +5743,7 @@
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
       didWarnAboutUseFormState.has(componentName) ||
         (didWarnAboutUseFormState.add(componentName),
-        error$jscomp$0(
+        console.error(
           "ReactDOM.useFormState has been renamed to React.useActionState. Please update %s to use React.useActionState.",
           componentName
         ));
@@ -5729,14 +5757,14 @@
       if (ignorePreviousDependencies) return !1;
       if (null === prevDeps)
         return (
-          error$jscomp$0(
+          console.error(
             "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
             currentHookNameInDev
           ),
           !1
         );
       nextDeps.length !== prevDeps.length &&
-        error$jscomp$0(
+        console.error(
           "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
           currentHookNameInDev,
           "[" + prevDeps.join(", ") + "]",
@@ -5771,7 +5799,7 @@
         )),
           didWarnAboutAsyncClientComponent.has(nextRenderLanes) ||
             (didWarnAboutAsyncClientComponent.add(nextRenderLanes),
-            error$jscomp$0(
+            console.error(
               "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
             ));
       workInProgress.memoizedState = null;
@@ -5825,7 +5853,7 @@
       hookTypesUpdateIndexDev = -1;
       null !== current &&
         (current.flags & 31457280) !== (workInProgress.flags & 31457280) &&
-        error$jscomp$0(
+        console.error(
           "Internal React error: Expected static flag was missing. Please notify the React team."
         );
       didScheduleRenderPhaseUpdate = !1;
@@ -5844,7 +5872,7 @@
         didWarnAboutUseWrappedInTryCatch.has(workInProgress) ||
           didWarnAboutAsyncClientComponent.has(workInProgress) ||
           (didWarnAboutUseWrappedInTryCatch.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "`use` was called from inside a try/catch block. This is not allowed and can lead to unexpected behavior. To handle errors triggered by `use`, wrap your component in a error boundary."
           )));
     }
@@ -6026,7 +6054,7 @@
           updateQueue[current] = REACT_MEMO_CACHE_SENTINEL;
       else
         updateQueue.length !== size &&
-          error$jscomp$0(
+          console.error(
             "Expected a constant size argument for each invocation of useMemoCache. The previous cache was allocated with size %s but size %s was requested.",
             updateQueue.length,
             size
@@ -6082,7 +6110,7 @@
           pendingQueue.next = baseFirst;
         }
         current.baseQueue !== baseQueue &&
-          error$jscomp$0(
+          console.error(
             "Internal error: Expected work-in-progress queue to be a clone. This is a bug in React."
           );
         current.baseQueue = baseQueue = pendingQueue;
@@ -6213,7 +6241,7 @@
         var nextSnapshot = getServerSnapshot();
         didWarnUncachedGetSnapshot ||
           nextSnapshot === getServerSnapshot() ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getServerSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6222,7 +6250,7 @@
         didWarnUncachedGetSnapshot ||
           ((getServerSnapshot = getSnapshot()),
           objectIs(nextSnapshot, getServerSnapshot) ||
-            (error$jscomp$0(
+            (console.error(
               "The result of getSnapshot should be cached to avoid an infinite loop"
             ),
             (didWarnUncachedGetSnapshot = !0)));
@@ -6279,7 +6307,7 @@
       ) {
         var cachedSnapshot = getSnapshot();
         objectIs(getServerSnapshot, cachedSnapshot) ||
-          (error$jscomp$0(
+          (console.error(
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ),
           (didWarnUncachedGetSnapshot = !0));
@@ -6357,7 +6385,7 @@
       try {
         var nextValue = latestGetSnapshot();
         return !objectIs(inst, nextValue);
-      } catch (error$3) {
+      } catch (error) {
         return !0;
       }
     }
@@ -6486,8 +6514,8 @@
           null !== onStartTransitionFinish &&
             onStartTransitionFinish(currentTransition, returnValue);
           handleActionReturnValue(actionQueue, node, returnValue);
-        } catch (error$4) {
-          onActionError(actionQueue, node, error$4);
+        } catch (error) {
+          onActionError(actionQueue, node, error);
         } finally {
           (ReactSharedInternals.T = prevTransition),
             null === prevTransition &&
@@ -6495,7 +6523,7 @@
               ((actionQueue = currentTransition._updatedFibers.size),
               currentTransition._updatedFibers.clear(),
               10 < actionQueue &&
-                warn(
+                console.warn(
                   "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
                 ));
         }
@@ -6503,8 +6531,8 @@
         try {
           (currentTransition = action(prevState, payload)),
             handleActionReturnValue(actionQueue, node, currentTransition);
-        } catch (error$5) {
-          onActionError(actionQueue, node, error$5);
+        } catch (error$3) {
+          onActionError(actionQueue, node, error$3);
         }
     }
     function handleActionReturnValue(actionQueue, node, returnValue) {
@@ -6520,7 +6548,7 @@
             }
           ),
           node.isTransition ||
-            error$jscomp$0(
+            console.error(
               "An async function was passed to useActionState, but it was dispatched outside of an action context. This is likely not what you intended. Either pass the dispatch function to an `action` prop, or dispatch manually inside `startTransition`"
             ))
         : onActionSuccess(actionQueue, node, returnValue);
@@ -6765,7 +6793,7 @@
       if (null !== ref && void 0 !== ref)
         return (
           ref.hasOwnProperty("current") ||
-            error$jscomp$0(
+            console.error(
               "Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.",
               "an object with keys {" + Object.keys(ref).join(", ") + "}"
             ),
@@ -6778,7 +6806,7 @@
     }
     function mountImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -6794,7 +6822,7 @@
     }
     function updateImperativeHandle(ref, create, deps) {
       "function" !== typeof create &&
-        error$jscomp$0(
+        console.error(
           "Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",
           null !== create ? typeof create : "null"
         );
@@ -6928,11 +6956,11 @@
           );
           dispatchSetState(fiber, queue, thenableForFinishedState);
         } else dispatchSetState(fiber, queue, finishedState);
-      } catch (error$6) {
+      } catch (error) {
         dispatchSetState(fiber, queue, {
           then: function () {},
           status: "rejected",
-          reason: error$6
+          reason: error
         });
       } finally {
         (ReactDOMSharedInternals.p = previousPriority),
@@ -6942,7 +6970,7 @@
             ((fiber = currentTransition._updatedFibers.size),
             currentTransition._updatedFibers.clear(),
             10 < fiber &&
-              warn(
+              console.warn(
                 "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
               ));
       }
@@ -7003,7 +7031,7 @@
     }
     function requestFormReset$2(formFiber) {
       null === ReactSharedInternals.T &&
-        error$jscomp$0(
+        console.error(
           "requestFormReset was called outside a transition or action. To fix, move to an action, or wrap with startTransition."
         );
       var resetStateQueue = ensureFormComponentIsStateful(formFiber).next.queue;
@@ -7086,7 +7114,7 @@
             null !== seedKey &&
               void 0 !== seedKey &&
               null !== root &&
-              error$jscomp$0(
+              console.error(
                 "The seed argument is not enabled outside experimental channels."
               );
             fiber.payload = { cache: provider };
@@ -7102,7 +7130,7 @@
       JSCompiler_OptimizeArgumentsArray_p0
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p0 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p0 = requestUpdateLane(fiber);
@@ -7142,7 +7170,7 @@
       JSCompiler_OptimizeArgumentsArray_p1
     ) {
       "function" === typeof JSCompiler_OptimizeArgumentsArray_p1 &&
-        error$jscomp$0(
+        console.error(
           "State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect()."
         );
       JSCompiler_OptimizeArgumentsArray_p1 = requestUpdateLane(fiber);
@@ -7174,7 +7202,7 @@
               null === workInProgressRoot && finishQueueingConcurrentUpdates();
               return;
             }
-          } catch (error$7) {
+          } catch (error) {
           } finally {
             ReactSharedInternals.H = prevDispatcher;
           }
@@ -7207,7 +7235,7 @@
     ) {
       null === ReactSharedInternals.T &&
         0 === currentEntangledLane &&
-        error$jscomp$0(
+        console.error(
           "An optimistic state update occurred outside a transition or action. To fix, move the update to an action, or wrap with startTransition."
         );
       action = {
@@ -7221,7 +7249,7 @@
       if (isRenderPhaseUpdate(fiber)) {
         if (throwIfDuringRender)
           throw Error("Cannot update optimistic state while rendering.");
-        error$jscomp$0("Cannot call startTransition while rendering.");
+        console.error("Cannot call startTransition while rendering.");
       } else
         (throwIfDuringRender = enqueueConcurrentHookUpdate(
           fiber,
@@ -7315,26 +7343,61 @@
     }
     function defaultOnUncaughtError(error, errorInfo) {
       reportGlobalError(error);
-      console.warn(
-        "%s\n\n%s\n%s",
-        componentName
-          ? "An error occurred in the <" + componentName + "> component."
-          : "An error occurred in one of your React components.",
-        "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries.",
-        null != errorInfo.componentStack ? errorInfo.componentStack : ""
-      );
+      error = componentName
+        ? "An error occurred in the <" + componentName + "> component."
+        : "An error occurred in one of your React components.";
+      var prevGetCurrentStack = ReactSharedInternals.getCurrentStack,
+        componentStack =
+          null != errorInfo.componentStack ? errorInfo.componentStack : "";
+      ReactSharedInternals.getCurrentStack = function () {
+        return componentStack;
+      };
+      try {
+        console.warn(
+          "%s\n\n%s\n",
+          error,
+          "Consider adding an error boundary to your tree to customize error handling behavior.\nVisit https://react.dev/link/error-boundaries to learn more about error boundaries."
+        );
+      } finally {
+        ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
+      }
     }
-    function defaultOnCaughtError(error$1, errorInfo) {
-      console.error(
-        "%o\n\n%s\n\n%s\n%s",
-        error$1,
-        componentName
+    function defaultOnCaughtError(error, errorInfo) {
+      var componentNameMessage = componentName
           ? "The above error occurred in the <" + componentName + "> component."
           : "The above error occurred in one of your React components.",
-        "React will try to recreate this component tree from scratch using the error boundary you provided, " +
+        recreateMessage =
+          "React will try to recreate this component tree from scratch using the error boundary you provided, " +
           ((errorBoundaryName || "Anonymous") + "."),
-        null != errorInfo.componentStack ? errorInfo.componentStack : ""
-      );
+        prevGetCurrentStack = ReactSharedInternals.getCurrentStack,
+        componentStack =
+          null != errorInfo.componentStack ? errorInfo.componentStack : "";
+      ReactSharedInternals.getCurrentStack = function () {
+        return componentStack;
+      };
+      try {
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+          ? printToConsole(
+              "error",
+              [
+                "%o\n\n%s\n\n%s\n",
+                error,
+                componentNameMessage,
+                recreateMessage
+              ],
+              error.environmentName
+            )
+          : console.error(
+              "%o\n\n%s\n\n%s\n",
+              error,
+              componentNameMessage,
+              recreateMessage
+            );
+      } finally {
+        ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
+      }
     }
     function defaultOnRecoverableError(error) {
       reportGlobalError(error);
@@ -7352,9 +7415,9 @@
           var onUncaughtError = root.onUncaughtError;
           onUncaughtError(error, { componentStack: errorInfo.stack });
         }
-      } catch (e$8) {
+      } catch (e$4) {
         setTimeout(function () {
-          throw e$8;
+          throw e$4;
         });
       }
     }
@@ -7369,9 +7432,9 @@
           componentStack: errorInfo.stack,
           errorBoundary: 1 === boundary.tag ? boundary.stateNode : null
         });
-      } catch (e$9) {
+      } catch (e$5) {
         setTimeout(function () {
-          throw e$9;
+          throw e$5;
         });
       }
     }
@@ -7392,9 +7455,9 @@
     function initializeClassErrorUpdate(update, root, fiber, errorInfo) {
       var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
       if ("function" === typeof getDerivedStateFromError) {
-        var error$1 = errorInfo.value;
+        var error = errorInfo.value;
         update.payload = function () {
-          return getDerivedStateFromError(error$1);
+          return getDerivedStateFromError(error);
         };
         update.callback = function () {
           markFailedErrorBoundaryForHotReloading(fiber);
@@ -7429,7 +7492,7 @@
           });
           "function" === typeof getDerivedStateFromError ||
             (0 === (fiber.lanes & SyncLane) &&
-              error$jscomp$0(
+              console.error(
                 "%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",
                 getComponentNameFromFiber(fiber) || "Unknown"
               ));
@@ -7865,7 +7928,7 @@
       ) {
         var componentName = getComponentNameFromType(Component) || "Unknown";
         didWarnAboutBadClass[componentName] ||
-          (error$jscomp$0(
+          (console.error(
             "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
             componentName,
             componentName
@@ -7880,10 +7943,13 @@
       null === current &&
         (validateFunctionComponentInDev(workInProgress, workInProgress.type),
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-            getComponentNameFromType(Component) || "Unknown"
-          ));
+          ((componentName = getComponentNameFromType(Component) || "Unknown"),
+          didWarnAboutContextTypes$1[componentName] ||
+            ((didWarnAboutContextTypes$1[componentName] = !0),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+              componentName
+            ))));
       prepareToReadContext(workInProgress, renderLanes);
       markComponentRenderStarted(workInProgress);
       Component = renderWithHooks(
@@ -7993,7 +8059,7 @@
               : " However, it is set to an object with keys {" +
                 Object.keys(_instance).join(", ") +
                 "}."),
-          error$jscomp$0(
+          console.error(
             "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
             getComponentNameFromType(Component) || "Component",
             lane
@@ -8023,7 +8089,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutUninitializedState.has(state) ||
             (didWarnAboutUninitializedState.add(state),
-            error$jscomp$0(
+            console.error(
               "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
               state,
               null === _instance.state ? "null" : "undefined",
@@ -8059,7 +8125,7 @@
                 : "getSnapshotBeforeUpdate()";
             didWarnAboutLegacyLifecyclesAndDerivedState.has(_instance) ||
               (didWarnAboutLegacyLifecyclesAndDerivedState.add(_instance),
-              error$jscomp$0(
+              console.error(
                 "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                 _instance,
                 newApiName,
@@ -8074,88 +8140,87 @@
         _instance.render ||
           (Component.prototype &&
           "function" === typeof Component.prototype.render
-            ? error$jscomp$0(
+            ? console.error(
                 "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                 state
               )
-            : error$jscomp$0(
+            : console.error(
                 "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                 state
               ));
         !_instance.getInitialState ||
           _instance.getInitialState.isReactClassApproved ||
           _instance.state ||
-          error$jscomp$0(
+          console.error(
             "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
             state
           );
         _instance.getDefaultProps &&
           !_instance.getDefaultProps.isReactClassApproved &&
-          error$jscomp$0(
+          console.error(
             "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
             state
           );
-        _instance.propTypes &&
-          error$jscomp$0(
-            "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-            state
-          );
         _instance.contextType &&
-          error$jscomp$0(
+          console.error(
             "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
             state
           );
         Component.childContextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+          !didWarnAboutChildContextTypes.has(Component) &&
+          (didWarnAboutChildContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         Component.contextTypes &&
-          error$jscomp$0(
-            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+          !didWarnAboutContextTypes.has(Component) &&
+          (didWarnAboutContextTypes.add(Component),
+          console.error(
+            "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
             state
-          );
+          ));
         "function" === typeof _instance.componentShouldUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
             state
           );
         Component.prototype &&
           Component.prototype.isPureReactComponent &&
           "undefined" !== typeof _instance.shouldComponentUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
             getComponentNameFromType(Component) || "A pure component"
           );
         "function" === typeof _instance.componentDidUnmount &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
             state
           );
         "function" === typeof _instance.componentDidReceiveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
             state
           );
         "function" === typeof _instance.componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
             state
           );
         "function" === typeof _instance.UNSAFE_componentWillRecieveProps &&
-          error$jscomp$0(
+          console.error(
             "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
             state
           );
         lane = _instance.props !== nextProps;
         void 0 !== _instance.props &&
           lane &&
-          error$jscomp$0(
+          console.error(
             "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
             state
           );
         _instance.defaultProps &&
-          error$jscomp$0(
+          console.error(
             "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
             state,
             state
@@ -8164,31 +8229,31 @@
           "function" === typeof _instance.componentDidUpdate ||
           didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(Component) ||
           (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(Component),
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
             getComponentNameFromType(Component)
           ));
         "function" === typeof _instance.getDerivedStateFromProps &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof _instance.getDerivedStateFromError &&
-          error$jscomp$0(
+          console.error(
             "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
             state
           );
         "function" === typeof Component.getSnapshotBeforeUpdate &&
-          error$jscomp$0(
+          console.error(
             "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
             state
           );
         (lane = _instance.state) &&
           ("object" !== typeof lane || isArrayImpl(lane)) &&
-          error$jscomp$0("%s.state: must be set to an object or null", state);
+          console.error("%s.state: must be set to an object or null", state);
         "function" === typeof _instance.getChildContext &&
           "object" !== typeof Component.childContextTypes &&
-          error$jscomp$0(
+          console.error(
             "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
             state
           );
@@ -8206,7 +8271,7 @@
           ((state = getComponentNameFromType(Component) || "Component"),
           didWarnAboutDirectlyAssigningPropsToState.has(state) ||
             (didWarnAboutDirectlyAssigningPropsToState.add(state),
-            error$jscomp$0(
+            console.error(
               "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
               state
             )));
@@ -8239,7 +8304,7 @@
           "function" === typeof _instance.UNSAFE_componentWillMount &&
             _instance.UNSAFE_componentWillMount(),
           state !== _instance.state &&
-            (error$jscomp$0(
+            (console.error(
               "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
               getComponentNameFromFiber(workInProgress) || "Component"
             ),
@@ -8481,7 +8546,7 @@
       _instance &&
         renderLanes.props !== nextProps &&
         (didWarnAboutReassigningProps ||
-          error$jscomp$0(
+          console.error(
             "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
             getComponentNameFromFiber(workInProgress) || "a component"
           ),
@@ -8502,14 +8567,14 @@
     function validateFunctionComponentInDev(workInProgress, Component) {
       Component &&
         Component.childContextTypes &&
-        error$jscomp$0(
+        console.error(
           "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
           Component.displayName || Component.name || "Component"
         );
       "function" === typeof Component.getDerivedStateFromProps &&
         ((workInProgress = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutGetDerivedStateOnFunctionComponent[workInProgress] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support getDerivedStateFromProps.",
             workInProgress
           ),
@@ -8519,7 +8584,7 @@
         null !== Component.contextType &&
         ((Component = getComponentNameFromType(Component) || "Unknown"),
         didWarnAboutContextTypeOnFunctionComponent[Component] ||
-          (error$jscomp$0(
+          (console.error(
             "%s: Function components do not support contextType.",
             Component
           ),
@@ -8538,32 +8603,32 @@
       return current;
     }
     function updateSuspenseComponent(current, workInProgress, renderLanes) {
-      var JSCompiler_object_inline_digest_2334;
-      var JSCompiler_object_inline_stack_2335 = workInProgress.pendingProps;
+      var JSCompiler_object_inline_digest_2310;
+      var JSCompiler_object_inline_stack_2311 = workInProgress.pendingProps;
       shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128);
-      var JSCompiler_object_inline_componentStack_2336 = !1;
+      var JSCompiler_object_inline_componentStack_2312 = !1;
       var didSuspend = 0 !== (workInProgress.flags & 128);
-      (JSCompiler_object_inline_digest_2334 = didSuspend) ||
-        (JSCompiler_object_inline_digest_2334 =
+      (JSCompiler_object_inline_digest_2310 = didSuspend) ||
+        (JSCompiler_object_inline_digest_2310 =
           null !== current && null === current.memoizedState
             ? !1
             : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback));
-      JSCompiler_object_inline_digest_2334 &&
-        ((JSCompiler_object_inline_componentStack_2336 = !0),
+      JSCompiler_object_inline_digest_2310 &&
+        ((JSCompiler_object_inline_componentStack_2312 = !0),
         (workInProgress.flags &= -129));
-      JSCompiler_object_inline_digest_2334 = 0 !== (workInProgress.flags & 32);
+      JSCompiler_object_inline_digest_2310 = 0 !== (workInProgress.flags & 32);
       workInProgress.flags &= -33;
       if (null === current) {
         if (isHydrating) {
-          JSCompiler_object_inline_componentStack_2336
+          JSCompiler_object_inline_componentStack_2312
             ? pushPrimaryTreeSuspenseHandler(workInProgress)
             : reuseSuspenseHandlerOnStack(workInProgress);
           if (isHydrating) {
-            var JSCompiler_object_inline_message_2333 = nextHydratableInstance;
+            var JSCompiler_object_inline_message_2309 = nextHydratableInstance;
             var JSCompiler_temp;
-            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2333)) {
+            if (!(JSCompiler_temp = !JSCompiler_object_inline_message_2309)) {
               c: {
-                var instance = JSCompiler_object_inline_message_2333;
+                var instance = JSCompiler_object_inline_message_2309;
                 for (
                   JSCompiler_temp = rootOrSingletonContext;
                   8 !== instance.nodeType;
@@ -8604,19 +8669,19 @@
             JSCompiler_temp &&
               (warnNonHydratedInstance(
                 workInProgress,
-                JSCompiler_object_inline_message_2333
+                JSCompiler_object_inline_message_2309
               ),
               throwOnHydrationMismatch(workInProgress));
           }
-          JSCompiler_object_inline_message_2333 = workInProgress.memoizedState;
+          JSCompiler_object_inline_message_2309 = workInProgress.memoizedState;
           if (
-            null !== JSCompiler_object_inline_message_2333 &&
-            ((JSCompiler_object_inline_message_2333 =
-              JSCompiler_object_inline_message_2333.dehydrated),
-            null !== JSCompiler_object_inline_message_2333)
+            null !== JSCompiler_object_inline_message_2309 &&
+            ((JSCompiler_object_inline_message_2309 =
+              JSCompiler_object_inline_message_2309.dehydrated),
+            null !== JSCompiler_object_inline_message_2309)
           )
             return (
-              JSCompiler_object_inline_message_2333.data ===
+              JSCompiler_object_inline_message_2309.data ===
               SUSPENSE_FALLBACK_START_DATA
                 ? (workInProgress.lanes = DefaultHydrationLane)
                 : (workInProgress.lanes = OffscreenLane),
@@ -8624,58 +8689,58 @@
             );
           popSuspenseHandler(workInProgress);
         }
-        JSCompiler_object_inline_message_2333 =
-          JSCompiler_object_inline_stack_2335.children;
-        JSCompiler_object_inline_stack_2335 =
-          JSCompiler_object_inline_stack_2335.fallback;
-        if (JSCompiler_object_inline_componentStack_2336)
+        JSCompiler_object_inline_message_2309 =
+          JSCompiler_object_inline_stack_2311.children;
+        JSCompiler_object_inline_stack_2311 =
+          JSCompiler_object_inline_stack_2311.fallback;
+        if (JSCompiler_object_inline_componentStack_2312)
           return (
             reuseSuspenseHandlerOnStack(workInProgress),
-            (JSCompiler_object_inline_componentStack_2336 =
+            (JSCompiler_object_inline_componentStack_2312 =
               workInProgress.mode),
-            (JSCompiler_object_inline_message_2333 =
+            (JSCompiler_object_inline_message_2309 =
               mountWorkInProgressOffscreenFiber(
                 {
                   mode: "hidden",
-                  children: JSCompiler_object_inline_message_2333
+                  children: JSCompiler_object_inline_message_2309
                 },
-                JSCompiler_object_inline_componentStack_2336
+                JSCompiler_object_inline_componentStack_2312
               )),
-            (JSCompiler_object_inline_stack_2335 = createFiberFromFragment(
-              JSCompiler_object_inline_stack_2335,
-              JSCompiler_object_inline_componentStack_2336,
+            (JSCompiler_object_inline_stack_2311 = createFiberFromFragment(
+              JSCompiler_object_inline_stack_2311,
+              JSCompiler_object_inline_componentStack_2312,
               renderLanes,
               null
             )),
-            (JSCompiler_object_inline_message_2333.return = workInProgress),
-            (JSCompiler_object_inline_stack_2335.return = workInProgress),
-            (JSCompiler_object_inline_message_2333.sibling =
-              JSCompiler_object_inline_stack_2335),
-            (workInProgress.child = JSCompiler_object_inline_message_2333),
-            (JSCompiler_object_inline_componentStack_2336 =
+            (JSCompiler_object_inline_message_2309.return = workInProgress),
+            (JSCompiler_object_inline_stack_2311.return = workInProgress),
+            (JSCompiler_object_inline_message_2309.sibling =
+              JSCompiler_object_inline_stack_2311),
+            (workInProgress.child = JSCompiler_object_inline_message_2309),
+            (JSCompiler_object_inline_componentStack_2312 =
               workInProgress.child),
-            (JSCompiler_object_inline_componentStack_2336.memoizedState =
+            (JSCompiler_object_inline_componentStack_2312.memoizedState =
               mountSuspenseOffscreenState(renderLanes)),
-            (JSCompiler_object_inline_componentStack_2336.childLanes =
+            (JSCompiler_object_inline_componentStack_2312.childLanes =
               getRemainingWorkInPrimaryTree(
                 current,
-                JSCompiler_object_inline_digest_2334,
+                JSCompiler_object_inline_digest_2310,
                 renderLanes
               )),
             (workInProgress.memoizedState = SUSPENDED_MARKER),
-            JSCompiler_object_inline_stack_2335
+            JSCompiler_object_inline_stack_2311
           );
         pushPrimaryTreeSuspenseHandler(workInProgress);
         return mountSuspensePrimaryChildren(
           workInProgress,
-          JSCompiler_object_inline_message_2333
+          JSCompiler_object_inline_message_2309
         );
       }
       var prevState = current.memoizedState;
       if (
         null !== prevState &&
-        ((JSCompiler_object_inline_message_2333 = prevState.dehydrated),
-        null !== JSCompiler_object_inline_message_2333)
+        ((JSCompiler_object_inline_message_2309 = prevState.dehydrated),
+        null !== JSCompiler_object_inline_message_2309)
       ) {
         if (didSuspend)
           workInProgress.flags & 256
@@ -8692,93 +8757,93 @@
               (workInProgress.flags |= 128),
               (workInProgress = null))
             : (reuseSuspenseHandlerOnStack(workInProgress),
-              (JSCompiler_object_inline_componentStack_2336 =
-                JSCompiler_object_inline_stack_2335.fallback),
-              (JSCompiler_object_inline_message_2333 = workInProgress.mode),
-              (JSCompiler_object_inline_stack_2335 =
+              (JSCompiler_object_inline_componentStack_2312 =
+                JSCompiler_object_inline_stack_2311.fallback),
+              (JSCompiler_object_inline_message_2309 = workInProgress.mode),
+              (JSCompiler_object_inline_stack_2311 =
                 mountWorkInProgressOffscreenFiber(
                   {
                     mode: "visible",
-                    children: JSCompiler_object_inline_stack_2335.children
+                    children: JSCompiler_object_inline_stack_2311.children
                   },
-                  JSCompiler_object_inline_message_2333
+                  JSCompiler_object_inline_message_2309
                 )),
-              (JSCompiler_object_inline_componentStack_2336 =
+              (JSCompiler_object_inline_componentStack_2312 =
                 createFiberFromFragment(
-                  JSCompiler_object_inline_componentStack_2336,
-                  JSCompiler_object_inline_message_2333,
+                  JSCompiler_object_inline_componentStack_2312,
+                  JSCompiler_object_inline_message_2309,
                   renderLanes,
                   null
                 )),
-              (JSCompiler_object_inline_componentStack_2336.flags |= 2),
-              (JSCompiler_object_inline_stack_2335.return = workInProgress),
-              (JSCompiler_object_inline_componentStack_2336.return =
+              (JSCompiler_object_inline_componentStack_2312.flags |= 2),
+              (JSCompiler_object_inline_stack_2311.return = workInProgress),
+              (JSCompiler_object_inline_componentStack_2312.return =
                 workInProgress),
-              (JSCompiler_object_inline_stack_2335.sibling =
-                JSCompiler_object_inline_componentStack_2336),
-              (workInProgress.child = JSCompiler_object_inline_stack_2335),
+              (JSCompiler_object_inline_stack_2311.sibling =
+                JSCompiler_object_inline_componentStack_2312),
+              (workInProgress.child = JSCompiler_object_inline_stack_2311),
               reconcileChildFibers(
                 workInProgress,
                 current.child,
                 null,
                 renderLanes
               ),
-              (JSCompiler_object_inline_stack_2335 = workInProgress.child),
-              (JSCompiler_object_inline_stack_2335.memoizedState =
+              (JSCompiler_object_inline_stack_2311 = workInProgress.child),
+              (JSCompiler_object_inline_stack_2311.memoizedState =
                 mountSuspenseOffscreenState(renderLanes)),
-              (JSCompiler_object_inline_stack_2335.childLanes =
+              (JSCompiler_object_inline_stack_2311.childLanes =
                 getRemainingWorkInPrimaryTree(
                   current,
-                  JSCompiler_object_inline_digest_2334,
+                  JSCompiler_object_inline_digest_2310,
                   renderLanes
                 )),
               (workInProgress.memoizedState = SUSPENDED_MARKER),
-              (workInProgress = JSCompiler_object_inline_componentStack_2336));
+              (workInProgress = JSCompiler_object_inline_componentStack_2312));
         else if (
           (pushPrimaryTreeSuspenseHandler(workInProgress),
           isHydrating &&
-            error$jscomp$0(
+            console.error(
               "We should not be hydrating here. This is a bug in React. Please file a bug."
             ),
-          JSCompiler_object_inline_message_2333.data ===
+          JSCompiler_object_inline_message_2309.data ===
             SUSPENSE_FALLBACK_START_DATA)
         ) {
-          JSCompiler_object_inline_digest_2334 =
-            JSCompiler_object_inline_message_2333.nextSibling &&
-            JSCompiler_object_inline_message_2333.nextSibling.dataset;
-          if (JSCompiler_object_inline_digest_2334) {
-            JSCompiler_temp = JSCompiler_object_inline_digest_2334.dgst;
-            var message = JSCompiler_object_inline_digest_2334.msg;
-            instance = JSCompiler_object_inline_digest_2334.stck;
-            var componentStack = JSCompiler_object_inline_digest_2334.cstck;
+          JSCompiler_object_inline_digest_2310 =
+            JSCompiler_object_inline_message_2309.nextSibling &&
+            JSCompiler_object_inline_message_2309.nextSibling.dataset;
+          if (JSCompiler_object_inline_digest_2310) {
+            JSCompiler_temp = JSCompiler_object_inline_digest_2310.dgst;
+            var message = JSCompiler_object_inline_digest_2310.msg;
+            instance = JSCompiler_object_inline_digest_2310.stck;
+            var componentStack = JSCompiler_object_inline_digest_2310.cstck;
           }
-          JSCompiler_object_inline_message_2333 = message;
-          JSCompiler_object_inline_digest_2334 = JSCompiler_temp;
-          JSCompiler_object_inline_stack_2335 = instance;
-          JSCompiler_object_inline_componentStack_2336 = componentStack;
-          JSCompiler_object_inline_message_2333 =
-            JSCompiler_object_inline_message_2333
-              ? Error(JSCompiler_object_inline_message_2333)
+          JSCompiler_object_inline_message_2309 = message;
+          JSCompiler_object_inline_digest_2310 = JSCompiler_temp;
+          JSCompiler_object_inline_stack_2311 = instance;
+          JSCompiler_object_inline_componentStack_2312 = componentStack;
+          JSCompiler_object_inline_message_2309 =
+            JSCompiler_object_inline_message_2309
+              ? Error(JSCompiler_object_inline_message_2309)
               : Error(
                   "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
                 );
-          JSCompiler_object_inline_message_2333.stack =
-            JSCompiler_object_inline_stack_2335 || "";
-          JSCompiler_object_inline_message_2333.digest =
-            JSCompiler_object_inline_digest_2334;
-          JSCompiler_object_inline_digest_2334 =
-            void 0 === JSCompiler_object_inline_componentStack_2336
+          JSCompiler_object_inline_message_2309.stack =
+            JSCompiler_object_inline_stack_2311 || "";
+          JSCompiler_object_inline_message_2309.digest =
+            JSCompiler_object_inline_digest_2310;
+          JSCompiler_object_inline_digest_2310 =
+            void 0 === JSCompiler_object_inline_componentStack_2312
               ? null
-              : JSCompiler_object_inline_componentStack_2336;
-          "string" === typeof JSCompiler_object_inline_digest_2334 &&
+              : JSCompiler_object_inline_componentStack_2312;
+          "string" === typeof JSCompiler_object_inline_digest_2310 &&
             CapturedStacks.set(
-              JSCompiler_object_inline_message_2333,
-              JSCompiler_object_inline_digest_2334
+              JSCompiler_object_inline_message_2309,
+              JSCompiler_object_inline_digest_2310
             );
           queueHydrationError({
-            value: JSCompiler_object_inline_message_2333,
+            value: JSCompiler_object_inline_message_2309,
             source: null,
-            stack: JSCompiler_object_inline_digest_2334
+            stack: JSCompiler_object_inline_digest_2310
           });
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -8786,26 +8851,26 @@
             renderLanes
           );
         } else if (
-          ((JSCompiler_object_inline_digest_2334 =
+          ((JSCompiler_object_inline_digest_2310 =
             0 !== (renderLanes & current.childLanes)),
-          didReceiveUpdate || JSCompiler_object_inline_digest_2334)
+          didReceiveUpdate || JSCompiler_object_inline_digest_2310)
         ) {
-          JSCompiler_object_inline_digest_2334 = workInProgressRoot;
-          if (null !== JSCompiler_object_inline_digest_2334) {
-            JSCompiler_object_inline_stack_2335 = renderLanes & -renderLanes;
-            if (0 !== (JSCompiler_object_inline_stack_2335 & SyncUpdateLanes))
-              JSCompiler_object_inline_stack_2335 = SyncHydrationLane;
+          JSCompiler_object_inline_digest_2310 = workInProgressRoot;
+          if (null !== JSCompiler_object_inline_digest_2310) {
+            JSCompiler_object_inline_stack_2311 = renderLanes & -renderLanes;
+            if (0 !== (JSCompiler_object_inline_stack_2311 & SyncUpdateLanes))
+              JSCompiler_object_inline_stack_2311 = SyncHydrationLane;
             else
-              switch (JSCompiler_object_inline_stack_2335) {
+              switch (JSCompiler_object_inline_stack_2311) {
                 case SyncLane:
-                  JSCompiler_object_inline_stack_2335 = SyncHydrationLane;
+                  JSCompiler_object_inline_stack_2311 = SyncHydrationLane;
                   break;
                 case InputContinuousLane:
-                  JSCompiler_object_inline_stack_2335 =
+                  JSCompiler_object_inline_stack_2311 =
                     InputContinuousHydrationLane;
                   break;
                 case DefaultLane:
-                  JSCompiler_object_inline_stack_2335 = DefaultHydrationLane;
+                  JSCompiler_object_inline_stack_2311 = DefaultHydrationLane;
                   break;
                 case 128:
                 case 256:
@@ -8826,40 +8891,40 @@
                 case 8388608:
                 case 16777216:
                 case 33554432:
-                  JSCompiler_object_inline_stack_2335 = TransitionHydrationLane;
+                  JSCompiler_object_inline_stack_2311 = TransitionHydrationLane;
                   break;
                 case IdleLane:
-                  JSCompiler_object_inline_stack_2335 = IdleHydrationLane;
+                  JSCompiler_object_inline_stack_2311 = IdleHydrationLane;
                   break;
                 default:
-                  JSCompiler_object_inline_stack_2335 = 0;
+                  JSCompiler_object_inline_stack_2311 = 0;
               }
-            JSCompiler_object_inline_stack_2335 =
+            JSCompiler_object_inline_stack_2311 =
               0 !==
-              (JSCompiler_object_inline_stack_2335 &
-                (JSCompiler_object_inline_digest_2334.suspendedLanes |
+              (JSCompiler_object_inline_stack_2311 &
+                (JSCompiler_object_inline_digest_2310.suspendedLanes |
                   renderLanes))
                 ? 0
-                : JSCompiler_object_inline_stack_2335;
+                : JSCompiler_object_inline_stack_2311;
             if (
-              0 !== JSCompiler_object_inline_stack_2335 &&
-              JSCompiler_object_inline_stack_2335 !== prevState.retryLane
+              0 !== JSCompiler_object_inline_stack_2311 &&
+              JSCompiler_object_inline_stack_2311 !== prevState.retryLane
             )
               throw (
-                ((prevState.retryLane = JSCompiler_object_inline_stack_2335),
+                ((prevState.retryLane = JSCompiler_object_inline_stack_2311),
                 enqueueConcurrentRenderForLane(
                   current,
-                  JSCompiler_object_inline_stack_2335
+                  JSCompiler_object_inline_stack_2311
                 ),
                 scheduleUpdateOnFiber(
-                  JSCompiler_object_inline_digest_2334,
+                  JSCompiler_object_inline_digest_2310,
                   current,
-                  JSCompiler_object_inline_stack_2335
+                  JSCompiler_object_inline_stack_2311
                 ),
                 SelectiveHydrationException)
               );
           }
-          JSCompiler_object_inline_message_2333.data ===
+          JSCompiler_object_inline_message_2309.data ===
             SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible();
           workInProgress = retrySuspenseComponentWithoutHydrating(
             current,
@@ -8867,7 +8932,7 @@
             renderLanes
           );
         } else
-          JSCompiler_object_inline_message_2333.data ===
+          JSCompiler_object_inline_message_2309.data ===
           SUSPENSE_PENDING_START_DATA
             ? ((workInProgress.flags |= 128),
               (workInProgress.child = current.child),
@@ -8875,12 +8940,12 @@
                 null,
                 current
               )),
-              (JSCompiler_object_inline_message_2333._reactRetry =
+              (JSCompiler_object_inline_message_2309._reactRetry =
                 workInProgress),
               (workInProgress = null))
             : ((current = prevState.treeContext),
               (nextHydratableInstance = getNextHydratable(
-                JSCompiler_object_inline_message_2333.nextSibling
+                JSCompiler_object_inline_message_2309.nextSibling
               )),
               (hydrationParentFiber = workInProgress),
               (isHydrating = !0),
@@ -8898,57 +8963,57 @@
                 (treeContextProvider = workInProgress)),
               (workInProgress = mountSuspensePrimaryChildren(
                 workInProgress,
-                JSCompiler_object_inline_stack_2335.children
+                JSCompiler_object_inline_stack_2311.children
               )),
               (workInProgress.flags |= 4096));
         return workInProgress;
       }
-      if (JSCompiler_object_inline_componentStack_2336)
+      if (JSCompiler_object_inline_componentStack_2312)
         return (
           reuseSuspenseHandlerOnStack(workInProgress),
-          (JSCompiler_object_inline_componentStack_2336 =
-            JSCompiler_object_inline_stack_2335.fallback),
-          (JSCompiler_object_inline_message_2333 = workInProgress.mode),
+          (JSCompiler_object_inline_componentStack_2312 =
+            JSCompiler_object_inline_stack_2311.fallback),
+          (JSCompiler_object_inline_message_2309 = workInProgress.mode),
           (JSCompiler_temp = current.child),
           (instance = JSCompiler_temp.sibling),
-          (JSCompiler_object_inline_stack_2335 = createWorkInProgress(
+          (JSCompiler_object_inline_stack_2311 = createWorkInProgress(
             JSCompiler_temp,
             {
               mode: "hidden",
-              children: JSCompiler_object_inline_stack_2335.children
+              children: JSCompiler_object_inline_stack_2311.children
             }
           )),
-          (JSCompiler_object_inline_stack_2335.subtreeFlags =
+          (JSCompiler_object_inline_stack_2311.subtreeFlags =
             JSCompiler_temp.subtreeFlags & 31457280),
           null !== instance
-            ? (JSCompiler_object_inline_componentStack_2336 =
+            ? (JSCompiler_object_inline_componentStack_2312 =
                 createWorkInProgress(
                   instance,
-                  JSCompiler_object_inline_componentStack_2336
+                  JSCompiler_object_inline_componentStack_2312
                 ))
-            : ((JSCompiler_object_inline_componentStack_2336 =
+            : ((JSCompiler_object_inline_componentStack_2312 =
                 createFiberFromFragment(
-                  JSCompiler_object_inline_componentStack_2336,
-                  JSCompiler_object_inline_message_2333,
+                  JSCompiler_object_inline_componentStack_2312,
+                  JSCompiler_object_inline_message_2309,
                   renderLanes,
                   null
                 )),
-              (JSCompiler_object_inline_componentStack_2336.flags |= 2)),
-          (JSCompiler_object_inline_componentStack_2336.return =
+              (JSCompiler_object_inline_componentStack_2312.flags |= 2)),
+          (JSCompiler_object_inline_componentStack_2312.return =
             workInProgress),
-          (JSCompiler_object_inline_stack_2335.return = workInProgress),
-          (JSCompiler_object_inline_stack_2335.sibling =
-            JSCompiler_object_inline_componentStack_2336),
-          (workInProgress.child = JSCompiler_object_inline_stack_2335),
-          (JSCompiler_object_inline_stack_2335 =
-            JSCompiler_object_inline_componentStack_2336),
-          (JSCompiler_object_inline_componentStack_2336 = workInProgress.child),
-          (JSCompiler_object_inline_message_2333 = current.child.memoizedState),
-          null === JSCompiler_object_inline_message_2333
-            ? (JSCompiler_object_inline_message_2333 =
+          (JSCompiler_object_inline_stack_2311.return = workInProgress),
+          (JSCompiler_object_inline_stack_2311.sibling =
+            JSCompiler_object_inline_componentStack_2312),
+          (workInProgress.child = JSCompiler_object_inline_stack_2311),
+          (JSCompiler_object_inline_stack_2311 =
+            JSCompiler_object_inline_componentStack_2312),
+          (JSCompiler_object_inline_componentStack_2312 = workInProgress.child),
+          (JSCompiler_object_inline_message_2309 = current.child.memoizedState),
+          null === JSCompiler_object_inline_message_2309
+            ? (JSCompiler_object_inline_message_2309 =
                 mountSuspenseOffscreenState(renderLanes))
             : ((JSCompiler_temp =
-                JSCompiler_object_inline_message_2333.cachePool),
+                JSCompiler_object_inline_message_2309.cachePool),
               null !== JSCompiler_temp
                 ? ((instance = CacheContext._currentValue),
                   (JSCompiler_temp =
@@ -8956,37 +9021,37 @@
                       ? { parent: instance, pool: instance }
                       : JSCompiler_temp))
                 : (JSCompiler_temp = getSuspendedCache()),
-              (JSCompiler_object_inline_message_2333 = {
+              (JSCompiler_object_inline_message_2309 = {
                 baseLanes:
-                  JSCompiler_object_inline_message_2333.baseLanes | renderLanes,
+                  JSCompiler_object_inline_message_2309.baseLanes | renderLanes,
                 cachePool: JSCompiler_temp
               })),
-          (JSCompiler_object_inline_componentStack_2336.memoizedState =
-            JSCompiler_object_inline_message_2333),
-          (JSCompiler_object_inline_componentStack_2336.childLanes =
+          (JSCompiler_object_inline_componentStack_2312.memoizedState =
+            JSCompiler_object_inline_message_2309),
+          (JSCompiler_object_inline_componentStack_2312.childLanes =
             getRemainingWorkInPrimaryTree(
               current,
-              JSCompiler_object_inline_digest_2334,
+              JSCompiler_object_inline_digest_2310,
               renderLanes
             )),
           (workInProgress.memoizedState = SUSPENDED_MARKER),
-          JSCompiler_object_inline_stack_2335
+          JSCompiler_object_inline_stack_2311
         );
       pushPrimaryTreeSuspenseHandler(workInProgress);
       renderLanes = current.child;
       current = renderLanes.sibling;
       renderLanes = createWorkInProgress(renderLanes, {
         mode: "visible",
-        children: JSCompiler_object_inline_stack_2335.children
+        children: JSCompiler_object_inline_stack_2311.children
       });
       renderLanes.return = workInProgress;
       renderLanes.sibling = null;
       null !== current &&
-        ((JSCompiler_object_inline_digest_2334 = workInProgress.deletions),
-        null === JSCompiler_object_inline_digest_2334
+        ((JSCompiler_object_inline_digest_2310 = workInProgress.deletions),
+        null === JSCompiler_object_inline_digest_2310
           ? ((workInProgress.deletions = [current]),
             (workInProgress.flags |= 16))
-          : JSCompiler_object_inline_digest_2334.push(current));
+          : JSCompiler_object_inline_digest_2310.push(current));
       workInProgress.child = renderLanes;
       workInProgress.memoizedState = null;
       return renderLanes;
@@ -9031,7 +9096,7 @@
       childSlot = !isAnArray && "function" === typeof getIteratorFn(childSlot);
       return isAnArray || childSlot
         ? ((isAnArray = isAnArray ? "array" : "iterable"),
-          error$jscomp$0(
+          console.error(
             "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",
             isAnArray,
             index,
@@ -9084,7 +9149,7 @@
             case "together":
             case "forwards":
             case "backwards":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
@@ -9092,20 +9157,20 @@
               break;
             case "forward":
             case "backward":
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',
                 revealOrder,
                 revealOrder.toLowerCase()
               );
               break;
             default:
-              error$jscomp$0(
+              console.error(
                 '"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
                 revealOrder
               );
           }
         else
-          error$jscomp$0(
+          console.error(
             '%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',
             revealOrder
           );
@@ -9113,14 +9178,14 @@
         didWarnAboutTailOptions[tailMode] ||
         ("collapsed" !== tailMode && "hidden" !== tailMode
           ? ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',
               tailMode
             ))
           : "forwards" !== revealOrder &&
             "backwards" !== revealOrder &&
             ((didWarnAboutTailOptions[tailMode] = !0),
-            error$jscomp$0(
+            console.error(
               '<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',
               tailMode
             )));
@@ -9141,7 +9206,7 @@
               _i++;
             }
         } else
-          error$jscomp$0(
+          console.error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',
             revealOrder
           );
@@ -9892,7 +9957,7 @@
             "value" in prevSibling ||
               hasWarnedAboutUsingNoValuePropOnContextProvider ||
               ((hasWarnedAboutUsingNoValuePropOnContextProvider = !0),
-              error$jscomp$0(
+              console.error(
                 "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
               ));
             pushProvider(workInProgress, returnFiber, nextState);
@@ -9926,7 +9991,7 @@
             (prevSibling = workInProgress.type._context),
             (returnFiber = workInProgress.pendingProps.children),
             "function" !== typeof returnFiber &&
-              error$jscomp$0(
+              console.error(
                 "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
               ),
             prepareToReadContext(workInProgress, renderLanes),
@@ -10047,7 +10112,7 @@
       void 0 !== context._currentRenderer &&
         null !== context._currentRenderer &&
         context._currentRenderer !== rendererSigil &&
-        error$jscomp$0(
+        console.error(
           "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
         );
       context._currentRenderer = rendererSigil;
@@ -10076,7 +10141,7 @@
         parent = parent.return;
       }
       parent !== propagationRoot &&
-        error$jscomp$0(
+        console.error(
           "Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue."
         );
     }
@@ -10163,7 +10228,7 @@
     }
     function readContext(context) {
       isDisallowedContextReadInDEV &&
-        error$jscomp$0(
+        console.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 readContextForConsumer(currentlyRenderingFiber, context);
@@ -10227,7 +10292,7 @@
         !didWarnUpdateInsideUpdate
       ) {
         var componentName = getComponentNameFromFiber(fiber);
-        error$jscomp$0(
+        console.error(
           "An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback.\n\nPlease update the following component: %s",
           componentName
         );
@@ -10491,7 +10556,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -10517,7 +10582,7 @@
         ((ctor = getComponentNameFromType(ctor) || "Component"),
         didWarnAboutUndefinedDerivedState.has(ctor) ||
           (didWarnAboutUndefinedDerivedState.add(ctor),
-          error$jscomp$0(
+          console.error(
             "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
             ctor
           )));
@@ -10558,7 +10623,7 @@
           }
         }
         void 0 === oldProps &&
-          error$jscomp$0(
+          console.error(
             "%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",
             getComponentNameFromType(ctor) || "Component"
           );
@@ -10584,7 +10649,7 @@
           getComponentNameFromFiber(workInProgress) || "Component"),
         didWarnAboutStateAssignmentForComponent.has(workInProgress) ||
           (didWarnAboutStateAssignmentForComponent.add(workInProgress),
-          error$jscomp$0(
+          console.error(
             "%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
             workInProgress
           )),
@@ -10654,16 +10719,16 @@
             else current.refCleanup = ref(instanceToUse);
           else
             "string" === typeof ref
-              ? error$jscomp$0("String refs are no longer supported.")
+              ? console.error("String refs are no longer supported.")
               : ref.hasOwnProperty("current") ||
-                error$jscomp$0(
+                console.error(
                   "Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().",
                   getComponentNameFromFiber(current)
                 ),
               (ref.current = instanceToUse);
         }
-      } catch (error$11) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$11);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function safelyDetachRef(current, nearestMountedAncestor) {
@@ -10679,8 +10744,8 @@
                 recordLayoutEffectDuration(current);
               }
             else refCleanup();
-          } catch (error$12) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$12);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           } finally {
             (current.refCleanup = null),
               (current = current.alternate),
@@ -10695,16 +10760,16 @@
                 recordLayoutEffectDuration(current);
               }
             else ref(null);
-          } catch (error$13) {
-            captureCommitPhaseError(current, nearestMountedAncestor, error$13);
+          } catch (error$6) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error$6);
           }
         else ref.current = null;
     }
     function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
       try {
         destroy();
-      } catch (error$14) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$14);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
       }
     }
     function commitBeforeMutationEffects(root, firstChild) {
@@ -10796,8 +10861,8 @@
                 commitBeforeMutationEffectsOnFiber,
                 firstChild
               );
-            } catch (error$15) {
-              captureCommitPhaseError(firstChild, firstChild.return, error$15);
+            } catch (error) {
+              captureCommitPhaseError(firstChild, firstChild.return, error);
             }
             root = firstChild.sibling;
             if (null !== root) {
@@ -10829,12 +10894,12 @@
               "ref" in finishedWork.memoizedProps ||
               didWarnAboutReassigningProps ||
               (current.props !== finishedWork.memoizedProps &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ),
               current.state !== finishedWork.memoizedState &&
-                error$jscomp$0(
+                console.error(
                   "Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                   getComponentNameFromFiber(finishedWork) || "instance"
                 ));
@@ -10846,7 +10911,7 @@
             void 0 !== flags ||
               prevState.has(finishedWork.type) ||
               (prevState.add(finishedWork.type),
-              error$jscomp$0(
+              console.error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",
                 getComponentNameFromFiber(finishedWork)
               ));
@@ -10972,7 +11037,7 @@
                   : 0 !== (effect.tag & Insertion)
                   ? "useInsertionEffect"
                   : "useEffect"),
-              error$jscomp$0(
+              console.error(
                 "%s must not return anything besides a function, which is used for clean-up.%s",
                 inst,
                 null === create
@@ -10995,15 +11060,15 @@
         try {
           startLayoutEffectTimer(),
             commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$16) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$16);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordLayoutEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$17) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$17);
+        } catch (error$7) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$7);
         }
     }
     function commitClassCallbacks(finishedWork) {
@@ -11014,19 +11079,19 @@
           "ref" in finishedWork.memoizedProps ||
           didWarnAboutReassigningProps ||
           (instance.props !== finishedWork.memoizedProps &&
-            error$jscomp$0(
+            console.error(
               "Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ),
           instance.state !== finishedWork.memoizedState &&
-            error$jscomp$0(
+            console.error(
               "Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
               getComponentNameFromFiber(finishedWork) || "instance"
             ));
         try {
           commitCallbacks(updateQueue, instance);
-        } catch (error$22) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$22);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
     }
@@ -11045,8 +11110,8 @@
           case "img":
             props.src && (instance.src = props.src);
         }
-      } catch (error$23) {
-        captureCommitPhaseError(finishedWork, finishedWork.return, error$23);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
       }
     }
     function commitProfilerUpdate(finishedWork, current) {
@@ -11088,8 +11153,8 @@
             }
             parentFiber = parentFiber.return;
           }
-        } catch (error$24) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$24);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function commitLayoutEffectOnFiber(
@@ -11124,12 +11189,12 @@
                   "ref" in finishedWork.memoizedProps ||
                   didWarnAboutReassigningProps ||
                   (finishedRoot.props !== finishedWork.memoizedProps &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     ),
                   finishedRoot.state !== finishedWork.memoizedState &&
-                    error$jscomp$0(
+                    console.error(
                       "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                       getComponentNameFromFiber(finishedWork) || "instance"
                     )),
@@ -11137,22 +11202,22 @@
               ) {
                 try {
                   startLayoutEffectTimer(), finishedRoot.componentDidMount();
-                } catch (error$18) {
+                } catch (error) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$18
+                    error
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
               } else
                 try {
                   finishedRoot.componentDidMount();
-                } catch (error$19) {
+                } catch (error$8) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$19
+                    error$8
                   );
                 }
             else {
@@ -11165,12 +11230,12 @@
                 "ref" in finishedWork.memoizedProps ||
                 didWarnAboutReassigningProps ||
                 (finishedRoot.props !== finishedWork.memoizedProps &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ),
                 finishedRoot.state !== finishedWork.memoizedState &&
-                  error$jscomp$0(
+                  console.error(
                     "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",
                     getComponentNameFromFiber(finishedWork) || "instance"
                   ));
@@ -11182,11 +11247,11 @@
                       prevState,
                       finishedRoot.__reactInternalSnapshotBeforeUpdate
                     );
-                } catch (error$20) {
+                } catch (error$9) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$20
+                    error$9
                   );
                 }
                 recordLayoutEffectDuration(finishedWork);
@@ -11197,11 +11262,11 @@
                     prevState,
                     finishedRoot.__reactInternalSnapshotBeforeUpdate
                   );
-                } catch (error$21) {
+                } catch (error$10) {
                   captureCommitPhaseError(
                     finishedWork,
                     finishedWork.return,
-                    error$21
+                    error$10
                   );
                 }
             }
@@ -11230,12 +11295,8 @@
               }
             try {
               commitCallbacks(flags, finishedRoot);
-            } catch (error$25) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$25
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           }
           break;
@@ -11433,7 +11494,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -11579,11 +11640,11 @@
           )
             try {
               callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
-            } catch (error$10) {
+            } catch (error) {
               captureCommitPhaseError(
                 deletedFiber,
                 nearestMountedAncestor,
-                error$10
+                error
               );
             }
           recursivelyTraverseDeletionEffects(
@@ -11630,8 +11691,8 @@
       )
         try {
           retryIfBlockedOn(finishedRoot);
-        } catch (error$28) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$28);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
     }
     function getRetryCache(finishedWork) {
@@ -11730,8 +11791,8 @@
             var alternate = root.alternate;
             null !== alternate && (alternate.return = null);
             root.return = null;
-          } catch (error$29) {
-            captureCommitPhaseError(childToDelete, parentFiber, error$29);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
           }
         }
       if (parentFiber.subtreeFlags & 13878)
@@ -11763,12 +11824,8 @@
                 finishedWork.return
               ),
                 commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-            } catch (error$30) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$30
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
             if (shouldProfile(finishedWork)) {
               try {
@@ -11778,11 +11835,11 @@
                     finishedWork,
                     finishedWork.return
                   );
-              } catch (error$31) {
+              } catch (error$12) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$31
+                  error$12
                 );
               }
               recordLayoutEffectDuration(finishedWork);
@@ -11793,11 +11850,11 @@
                   finishedWork,
                   finishedWork.return
                 );
-              } catch (error$32) {
+              } catch (error$13) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$32
+                  error$13
                 );
               }
           }
@@ -11983,11 +12040,11 @@
                   newProps
                 );
                 domElement[internalPropsKey] = newProps;
-              } catch (error$33) {
+              } catch (error$14) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$33
+                  error$14
                 );
               }
           break;
@@ -12011,7 +12068,7 @@
             node = finishedWork.type;
             getInstanceFromNode(hoistableRoot) &&
               ((nextNode = hoistableRoot.tagName.toLowerCase()),
-              error$jscomp$0(
+              console.error(
                 "You are mounting a new %s component when a previous one has not first unmounted. It is an error to render more than one %s component at a time and attributes and children of these components will likely fail in unpredictable ways. Please only render a single instance of <%s> and if you need to mount a new one, ensure any previous ones have unmounted first.",
                 nextNode,
                 nextNode,
@@ -12023,7 +12080,7 @@
               case "body":
                 break;
               default:
-                error$jscomp$0(
+                console.error(
                   "acquireSingletonInstance was called with an element type that is not supported. This is a bug in React."
                 );
             }
@@ -12043,11 +12100,11 @@
             root = finishedWork.stateNode;
             try {
               setTextContent(root, "");
-            } catch (error$34) {
+            } catch (error$15) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$34
+                error$15
               );
             }
           }
@@ -12058,18 +12115,18 @@
             try {
               updateProperties(root, hoistableRoot, current, lanes),
                 (root[internalPropsKey] = lanes);
-            } catch (error$35) {
+            } catch (error$16) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$35
+                error$16
               );
             }
           }
           flags & 1024 &&
             ((needsFormReset = !0),
             "form" !== finishedWork.type &&
-              error$jscomp$0(
+              console.error(
                 "Unexpected host component type. Expected a form. This is a bug in React."
               ));
           break;
@@ -12085,11 +12142,11 @@
             current = finishedWork.memoizedProps;
             try {
               flags.nodeValue = current;
-            } catch (error$36) {
+            } catch (error$17) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$36
+                error$17
               );
             }
           }
@@ -12108,11 +12165,11 @@
           )
             try {
               retryIfBlockedOn(root.containerInfo);
-            } catch (error$37) {
+            } catch (error$18) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$37
+                error$18
               );
             }
           needsFormReset &&
@@ -12195,11 +12252,11 @@
                             null == nodeName || "boolean" === typeof nodeName
                               ? ""
                               : ("" + nodeName).trim()));
-                  } catch (error$26) {
+                  } catch (error) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$26
+                      error
                     );
                   }
                 }
@@ -12209,11 +12266,11 @@
                     root.stateNode.nodeValue = domElement
                       ? ""
                       : root.memoizedProps;
-                  } catch (error$27) {
+                  } catch (error$11) {
                     captureCommitPhaseError(
                       finishedWork,
                       finishedWork.return,
-                      error$27
+                      error$11
                     );
                   }
               } else if (
@@ -12311,8 +12368,8 @@
                 );
             }
           }
-        } catch (error$39) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$39);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         finishedWork.flags &= -3;
       }
@@ -12385,11 +12442,11 @@
             var nearestMountedAncestor = finishedWork.return;
             try {
               callComponentWillUnmountWithTimer(finishedWork, instance);
-            } catch (error$10) {
+            } catch (error) {
               captureCommitPhaseError(
                 finishedWork,
                 nearestMountedAncestor,
-                error$10
+                error
               );
             }
           }
@@ -12443,12 +12500,8 @@
           if ("function" === typeof finishedRoot.componentDidMount)
             try {
               finishedRoot.componentDidMount();
-            } catch (error$40) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$40
-              );
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
           var updateQueue = finishedWork.updateQueue;
           if (
@@ -12540,15 +12593,15 @@
         passiveEffectStartTime = now();
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$41) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$41);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
         recordPassiveEffectDuration(finishedWork);
       } else
         try {
           commitHookEffectListMount(hookFlags, finishedWork);
-        } catch (error$42) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$42);
+        } catch (error$20) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$20);
         }
     }
     function commitOffscreenPassiveMountEffects(current, finishedWork) {
@@ -13100,9 +13153,6 @@
         "function" !== typeof Object.preventExtensions ||
         Object.preventExtensions(this);
     }
-    function createFiber(tag, pendingProps, key, mode) {
-      return new FiberNode(tag, pendingProps, key, mode);
-    }
     function shouldConstruct(Component) {
       Component = Component.prototype;
       return !(!Component || !Component.isReactComponent);
@@ -13237,34 +13287,32 @@
             break;
           case REACT_PROFILER_TYPE:
             return (
+              (type = pendingProps),
               (owner = mode),
-              "string" !== typeof pendingProps.id &&
-                error$jscomp$0(
+              "string" !== typeof type.id &&
+                console.error(
                   'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-                  typeof pendingProps.id
+                  typeof type.id
                 ),
-              (owner = createFiber(12, pendingProps, key, owner | 2)),
-              (owner.elementType = REACT_PROFILER_TYPE),
-              (owner.lanes = lanes),
-              (owner.stateNode = {
-                effectDuration: 0,
-                passiveEffectDuration: 0
-              }),
-              owner
+              (key = createFiber(12, type, key, owner | 2)),
+              (key.elementType = REACT_PROFILER_TYPE),
+              (key.lanes = lanes),
+              (key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
+              key
             );
           case REACT_SUSPENSE_TYPE:
             return (
-              (owner = createFiber(13, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(13, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_SUSPENSE_LIST_TYPE:
             return (
-              (owner = createFiber(19, pendingProps, key, mode)),
-              (owner.elementType = REACT_SUSPENSE_LIST_TYPE),
-              (owner.lanes = lanes),
-              owner
+              (key = createFiber(19, pendingProps, key, mode)),
+              (key.elementType = REACT_SUSPENSE_LIST_TYPE),
+              (key.lanes = lanes),
+              key
             );
           case REACT_OFFSCREEN_TYPE:
             return createFiberFromOffscreen(pendingProps, mode, lanes, key);
@@ -13290,33 +13338,36 @@
                   resolvedType = null;
                   break a;
               }
-            lanes = "";
+            resolvedType = "";
             if (
               void 0 === type ||
               ("object" === typeof type &&
                 null !== type &&
                 0 === Object.keys(type).length)
             )
-              lanes +=
+              resolvedType +=
                 " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
             null === type
-              ? (type = "null")
+              ? (pendingProps = "null")
               : isArrayImpl(type)
-              ? (type = "array")
+              ? (pendingProps = "array")
               : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-              ? ((type =
+              ? ((pendingProps =
                   "<" +
                   (getComponentNameFromType(type.type) || "Unknown") +
                   " />"),
-                (lanes =
+                (resolvedType =
                   " Did you accidentally export a JSX literal instead of a component?"))
-              : (type = typeof type);
-            (owner = owner ? getComponentNameFromOwner(owner) : null) &&
-              (lanes += "\n\nCheck the render method of `" + owner + "`.");
-            throw Error(
+              : (pendingProps = typeof type);
+            (fiberTag = owner ? getComponentNameFromOwner(owner) : null) &&
+              (resolvedType +=
+                "\n\nCheck the render method of `" + fiberTag + "`.");
+            fiberTag = 29;
+            pendingProps = Error(
               "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
-                (type + "." + lanes)
+                (pendingProps + "." + resolvedType)
             );
+            resolvedType = null;
         }
       key = createFiber(fiberTag, pendingProps, key, mode);
       key.elementType = type;
@@ -13682,7 +13733,7 @@
                           : current.createElement(renderLanes)),
                         -1 === renderLanes.indexOf("-") &&
                           (renderLanes !== renderLanes.toLowerCase() &&
-                            error$jscomp$0(
+                            console.error(
                               "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
                               renderLanes
                             ),
@@ -13693,7 +13744,7 @@
                               renderLanes
                             ) ||
                             ((warnedUnknownTags[renderLanes] = !0),
-                            error$jscomp$0(
+                            console.error(
                               "The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",
                               renderLanes
                             )));
@@ -14183,7 +14234,7 @@
           : void 0;
       isReactActEnvironmentGlobal ||
         null === ReactSharedInternals.actQueue ||
-        error$jscomp$0(
+        console.error(
           "The current testing environment is not configured to support act(...)"
         );
       return isReactActEnvironmentGlobal;
@@ -14214,7 +14265,7 @@
     }
     function scheduleUpdateOnFiber(root, fiber, lane) {
       isRunningInsertionEffect &&
-        error$jscomp$0("useInsertionEffect must not schedule updates.");
+        console.error("useInsertionEffect must not schedule updates.");
       isFlushingPassiveEffects && (didScheduleUpdateDuringPassiveEffects = !0);
       if (
         (root === workInProgressRoot &&
@@ -14243,7 +14294,7 @@
               didWarnAboutUpdateInRenderForAnotherComponent.has(root) ||
                 (didWarnAboutUpdateInRenderForAnotherComponent.add(root),
                 (fiber = getComponentNameFromFiber(fiber) || "Unknown"),
-                error$jscomp$0(
+                console.error(
                   "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://react.dev/link/setstate-in-render",
                   fiber,
                   root,
@@ -14252,7 +14303,7 @@
               break;
             case 1:
               didWarnAboutUpdateInRender ||
-                (error$jscomp$0(
+                (console.error(
                   "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
                 ),
                 (didWarnAboutUpdateInRender = !0));
@@ -14509,7 +14560,7 @@
               check = check.value;
               try {
                 if (!objectIs(getSnapshot(), check)) return !1;
-              } catch (error$44) {
+              } catch (error) {
                 return !1;
               }
             }
@@ -14815,8 +14866,8 @@
           }
           workLoopSync();
           break;
-        } catch (thrownValue$45) {
-          handleThrow(root, thrownValue$45);
+        } catch (thrownValue$22) {
+          handleThrow(root, thrownValue$22);
         }
       while (1);
       lanes && root.shellSuspendCounter++;
@@ -14930,7 +14981,7 @@
                     }
                     break;
                   default:
-                    error$jscomp$0(
+                    console.error(
                       "Unexpected type of fiber triggered a suspensey commit. This is a bug in React."
                     );
                 }
@@ -14956,8 +15007,8 @@
             ? workLoopSync()
             : workLoopConcurrent();
           break;
-        } catch (thrownValue$46) {
-          handleThrow(root, thrownValue$46);
+        } catch (thrownValue$23) {
+          handleThrow(root, thrownValue$23);
         }
       while (1);
       resetContextDependencies();
@@ -15072,9 +15123,8 @@
           workInProgress = null;
           return;
         }
-      } catch (error$47) {
-        if (null !== returnFiber)
-          throw ((workInProgress = returnFiber), error$47);
+      } catch (error) {
+        if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
         workInProgressRootExitStatus = RootFatalErrored;
         logUncaughtError(
           root,
@@ -15117,7 +15167,7 @@
       var completedWork = unitOfWork;
       do {
         0 !== (completedWork.flags & 32768) &&
-          error$jscomp$0(
+          console.error(
             "Internal React error: Expected this fiber to be complete, but it isn't. It should have been unwound. This is a bug in React."
           );
         var current = completedWork.alternate;
@@ -15200,7 +15250,7 @@
         injectedProfilingHooks.markCommitStarted(lanes);
       if (null === finishedWork) return markCommitStopped(), null;
       0 === lanes &&
-        error$jscomp$0(
+        console.error(
           "root.finishedLanes should not be empty during a commit. This is a bug in React."
         );
       root.finishedWork = null;
@@ -15305,7 +15355,7 @@
       componentStack = { componentStack: componentStack };
       Object.defineProperty(componentStack, "digest", {
         get: function () {
-          error$jscomp$0(
+          console.error(
             'You are accessing "digest" from the errorInfo object passed to onRecoverableError. This property is no longer provided as part of errorInfo but can be accessed as a property of the Error instance itself.'
           );
         }
@@ -15445,7 +15495,7 @@
               } catch (err) {
                 hasLoggedError ||
                   ((hasLoggedError = !0),
-                  error$jscomp$0(
+                  console.error(
                     "React instrumentation encountered an error: %s",
                     err
                   ));
@@ -15488,18 +15538,18 @@
     function captureCommitPhaseError(
       sourceFiber,
       nearestMountedAncestor,
-      error$1
+      error
     ) {
       isRunningInsertionEffect = !1;
       if (3 === sourceFiber.tag)
-        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
       else {
         for (; null !== nearestMountedAncestor; ) {
           if (3 === nearestMountedAncestor.tag) {
             captureCommitPhaseErrorOnRoot(
               nearestMountedAncestor,
               sourceFiber,
-              error$1
+              error
             );
             return;
           }
@@ -15512,16 +15562,12 @@
                 (null === legacyErrorBoundariesThatAlreadyFailed ||
                   !legacyErrorBoundariesThatAlreadyFailed.has(instance)))
             ) {
-              sourceFiber = createCapturedValueAtFiber(error$1, sourceFiber);
-              error$1 = createClassErrorUpdate(SyncLane);
-              instance = enqueueUpdate(
-                nearestMountedAncestor,
-                error$1,
-                SyncLane
-              );
+              sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
+              error = createClassErrorUpdate(SyncLane);
+              instance = enqueueUpdate(nearestMountedAncestor, error, SyncLane);
               null !== instance &&
                 (initializeClassErrorUpdate(
-                  error$1,
+                  error,
                   instance,
                   nearestMountedAncestor,
                   sourceFiber
@@ -15533,9 +15579,9 @@
           }
           nearestMountedAncestor = nearestMountedAncestor.return;
         }
-        error$jscomp$0(
+        console.error(
           "Internal React error: Attempted to capture a commit phase error inside a detached tree. This indicates a bug in React. Potential causes include deleting the same fiber more than once, committing an already-finished tree, or an inconsistent return pointer.\n\nError message:\n\n%s",
-          error$1
+          error
         );
       }
     }
@@ -15567,7 +15613,7 @@
       throwIfInfiniteUpdateLoopDetected();
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
-        error$jscomp$0(
+        console.error(
           "A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\n\nWhen testing, code that resolves suspended data should be wrapped into act(...):\n\nact(() => {\n  /* finish loading suspended data */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act"
         );
       workInProgressRoot === root &&
@@ -15633,7 +15679,7 @@
       nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT &&
         ((nestedPassiveUpdateCount = 0),
         (rootWithPassiveNestedUpdates = null),
-        error$jscomp$0(
+        console.error(
           "Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."
         ));
     }
@@ -15719,7 +15765,7 @@
             didWarnStateUpdateForNotYetMountedComponent.add(tag);
           } else didWarnStateUpdateForNotYetMountedComponent = new Set([tag]);
           runWithFiberInDEV(fiber, function () {
-            error$jscomp$0(
+            console.error(
               "Can't perform a React state update on a component that hasn't mounted yet. This indicates that you have a side-effect in your render function that asynchronously later calls tries to update the component. Move this work to useEffect instead."
             );
           });
@@ -15742,7 +15788,7 @@
       isConcurrentActEnvironment() &&
         null === ReactSharedInternals.actQueue &&
         runWithFiberInDEV(fiber, function () {
-          error$jscomp$0(
+          console.error(
             "An update to %s inside a test was not wrapped in act(...).\n\nWhen testing, code that causes React state updates should be wrapped into act(...):\n\nact(() => {\n  /* fire events that update state */\n});\n/* assert on the output */\n\nThis ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act",
             getComponentNameFromFiber(fiber)
           );
@@ -16054,8 +16100,8 @@
               previousInstance.currentTarget = currentTarget;
               try {
                 _dispatchListeners$i(previousInstance);
-              } catch (error$48) {
-                reportGlobalError(error$48);
+              } catch (error) {
+                reportGlobalError(error);
               }
               previousInstance.currentTarget = null;
               previousInstance = instance;
@@ -16076,8 +16122,8 @@
               previousInstance.currentTarget = currentTarget;
               try {
                 _dispatchListeners$i(previousInstance);
-              } catch (error$48) {
-                reportGlobalError(error$48);
+              } catch (error) {
+                reportGlobalError(error);
               }
               previousInstance.currentTarget = null;
               previousInstance = instance;
@@ -16087,7 +16133,7 @@
     }
     function listenToNonDelegatedEvent(domEventName, targetElement) {
       nonDelegatedEvents.has(domEventName) ||
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNonDelegatedEvent() call for "%s". This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16102,7 +16148,7 @@
     function listenToNativeEvent(domEventName, isCapturePhaseListener, target) {
       nonDelegatedEvents.has(domEventName) &&
         !isCapturePhaseListener &&
-        error$jscomp$0(
+        console.error(
           'Did not expect a listenToNativeEvent() call for "%s" in the bubble phase. This is a bug in React. Please file an issue.',
           domEventName
         );
@@ -16760,11 +16806,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$0(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$0(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -16778,7 +16824,7 @@
       props.contentEditable &&
         !props.suppressContentEditableWarning &&
         null != props.children &&
-        error$jscomp$0(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
     }
@@ -16807,13 +16853,13 @@
     }
     function warnForInvalidEventListener(registrationName, listener) {
       !1 === listener
-        ? error$jscomp$0(
+        ? console.error(
             "Expected `%s` listener to be a function, instead got `false`.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.",
             registrationName,
             registrationName,
             registrationName
           )
-        : error$jscomp$0(
+        : console.error(
             "Expected `%s` listener to be a function, instead got a value of `%s` type.",
             registrationName,
             typeof listener
@@ -16833,7 +16879,7 @@
     }
     function normalizeMarkupForTextOrAttribute(markup) {
       willCoercionThrow(markup) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(markup)
         ),
@@ -16877,16 +16923,21 @@
         case "style":
           setValueForStyles(domElement, value, prevValue);
           break;
+        case "data":
+          if ("object" !== tag) {
+            setValueForKnownAttribute(domElement, "data", value);
+            break;
+          }
         case "src":
         case "href":
           if ("" === value && ("a" !== tag || "href" !== key)) {
             "src" === key
-              ? error$jscomp$0(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
                 )
-              : error$jscomp$0(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   key,
                   key
@@ -16912,25 +16963,25 @@
           null != value &&
             ("form" === tag
               ? "formAction" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the formAction prop to <input> or <button>. Use the action prop on <form>."
                   )
                 : "function" === typeof value &&
                   ((null == props.encType && null == props.method) ||
                     didWarnFormActionMethod ||
                     ((didWarnFormActionMethod = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
                     )),
                   null == props.target ||
                     didWarnFormActionTarget ||
                     ((didWarnFormActionTarget = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
                     )))
               : "input" === tag || "button" === tag
               ? "action" === key
-                ? error$jscomp$0(
+                ? console.error(
                     "You can only pass the action prop to <form>. Use the formAction prop on <input> or <button>."
                   )
                 : "input" !== tag ||
@@ -16945,32 +16996,32 @@
                     (null == props.name ||
                       didWarnFormActionName ||
                       ((didWarnFormActionName = !0),
-                      error$jscomp$0(
+                      console.error(
                         'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
                       )),
                     (null == props.formEncType && null == props.formMethod) ||
                       didWarnFormActionMethod ||
                       ((didWarnFormActionMethod = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
                       )),
                     null == props.formTarget ||
                       didWarnFormActionTarget ||
                       ((didWarnFormActionTarget = !0),
-                      error$jscomp$0(
+                      console.error(
                         "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
                       )))
                   : ((didWarnFormActionType = !0),
-                    error$jscomp$0(
+                    console.error(
                       'A button can only specify a formAction along with type="submit" or no type.'
                     ))
                 : ((didWarnFormActionType = !0),
-                  error$jscomp$0(
+                  console.error(
                     'An input can only specify a formAction along with type="submit" or type="image".'
                   ))
               : "action" === key
-              ? error$jscomp$0("You can only pass the action prop to <form>.")
-              : error$jscomp$0(
+              ? console.error("You can only pass the action prop to <form>.")
+              : console.error(
                   "You can only pass the formAction prop to <input> or <button>."
                 ));
           if ("function" === typeof value) {
@@ -17121,7 +17172,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[key] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[key] = !0),
-            error$jscomp$0(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               key
             ));
@@ -17265,7 +17316,7 @@
           break;
         case "is":
           null != prevValue &&
-            error$jscomp$0(
+            console.error(
               'Cannot update the "is" prop after it has been initialized.'
             );
           setValueForAttribute(domElement, "is", value);
@@ -17278,7 +17329,7 @@
             null == value ||
             "object" !== typeof value ||
             ((didWarnPopoverTargetObject = !0),
-            error$jscomp$0(
+            console.error(
               "The `popoverTarget` prop expects the ID of an Element as a string. Received %s instead.",
               value
             ));
@@ -17401,59 +17452,87 @@
         case "p":
         case "li":
           break;
-        case "input":
-          checkControlledValueProps("input", props);
-          listenToNonDelegatedEvent("invalid", domElement);
-          var name = null,
-            type = null,
-            value = null,
-            defaultValue = null,
-            checked = null,
-            defaultChecked = null;
+        case "img":
+          listenToNonDelegatedEvent("error", domElement);
+          listenToNonDelegatedEvent("load", domElement);
+          var hasSrc = !1,
+            hasSrcSet = !1,
+            propKey;
           for (propKey in props)
             if (props.hasOwnProperty(propKey)) {
               var propValue = props[propKey];
               if (null != propValue)
                 switch (propKey) {
+                  case "src":
+                    hasSrc = !0;
+                    break;
+                  case "srcSet":
+                    hasSrcSet = !0;
+                    break;
+                  case "children":
+                  case "dangerouslySetInnerHTML":
+                    throw Error(
+                      tag +
+                        " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
+                    );
+                  default:
+                    setProp(domElement, tag, propKey, propValue, props, null);
+                }
+            }
+          hasSrcSet &&
+            setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+          hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+          return;
+        case "input":
+          checkControlledValueProps("input", props);
+          listenToNonDelegatedEvent("invalid", domElement);
+          var defaultValue = (propKey = propValue = hasSrcSet = null),
+            checked = null,
+            defaultChecked = null;
+          for (hasSrc in props)
+            if (props.hasOwnProperty(hasSrc)) {
+              var _propValue = props[hasSrc];
+              if (null != _propValue)
+                switch (hasSrc) {
                   case "name":
-                    name = propValue;
+                    hasSrcSet = _propValue;
                     break;
                   case "type":
-                    type = propValue;
+                    propValue = _propValue;
                     break;
                   case "checked":
-                    checked = propValue;
+                    checked = _propValue;
                     break;
                   case "defaultChecked":
-                    defaultChecked = propValue;
+                    defaultChecked = _propValue;
                     break;
                   case "value":
-                    value = propValue;
+                    propKey = _propValue;
                     break;
                   case "defaultValue":
-                    defaultValue = propValue;
+                    defaultValue = _propValue;
                     break;
                   case "children":
                   case "dangerouslySetInnerHTML":
-                    if (null != propValue)
+                    if (null != _propValue)
                       throw Error(
                         tag +
                           " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                       );
                     break;
                   default:
-                    setProp(domElement, tag, propKey, propValue, props, null);
+                    setProp(domElement, tag, hasSrc, _propValue, props, null);
                 }
             }
           validateInputProps(domElement, props);
           initInput(
             domElement,
-            value,
+            propKey,
             defaultValue,
             checked,
             defaultChecked,
-            type,
-            name,
+            propValue,
+            hasSrcSet,
             !1
           );
           track(domElement);
@@ -17461,50 +17540,57 @@
         case "select":
           checkControlledValueProps("select", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          var propKey = (type = value = null);
-          for (name in props)
+          hasSrc = propValue = propKey = null;
+          for (hasSrcSet in props)
             if (
-              props.hasOwnProperty(name) &&
-              ((defaultValue = props[name]), null != defaultValue)
+              props.hasOwnProperty(hasSrcSet) &&
+              ((defaultValue = props[hasSrcSet]), null != defaultValue)
             )
-              switch (name) {
+              switch (hasSrcSet) {
                 case "value":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "defaultValue":
-                  type = defaultValue;
+                  propValue = defaultValue;
                   break;
                 case "multiple":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                 default:
-                  setProp(domElement, tag, name, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    hasSrcSet,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateSelectProps(domElement, props);
-          tag = value;
-          props = type;
-          domElement.multiple = !!propKey;
+          tag = propKey;
+          props = propValue;
+          domElement.multiple = !!hasSrc;
           null != tag
-            ? updateOptions(domElement, !!propKey, tag, !1)
-            : null != props && updateOptions(domElement, !!propKey, props, !0);
+            ? updateOptions(domElement, !!hasSrc, tag, !1)
+            : null != props && updateOptions(domElement, !!hasSrc, props, !0);
           return;
         case "textarea":
           checkControlledValueProps("textarea", props);
           listenToNonDelegatedEvent("invalid", domElement);
-          value = name = propKey = null;
-          for (type in props)
+          propKey = hasSrcSet = hasSrc = null;
+          for (propValue in props)
             if (
-              props.hasOwnProperty(type) &&
-              ((defaultValue = props[type]), null != defaultValue)
+              props.hasOwnProperty(propValue) &&
+              ((defaultValue = props[propValue]), null != defaultValue)
             )
-              switch (type) {
+              switch (propValue) {
                 case "value":
-                  propKey = defaultValue;
+                  hasSrc = defaultValue;
                   break;
                 case "defaultValue":
-                  name = defaultValue;
+                  hasSrcSet = defaultValue;
                   break;
                 case "children":
-                  value = defaultValue;
+                  propKey = defaultValue;
                   break;
                 case "dangerouslySetInnerHTML":
                   if (null != defaultValue)
@@ -17513,28 +17599,35 @@
                     );
                   break;
                 default:
-                  setProp(domElement, tag, type, defaultValue, props, null);
+                  setProp(
+                    domElement,
+                    tag,
+                    propValue,
+                    defaultValue,
+                    props,
+                    null
+                  );
               }
           validateTextareaProps(domElement, props);
-          initTextarea(domElement, propKey, name, value);
+          initTextarea(domElement, hasSrc, hasSrcSet, propKey);
           track(domElement);
           return;
         case "option":
           validateOptionProps(domElement, props);
-          for (defaultValue in props)
+          for (checked in props)
             if (
-              props.hasOwnProperty(defaultValue) &&
-              ((propKey = props[defaultValue]), null != propKey)
+              props.hasOwnProperty(checked) &&
+              ((hasSrc = props[checked]), null != hasSrc)
             )
-              switch (defaultValue) {
+              switch (checked) {
                 case "selected":
                   domElement.selected =
-                    propKey &&
-                    "function" !== typeof propKey &&
-                    "symbol" !== typeof propKey;
+                    hasSrc &&
+                    "function" !== typeof hasSrc &&
+                    "symbol" !== typeof hasSrc;
                   break;
                 default:
-                  setProp(domElement, tag, defaultValue, propKey, props, null);
+                  setProp(domElement, tag, checked, hasSrc, props, null);
               }
           return;
         case "dialog":
@@ -17547,8 +17640,8 @@
           break;
         case "video":
         case "audio":
-          for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-            listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+          for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+            listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
           break;
         case "image":
           listenToNonDelegatedEvent("error", domElement);
@@ -17559,7 +17652,6 @@
           break;
         case "embed":
         case "source":
-        case "img":
         case "link":
           listenToNonDelegatedEvent("error", domElement),
             listenToNonDelegatedEvent("load", domElement);
@@ -17574,12 +17666,12 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (checked in props)
+          for (defaultChecked in props)
             if (
-              props.hasOwnProperty(checked) &&
-              ((propKey = props[checked]), null != propKey)
+              props.hasOwnProperty(defaultChecked) &&
+              ((hasSrc = props[defaultChecked]), null != hasSrc)
             )
-              switch (checked) {
+              switch (defaultChecked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
                   throw Error(
@@ -17587,31 +17679,31 @@
                       " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
                   );
                 default:
-                  setProp(domElement, tag, checked, propKey, props, null);
+                  setProp(domElement, tag, defaultChecked, hasSrc, props, null);
               }
           return;
         default:
           if (isCustomElement(tag)) {
-            for (defaultChecked in props)
-              props.hasOwnProperty(defaultChecked) &&
-                ((propKey = props[defaultChecked]),
-                void 0 !== propKey &&
+            for (_propValue in props)
+              props.hasOwnProperty(_propValue) &&
+                ((hasSrc = props[_propValue]),
+                void 0 !== hasSrc &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    defaultChecked,
-                    propKey,
+                    _propValue,
+                    hasSrc,
                     props,
                     void 0
                   ));
             return;
           }
       }
-      for (value in props)
-        props.hasOwnProperty(value) &&
-          ((propKey = props[value]),
-          null != propKey &&
-            setProp(domElement, tag, value, propKey, props, null));
+      for (defaultValue in props)
+        props.hasOwnProperty(defaultValue) &&
+          ((hasSrc = props[defaultValue]),
+          null != hasSrc &&
+            setProp(domElement, tag, defaultValue, hasSrc, props, null));
     }
     function updateProperties(domElement, tag, lastProps, nextProps) {
       validatePropertiesInDevelopment(tag, nextProps);
@@ -17655,14 +17747,14 @@
                     );
               }
           }
-          for (var _propKey7 in nextProps) {
-            var propKey = nextProps[_propKey7];
-            lastProp = lastProps[_propKey7];
+          for (var _propKey8 in nextProps) {
+            var propKey = nextProps[_propKey8];
+            lastProp = lastProps[_propKey8];
             if (
-              nextProps.hasOwnProperty(_propKey7) &&
+              nextProps.hasOwnProperty(_propKey8) &&
               (null != propKey || null != lastProp)
             )
-              switch (_propKey7) {
+              switch (_propKey8) {
                 case "type":
                   type = propKey;
                   break;
@@ -17694,7 +17786,7 @@
                     setProp(
                       domElement,
                       tag,
-                      _propKey7,
+                      _propKey8,
                       propKey,
                       nextProps,
                       lastProp
@@ -17712,14 +17804,14 @@
           tag ||
             !nextProps ||
             didWarnUncontrolledToControlled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnUncontrolledToControlled = !0));
           !tag ||
             nextProps ||
             didWarnControlledToUncontrolled ||
-            (error$jscomp$0(
+            (console.error(
               "A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnControlledToUncontrolled = !0));
@@ -17735,7 +17827,7 @@
           );
           return;
         case "select":
-          propKey = value = defaultValue = _propKey7 = null;
+          propKey = value = defaultValue = _propKey8 = null;
           for (type in lastProps)
             if (
               ((lastDefaultValue = lastProps[type]),
@@ -17766,7 +17858,7 @@
             )
               switch (name) {
                 case "value":
-                  _propKey7 = type;
+                  _propKey8 = type;
                   break;
                 case "defaultValue":
                   defaultValue = type;
@@ -17787,15 +17879,15 @@
           nextProps = defaultValue;
           tag = value;
           lastProps = propKey;
-          null != _propKey7
-            ? updateOptions(domElement, !!tag, _propKey7, !1)
+          null != _propKey8
+            ? updateOptions(domElement, !!tag, _propKey8, !1)
             : !!lastProps !== !!tag &&
               (null != nextProps
                 ? updateOptions(domElement, !!tag, nextProps, !0)
                 : updateOptions(domElement, !!tag, tag ? [] : "", !1));
           return;
         case "textarea":
-          propKey = _propKey7 = null;
+          propKey = _propKey8 = null;
           for (defaultValue in lastProps)
             if (
               ((name = lastProps[defaultValue]),
@@ -17819,7 +17911,7 @@
             )
               switch (value) {
                 case "value":
-                  _propKey7 = name;
+                  _propKey8 = name;
                   break;
                 case "defaultValue":
                   propKey = name;
@@ -17836,17 +17928,17 @@
                   name !== type &&
                     setProp(domElement, tag, value, name, nextProps, type);
               }
-          updateTextarea(domElement, _propKey7, propKey);
+          updateTextarea(domElement, _propKey8, propKey);
           return;
         case "option":
-          for (var _propKey12 in lastProps)
+          for (var _propKey13 in lastProps)
             if (
-              ((_propKey7 = lastProps[_propKey12]),
-              lastProps.hasOwnProperty(_propKey12) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey12))
+              ((_propKey8 = lastProps[_propKey13]),
+              lastProps.hasOwnProperty(_propKey13) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey13))
             )
-              switch (_propKey12) {
+              switch (_propKey13) {
                 case "selected":
                   domElement.selected = !1;
                   break;
@@ -17854,33 +17946,33 @@
                   setProp(
                     domElement,
                     tag,
-                    _propKey12,
+                    _propKey13,
                     null,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
               }
           for (lastDefaultValue in nextProps)
             if (
-              ((_propKey7 = nextProps[lastDefaultValue]),
+              ((_propKey8 = nextProps[lastDefaultValue]),
               (propKey = lastProps[lastDefaultValue]),
               nextProps.hasOwnProperty(lastDefaultValue) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (lastDefaultValue) {
                 case "selected":
                   domElement.selected =
-                    _propKey7 &&
-                    "function" !== typeof _propKey7 &&
-                    "symbol" !== typeof _propKey7;
+                    _propKey8 &&
+                    "function" !== typeof _propKey8 &&
+                    "symbol" !== typeof _propKey8;
                   break;
                 default:
                   setProp(
                     domElement,
                     tag,
                     lastDefaultValue,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -17901,31 +17993,31 @@
         case "track":
         case "wbr":
         case "menuitem":
-          for (var _propKey14 in lastProps)
-            (_propKey7 = lastProps[_propKey14]),
-              lastProps.hasOwnProperty(_propKey14) &&
-                null != _propKey7 &&
-                !nextProps.hasOwnProperty(_propKey14) &&
+          for (var _propKey15 in lastProps)
+            (_propKey8 = lastProps[_propKey15]),
+              lastProps.hasOwnProperty(_propKey15) &&
+                null != _propKey8 &&
+                !nextProps.hasOwnProperty(_propKey15) &&
                 setProp(
                   domElement,
                   tag,
-                  _propKey14,
+                  _propKey15,
                   null,
                   nextProps,
-                  _propKey7
+                  _propKey8
                 );
           for (checked in nextProps)
             if (
-              ((_propKey7 = nextProps[checked]),
+              ((_propKey8 = nextProps[checked]),
               (propKey = lastProps[checked]),
               nextProps.hasOwnProperty(checked) &&
-                _propKey7 !== propKey &&
-                (null != _propKey7 || null != propKey))
+                _propKey8 !== propKey &&
+                (null != _propKey8 || null != propKey))
             )
               switch (checked) {
                 case "children":
                 case "dangerouslySetInnerHTML":
-                  if (null != _propKey7)
+                  if (null != _propKey8)
                     throw Error(
                       tag +
                         " is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`."
@@ -17936,7 +18028,7 @@
                     domElement,
                     tag,
                     checked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
@@ -17944,49 +18036,49 @@
           return;
         default:
           if (isCustomElement(tag)) {
-            for (var _propKey16 in lastProps)
-              (_propKey7 = lastProps[_propKey16]),
-                lastProps.hasOwnProperty(_propKey16) &&
-                  void 0 !== _propKey7 &&
-                  !nextProps.hasOwnProperty(_propKey16) &&
+            for (var _propKey17 in lastProps)
+              (_propKey8 = lastProps[_propKey17]),
+                lastProps.hasOwnProperty(_propKey17) &&
+                  void 0 !== _propKey8 &&
+                  !nextProps.hasOwnProperty(_propKey17) &&
                   setPropOnCustomElement(
                     domElement,
                     tag,
-                    _propKey16,
+                    _propKey17,
                     void 0,
                     nextProps,
-                    _propKey7
+                    _propKey8
                   );
             for (defaultChecked in nextProps)
-              (_propKey7 = nextProps[defaultChecked]),
+              (_propKey8 = nextProps[defaultChecked]),
                 (propKey = lastProps[defaultChecked]),
                 !nextProps.hasOwnProperty(defaultChecked) ||
-                  _propKey7 === propKey ||
-                  (void 0 === _propKey7 && void 0 === propKey) ||
+                  _propKey8 === propKey ||
+                  (void 0 === _propKey8 && void 0 === propKey) ||
                   setPropOnCustomElement(
                     domElement,
                     tag,
                     defaultChecked,
-                    _propKey7,
+                    _propKey8,
                     nextProps,
                     propKey
                   );
             return;
           }
       }
-      for (var _propKey18 in lastProps)
-        (_propKey7 = lastProps[_propKey18]),
-          lastProps.hasOwnProperty(_propKey18) &&
-            null != _propKey7 &&
-            !nextProps.hasOwnProperty(_propKey18) &&
-            setProp(domElement, tag, _propKey18, null, nextProps, _propKey7);
+      for (var _propKey19 in lastProps)
+        (_propKey8 = lastProps[_propKey19]),
+          lastProps.hasOwnProperty(_propKey19) &&
+            null != _propKey8 &&
+            !nextProps.hasOwnProperty(_propKey19) &&
+            setProp(domElement, tag, _propKey19, null, nextProps, _propKey8);
       for (lastProp in nextProps)
-        (_propKey7 = nextProps[lastProp]),
+        (_propKey8 = nextProps[lastProp]),
           (propKey = lastProps[lastProp]),
           !nextProps.hasOwnProperty(lastProp) ||
-            _propKey7 === propKey ||
-            (null == _propKey7 && null == propKey) ||
-            setProp(domElement, tag, lastProp, _propKey7, nextProps, propKey);
+            _propKey8 === propKey ||
+            (null == _propKey8 && null == propKey) ||
+            setProp(domElement, tag, lastProp, _propKey8, nextProps, propKey);
     }
     function getPropNameFromAttributeName(attrName) {
       switch (attrName) {
@@ -18010,7 +18102,7 @@
     }
     function diffHydratedStyles(domElement, value$jscomp$0, serverDifferences) {
       if (null != value$jscomp$0 && "object" !== typeof value$jscomp$0)
-        error$jscomp$0(
+        console.error(
           "The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}} when using JSX."
         );
       else if (canDiffStyleForHydrationWarning) {
@@ -18289,7 +18381,7 @@
                   case "outerText":
                   case "outerHTML":
                     extraAttributes.delete(propKey.toLowerCase());
-                    error$jscomp$0(
+                    console.error(
                       "Assignment to read-only property will result in a no-op: `%s`",
                       propKey
                     );
@@ -18418,16 +18510,34 @@
                     serverDifferences
                   );
                   continue;
+                case "data":
+                  if ("object" !== tag) {
+                    extraAttributes.delete(value);
+                    attributes = domElement.getAttribute("data");
+                    warnForPropDifference(
+                      value,
+                      attributes,
+                      propKey,
+                      serverDifferences
+                    );
+                    continue;
+                  }
                 case "src":
                 case "href":
-                  if ("" === propKey && ("a" !== tag || "href" !== value)) {
+                  if (
+                    !(
+                      "" !== propKey ||
+                      ("a" === tag && "href" === value) ||
+                      ("object" === tag && "data" === value)
+                    )
+                  ) {
                     "src" === value
-                      ? error$jscomp$0(
+                      ? console.error(
                           'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
                         )
-                      : error$jscomp$0(
+                      : console.error(
                           'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                           value,
                           value
@@ -18765,7 +18875,7 @@
                   "" !== propKey ||
                     didWarnForNewBooleanPropsWithEmptyValue[value] ||
                     ((didWarnForNewBooleanPropsWithEmptyValue[value] = !0),
-                    error$jscomp$0(
+                    console.error(
                       "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
                       value
                     ));
@@ -19604,7 +19714,7 @@
               "style" !== type &&
               "link" !== type &&
               "script" !== type) ||
-            error$jscomp$0(
+            console.error(
               "Cannot render a <%s> outside the main document if it has an `itemProp` prop. `itemProp` suggests the tag belongs to an `itemScope` which can appear anywhere in the DOM. If you were intending for React to hoist this <%s> remove the `itemProp` prop. Otherwise, try moving this tag into the <head> or <body> of the Document.",
               type,
               type
@@ -19622,7 +19732,7 @@
             "" === props.href
           ) {
             outsideHostContainerContext &&
-              error$jscomp$0(
+              console.error(
                 'Cannot render a <style> outside the main document without knowing its precedence and a unique href key. React can hoist and deduplicate <style> tags if you provide a `precedence` prop along with an `href` prop that does not conflic with the `href` values used in any other hoisted <style> or <link rel="stylesheet" ...> tags.  Note that hoisting <style> tags is considered an advanced feature that most will not use directly. Consider moving the <style> tag to the <head> or consider adding a `precedence="default"` and `href="some unique resource identifier"`, or move the <style> to the <style> tag.'
               );
             break;
@@ -19652,7 +19762,7 @@
               disabled =
                 1 === hostContext.length ? "an " + onError : "the " + onError;
               hostContext.length &&
-                error$jscomp$0(
+                console.error(
                   'React encountered a <link rel="stylesheet" href="%s" ... /> with a `precedence` prop that also included %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                   type,
                   disabled,
@@ -19663,11 +19773,11 @@
               ("string" !== typeof props.rel ||
               "string" !== typeof props.href ||
               "" === props.href
-                ? error$jscomp$0(
+                ? console.error(
                     "Cannot render a <link> outside the main document without a `rel` and `href` prop. Try adding a `rel` and/or `href` prop to this <link> or moving the link into the <head> tag"
                   )
                 : (props.onError || props.onLoad) &&
-                  error$jscomp$0(
+                  console.error(
                     "Cannot render a <link> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                   ));
             break;
@@ -19679,7 +19789,7 @@
                 (props = props.disabled),
                 "string" !== typeof type &&
                   outsideHostContainerContext &&
-                  error$jscomp$0(
+                  console.error(
                     'Cannot render a <link rel="stylesheet" /> outside the main document without knowing its precedence. Consider adding precedence="default" or moving it into the root <head> tag.'
                   ),
                 "string" === typeof type && null == props
@@ -19702,13 +19812,13 @@
             outsideHostContainerContext &&
               (type
                 ? props.onLoad || props.onError
-                  ? error$jscomp$0(
+                  ? console.error(
                       "Cannot render a <script> with onLoad or onError listeners outside the main document. Try removing onLoad={...} and onError={...} or moving it into the root <head> tag or somewhere in the <body>."
                     )
-                  : error$jscomp$0(
+                  : console.error(
                       "Cannot render a <script> outside the main document without `async={true}` and a non-empty `src` prop. Ensure there is a valid `src` and either make the script async or move it into the root <head> tag or somewhere in the <body>."
                     )
-                : error$jscomp$0(
+                : console.error(
                     'Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async="" or moving it into the root <head> tag.'
                   ));
             break;
@@ -19717,7 +19827,7 @@
         case "noscript":
         case "template":
           outsideHostContainerContext &&
-            error$jscomp$0(
+            console.error(
               "Cannot render <%s> outside the main document. Try moving it into the root <head> tag.",
               type
             );
@@ -19873,6 +19983,38 @@
         resource.state.loading |= Inserted;
       }
     }
+    function printToConsole(methodName, args, badgeName) {
+      var offset = 0;
+      switch (methodName) {
+        case "dir":
+        case "dirxml":
+        case "groupEnd":
+        case "table":
+          console[methodName].apply(console, args);
+          return;
+        case "assert":
+          offset = 1;
+      }
+      args = args.slice(0);
+      "string" === typeof args[offset]
+        ? args.splice(
+            offset,
+            1,
+            badgeFormat + args[offset],
+            badgeStyle,
+            pad + badgeName + pad,
+            resetStyle
+          )
+        : args.splice(
+            offset,
+            0,
+            badgeFormat,
+            badgeStyle,
+            pad + badgeName + pad,
+            resetStyle
+          );
+      console[methodName].apply(console, args);
+    }
     function FiberRootNode(
       containerInfo,
       tag,
@@ -19971,7 +20113,7 @@
       var key =
         3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
       willCoercionThrow(key) &&
-        (error$jscomp$0(
+        (console.error(
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           typeName(key)
         ),
@@ -20023,7 +20165,7 @@
         } catch (err) {
           hasLoggedError ||
             ((hasLoggedError = !0),
-            error$jscomp$0(
+            console.error(
               "React instrumentation encountered an error: %s",
               err
             ));
@@ -20039,7 +20181,7 @@
         null !== current &&
         !didWarnAboutNestedUpdates &&
         ((didWarnAboutNestedUpdates = !0),
-        error$jscomp$0(
+        console.error(
           "Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.\n\nCheck the render method of %s.",
           getComponentNameFromFiber(current) || "Unknown"
         ));
@@ -20048,7 +20190,7 @@
       callback = void 0 === callback ? null : callback;
       null !== callback &&
         ("function" !== typeof callback &&
-          error$jscomp$0(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ),
@@ -20512,13 +20654,13 @@
             ),
             event = nativeEventClone;
           null !== currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = event;
           nextBlockedOn.target.dispatchEvent(nativeEventClone);
           null === currentReplayingEvent &&
-            error$jscomp$0(
+            console.error(
               "Expected currently replaying event to not be null. This error is likely caused by a bug in React. Please file an issue."
             );
           currentReplayingEvent = null;
@@ -20662,10 +20804,10 @@
     function warnIfReactDOMContainerInDEV(container) {
       container[internalContainerInstanceKey] &&
         (container._reactRootContainer
-          ? error$jscomp$0(
+          ? console.error(
               "You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."
             )
-          : error$jscomp$0(
+          : console.error(
               "You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."
             ));
     }
@@ -20701,12 +20843,9 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React = require("next/dist/compiled/react"),
-      Scheduler = require("next/dist/compiled/scheduler"),
+    var Scheduler = require("next/dist/compiled/scheduler"),
+      React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      suppressWarning = !1,
       REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -20729,6 +20868,8 @@
     var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       assign = Object.assign,
       disabledDepth = 0,
       prevLog,
@@ -20740,6 +20881,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -20856,6 +20998,7 @@
     var didWarnValueDefaultValue = !1;
     var valuePropNames = ["value", "defaultValue"],
       didWarnValDefaultVal = !1,
+      needsEscaping = /["'&<>\n\t]|^\s|\s$/,
       specialTags =
         "address applet area article aside base basefont bgsound blockquote body br button caption center col colgroup dd details dir div dl dt embed fieldset figcaption figure footer form frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html iframe img input isindex li link listing main marquee menu menuitem meta nav noembed noframes noscript object ol p param plaintext pre script section select source style summary table tbody td template textarea tfoot th thead title tr track ul wbr xmp".split(
           " "
@@ -22112,7 +22255,7 @@
         var sortedNames = setToSortedString(
           UNSAFE_componentWillMountUniqueNames
         );
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n\nPlease update the following components: %s",
           sortedNames
         );
@@ -22121,7 +22264,7 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillReceivePropsUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22129,13 +22272,13 @@
         ((sortedNames = setToSortedString(
           UNSAFE_componentWillUpdateUniqueNames
         )),
-        error$jscomp$0(
+        console.error(
           "Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillMountUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillMountUniqueNames)),
-        warn(
+        console.warn(
           "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code with side effects to componentDidMount, and set initial state in the constructor.\n* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22143,13 +22286,13 @@
         ((sortedNames = setToSortedString(
           componentWillReceivePropsUniqueNames
         )),
-        warn(
+        console.warn(
           "componentWillReceiveProps has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://react.dev/link/derived-state\n* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
       0 < componentWillUpdateUniqueNames.size &&
         ((sortedNames = setToSortedString(componentWillUpdateUniqueNames)),
-        warn(
+        console.warn(
           "componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move data fetching code or side effects to componentDidUpdate.\n* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n\nPlease update the following components: %s",
           sortedNames
         ));
@@ -22164,7 +22307,7 @@
       for (var node = fiber; null !== node; )
         node.mode & 8 && (strictRoot = node), (node = node.return);
       null === strictRoot
-        ? error$jscomp$0(
+        ? console.error(
             "Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue."
           )
         : !didWarnAboutLegacyContext.has(fiber.type) &&
@@ -22188,7 +22331,7 @@
           });
           var sortedNames = setToSortedString(uniqueNames);
           runWithFiberInDEV(firstFiber, function () {
-            error$jscomp$0(
+            console.error(
               "Legacy context API has been detected within a strict-mode tree.\n\nThe old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\n\nPlease update the following components: %s\n\nLearn more about this warning here: https://react.dev/link/legacy-context",
               sortedNames
             );
@@ -22215,9 +22358,6 @@
       treeContextProvider = null,
       treeContextId = 1,
       treeContextOverflow = "",
-      maxRowLength = 120,
-      idealDepth = 15,
-      needsEscaping = /["'&<>\n\t]/,
       hydrationParentFiber = null,
       nextHydratableInstance = null,
       isHydrating = !1,
@@ -22236,7 +22376,7 @@
       ),
       noopSuspenseyCommitThenable = {
         then: function () {
-          error$jscomp$0(
+          console.error(
             'Internal React error: A listener was unexpectedly attached to a "noop" thenable. This is a bug in React. Please file an issue.'
           );
         }
@@ -22293,7 +22433,7 @@
               (childOwnerAppendix =
                 " It was passed a child from " + componentName + "."));
           runWithFiberInDEV(workInProgress, function () {
-            error$jscomp$0(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               currentComponentErrorInfo,
               childOwnerAppendix
@@ -22539,6 +22679,7 @@
     HooksDispatcherOnMountInDEV.useFormState = function (action, initialState) {
       currentHookNameInDev = "useFormState";
       mountHookTypesDev();
+      warnOnUseFormStateInDev();
       return mountActionState(action, initialState);
     };
     HooksDispatcherOnMountInDEV.useActionState = function (
@@ -23484,6 +23625,7 @@
       didReceiveUpdate = !1;
     var didWarnAboutBadClass = {};
     var didWarnAboutContextTypeOnFunctionComponent = {};
+    var didWarnAboutContextTypes$1 = {};
     var didWarnAboutGetDerivedStateOnFunctionComponent = {};
     var didWarnAboutReassigningProps = !1;
     var didWarnAboutRevealOrder = {};
@@ -23516,6 +23658,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     Object.freeze(fakeInternalInstance);
@@ -23525,7 +23669,7 @@
           if (null !== owner && isRendering && 1 === owner.tag) {
             var instance = owner.stateNode;
             instance._warnedAboutRefsInRender ||
-              error$jscomp$0(
+              console.error(
                 "%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",
                 getComponentNameFromFiber(owner) || "A component"
               );
@@ -23601,7 +23745,7 @@
       var nonExtensibleObject = Object.preventExtensions({});
       new Map([[nonExtensibleObject, null]]);
       new Set([nonExtensibleObject]);
-    } catch (e$43) {
+    } catch (e$21) {
       hasBadMapPolyfill = !0;
     }
     var DefaultAsyncDispatcher = {
@@ -24057,7 +24201,12 @@
       suspendedState = null,
       LAST_PRECEDENCE = null,
       precedencesByRoot = null,
-      NotPendingTransition = NotPending;
+      NotPendingTransition = NotPending,
+      badgeFormat = "%c%s%c ",
+      badgeStyle =
+        "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+      resetStyle = "",
+      pad = " ";
     var didWarnAboutNestedUpdates = !1;
     var overrideHookState = null,
       overrideHookStateDeletePath = null,
@@ -24149,15 +24298,15 @@
         var root = this._internalRoot;
         if (null === root) throw Error("Cannot update an unmounted root.");
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p2
-          ? error$jscomp$0(
+          ? console.error(
               "does not support the second callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
             )
           : isValidContainer(JSCompiler_OptimizeArgumentsArray_p2)
-          ? error$jscomp$0(
+          ? console.error(
               "You passed a container to the second argument of root.render(...). You don't need to pass it again since you already passed it to create the root."
             )
           : "undefined" !== typeof JSCompiler_OptimizeArgumentsArray_p2 &&
-            error$jscomp$0(
+            console.error(
               "You passed a second argument to root.render(...) but it only accepts one argument."
             );
         JSCompiler_OptimizeArgumentsArray_p2 = root.current;
@@ -24174,7 +24323,7 @@
     ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount =
       function (JSCompiler_OptimizeArgumentsArray_p3) {
         "function" === typeof JSCompiler_OptimizeArgumentsArray_p3 &&
-          error$jscomp$0(
+          console.error(
             "does not support a callback argument. To execute a side effect after rendering, declare it in a component body with useEffect()."
           );
         JSCompiler_OptimizeArgumentsArray_p3 = this._internalRoot;
@@ -24182,7 +24331,7 @@
           this._internalRoot = null;
           var container = JSCompiler_OptimizeArgumentsArray_p3.containerInfo;
           (executionContext & (RenderContext | CommitContext)) !== NoContext &&
-            error$jscomp$0(
+            console.error(
               "Attempted to synchronously unmount a root while React was already rendering. React cannot finish unmounting the root until the current render has completed, which may lead to a race condition."
             );
           updateContainerSync(
@@ -24214,11 +24363,11 @@
     };
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-rc-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-rc-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -24228,7 +24377,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://react.dev/link/react-polyfills"
       );
     ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -24273,12 +24422,12 @@
           scheduleRoot: scheduleRoot,
           setRefreshHandler: setRefreshHandler,
           getCurrentFiber: getCurrentFiberForDevTools,
-          reconcilerVersion: "19.0.0-rc-dfd30974ab-20240613"
+          reconcilerVersion: "19.0.0-rc-01172397-20240716"
         });
       })({
         findFiberByHostInstance: getClosestInstanceFromNode,
         bundleType: 1,
-        version: "19.0.0-rc-dfd30974ab-20240613",
+        version: "19.0.0-rc-01172397-20240716",
         rendererPackageName: "react-dom"
       }) &&
       canUseDOM &&
@@ -24323,7 +24472,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error$jscomp$0(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -24348,13 +24497,13 @@
       null !== options &&
         void 0 !== options &&
         (options.hydrate
-          ? warn(
+          ? console.warn(
               "hydrate through createRoot is deprecated. Use ReactDOMClient.hydrateRoot(container, <App />) instead."
             )
           : "object" === typeof options &&
             null !== options &&
             options.$$typeof === REACT_ELEMENT_TYPE &&
-            error$jscomp$0(
+            console.error(
               "You passed a JSX element to createRoot. You probably meant to call root.render instead. Example usage:\n\n  let root = createRoot(domContainer);\n  root.render(<App />);"
             ),
         !0 === options.unstable_strictMode && (isStrictMode = !0),
@@ -24403,7 +24552,7 @@
         (ReactSharedInternals.T = previousTransition),
           (ReactDOMSharedInternals.p = previousUpdatePriority),
           ReactDOMSharedInternals.d.f() &&
-            error$jscomp$0(
+            console.error(
               "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
             );
       }
@@ -24413,7 +24562,7 @@
         throw Error("Target container is not a DOM element.");
       warnIfReactDOMContainerInDEV(container);
       void 0 === initialChildren &&
-        error$jscomp$0(
+        console.error(
           "Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)"
         );
       var isStrictMode = !1,
@@ -24468,17 +24617,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error$jscomp$0(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error$jscomp$0(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -24496,18 +24645,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error$jscomp$0(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error$jscomp$0(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -24517,17 +24666,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error$jscomp$0(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error$jscomp$0(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error$jscomp$0(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -24585,7 +24734,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error$jscomp$0(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -24600,7 +24749,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error$jscomp$0(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -24642,7 +24791,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error$jscomp$0(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -24703,7 +24852,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error$jscomp$0(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -24738,7 +24887,7 @@
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js
index ac7213ce4fdb7..283d5f37a5c18 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js
@@ -72,7 +72,8 @@ Symbol.for("react.client.reference");
 var ReactSharedInternals =
     React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
   assign = Object.assign,
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -80,8 +81,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -2028,19 +2035,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$301;
+  var JSCompiler_inline_result$jscomp$303;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_435 = "oninput" in document;
-    if (!isSupported$jscomp$inline_435) {
-      var element$jscomp$inline_436 = document.createElement("div");
-      element$jscomp$inline_436.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_435 =
-        "function" === typeof element$jscomp$inline_436.oninput;
+    var isSupported$jscomp$inline_437 = "oninput" in document;
+    if (!isSupported$jscomp$inline_437) {
+      var element$jscomp$inline_438 = document.createElement("div");
+      element$jscomp$inline_438.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_437 =
+        "function" === typeof element$jscomp$inline_438.oninput;
     }
-    JSCompiler_inline_result$jscomp$301 = isSupported$jscomp$inline_435;
-  } else JSCompiler_inline_result$jscomp$301 = !1;
+    JSCompiler_inline_result$jscomp$303 = isSupported$jscomp$inline_437;
+  } else JSCompiler_inline_result$jscomp$303 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$301 &&
+    JSCompiler_inline_result$jscomp$303 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3457,7 +3464,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       return firstChildFiber;
     } catch (x) {
       if (x === SuspenseException) throw x;
-      var fiber = createFiber(29, x, null, returnFiber.mode);
+      var fiber = createFiberImplClass(29, x, null, returnFiber.mode);
       fiber.lanes = lanes;
       fiber.return = returnFiber;
       return fiber;
@@ -5955,7 +5962,12 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
                     : null,
                 retryLane: 536870912
               }),
-              (JSCompiler_temp$jscomp$0 = createFiber(18, null, null, 0)),
+              (JSCompiler_temp$jscomp$0 = createFiberImplClass(
+                18,
+                null,
+                null,
+                0
+              )),
               (JSCompiler_temp$jscomp$0.stateNode = nextInstance),
               (JSCompiler_temp$jscomp$0.return = workInProgress),
               (workInProgress.child = JSCompiler_temp$jscomp$0),
@@ -9535,7 +9547,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.actualStartTime = -1;
   this.treeBaseDuration = this.selfBaseDuration = 0;
 }
-function createFiber(tag, pendingProps, key, mode) {
+function createFiberImplClass(tag, pendingProps, key, mode) {
   return new FiberNode(tag, pendingProps, key, mode);
 }
 function shouldConstruct(Component) {
@@ -9545,7 +9557,7 @@ function shouldConstruct(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = createFiberImplClass(
         current.tag,
         pendingProps,
         current.key,
@@ -9650,7 +9662,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 2)),
+          (type = createFiberImplClass(12, pendingProps, key, mode | 2)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.lanes = lanes),
           (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
@@ -9658,14 +9670,14 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = createFiberImplClass(13, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.lanes = lanes),
           type
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = createFiberImplClass(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.lanes = lanes),
           type
@@ -9693,23 +9705,25 @@ function createFiberFromTypeAndProps(
               owner = null;
               break a;
           }
-        throw Error(
+        fiberTag = 29;
+        pendingProps = Error(
           formatProdErrorMessage(130, null === type ? "null" : typeof type, "")
         );
+        owner = null;
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = createFiberImplClass(fiberTag, pendingProps, key, mode);
   key.elementType = type;
   key.type = owner;
   key.lanes = lanes;
   return key;
 }
 function createFiberFromFragment(elements, mode, lanes, key) {
-  elements = createFiber(7, elements, key, mode);
+  elements = createFiberImplClass(7, elements, key, mode);
   elements.lanes = lanes;
   return elements;
 }
 function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  pendingProps = createFiber(22, pendingProps, key, mode);
+  pendingProps = createFiberImplClass(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
   var primaryChildInstance = {
@@ -9744,12 +9758,12 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
-  content = createFiber(6, content, null, mode);
+  content = createFiberImplClass(6, content, null, mode);
   content.lanes = lanes;
   return content;
 }
 function createFiberFromPortal(portal, mode, lanes) {
-  mode = createFiber(
+  mode = createFiberImplClass(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -11915,20 +11929,20 @@ function extractEvents$1(
   }
 }
 for (
-  var i$jscomp$inline_1504 = 0;
-  i$jscomp$inline_1504 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1504++
+  var i$jscomp$inline_1506 = 0;
+  i$jscomp$inline_1506 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1506++
 ) {
-  var eventName$jscomp$inline_1505 =
-      simpleEventPluginEvents[i$jscomp$inline_1504],
-    domEventName$jscomp$inline_1506 =
-      eventName$jscomp$inline_1505.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1507 =
-      eventName$jscomp$inline_1505[0].toUpperCase() +
-      eventName$jscomp$inline_1505.slice(1);
+  var eventName$jscomp$inline_1507 =
+      simpleEventPluginEvents[i$jscomp$inline_1506],
+    domEventName$jscomp$inline_1508 =
+      eventName$jscomp$inline_1507.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1509 =
+      eventName$jscomp$inline_1507[0].toUpperCase() +
+      eventName$jscomp$inline_1507.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1506,
-    "on" + capitalizedEvent$jscomp$inline_1507
+    domEventName$jscomp$inline_1508,
+    "on" + capitalizedEvent$jscomp$inline_1509
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -12703,6 +12717,11 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case "style":
       setValueForStyles(domElement, value, prevValue);
       break;
+    case "data":
+      if ("object" !== tag) {
+        setValueForKnownAttribute(domElement, "data", value);
+        break;
+      }
     case "src":
     case "href":
       if ("" === value && ("a" !== tag || "href" !== key)) {
@@ -13071,127 +13090,152 @@ function setInitialProperties(domElement, tag, props) {
     case "p":
     case "li":
       break;
-    case "input":
-      listenToNonDelegatedEvent("invalid", domElement);
-      var name = null,
-        type = null,
-        value = null,
-        defaultValue = null,
-        checked = null,
-        defaultChecked = null;
+    case "img":
+      listenToNonDelegatedEvent("error", domElement);
+      listenToNonDelegatedEvent("load", domElement);
+      var hasSrc = !1,
+        hasSrcSet = !1,
+        propKey;
       for (propKey in props)
         if (props.hasOwnProperty(propKey)) {
           var propValue = props[propKey];
           if (null != propValue)
             switch (propKey) {
+              case "src":
+                hasSrc = !0;
+                break;
+              case "srcSet":
+                hasSrcSet = !0;
+                break;
+              case "children":
+              case "dangerouslySetInnerHTML":
+                throw Error(formatProdErrorMessage(137, tag));
+              default:
+                setProp(domElement, tag, propKey, propValue, props, null);
+            }
+        }
+      hasSrcSet &&
+        setProp(domElement, tag, "srcSet", props.srcSet, props, null);
+      hasSrc && setProp(domElement, tag, "src", props.src, props, null);
+      return;
+    case "input":
+      listenToNonDelegatedEvent("invalid", domElement);
+      var defaultValue = (propKey = propValue = hasSrcSet = null),
+        checked = null,
+        defaultChecked = null;
+      for (hasSrc in props)
+        if (props.hasOwnProperty(hasSrc)) {
+          var propValue$207 = props[hasSrc];
+          if (null != propValue$207)
+            switch (hasSrc) {
               case "name":
-                name = propValue;
+                hasSrcSet = propValue$207;
                 break;
               case "type":
-                type = propValue;
+                propValue = propValue$207;
                 break;
               case "checked":
-                checked = propValue;
+                checked = propValue$207;
                 break;
               case "defaultChecked":
-                defaultChecked = propValue;
+                defaultChecked = propValue$207;
                 break;
               case "value":
-                value = propValue;
+                propKey = propValue$207;
                 break;
               case "defaultValue":
-                defaultValue = propValue;
+                defaultValue = propValue$207;
                 break;
               case "children":
               case "dangerouslySetInnerHTML":
-                if (null != propValue)
+                if (null != propValue$207)
                   throw Error(formatProdErrorMessage(137, tag));
                 break;
               default:
-                setProp(domElement, tag, propKey, propValue, props, null);
+                setProp(domElement, tag, hasSrc, propValue$207, props, null);
             }
         }
       initInput(
         domElement,
-        value,
+        propKey,
         defaultValue,
         checked,
         defaultChecked,
-        type,
-        name,
+        propValue,
+        hasSrcSet,
         !1
       );
       track(domElement);
       return;
     case "select":
       listenToNonDelegatedEvent("invalid", domElement);
-      var propKey = (type = value = null);
-      for (name in props)
+      hasSrc = propValue = propKey = null;
+      for (hasSrcSet in props)
         if (
-          props.hasOwnProperty(name) &&
-          ((defaultValue = props[name]), null != defaultValue)
+          props.hasOwnProperty(hasSrcSet) &&
+          ((defaultValue = props[hasSrcSet]), null != defaultValue)
         )
-          switch (name) {
+          switch (hasSrcSet) {
             case "value":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "defaultValue":
-              type = defaultValue;
+              propValue = defaultValue;
               break;
             case "multiple":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
             default:
-              setProp(domElement, tag, name, defaultValue, props, null);
+              setProp(domElement, tag, hasSrcSet, defaultValue, props, null);
           }
-      tag = value;
-      props = type;
-      domElement.multiple = !!propKey;
+      tag = propKey;
+      props = propValue;
+      domElement.multiple = !!hasSrc;
       null != tag
-        ? updateOptions(domElement, !!propKey, tag, !1)
-        : null != props && updateOptions(domElement, !!propKey, props, !0);
+        ? updateOptions(domElement, !!hasSrc, tag, !1)
+        : null != props && updateOptions(domElement, !!hasSrc, props, !0);
       return;
     case "textarea":
       listenToNonDelegatedEvent("invalid", domElement);
-      value = name = propKey = null;
-      for (type in props)
+      propKey = hasSrcSet = hasSrc = null;
+      for (propValue in props)
         if (
-          props.hasOwnProperty(type) &&
-          ((defaultValue = props[type]), null != defaultValue)
+          props.hasOwnProperty(propValue) &&
+          ((defaultValue = props[propValue]), null != defaultValue)
         )
-          switch (type) {
+          switch (propValue) {
             case "value":
-              propKey = defaultValue;
+              hasSrc = defaultValue;
               break;
             case "defaultValue":
-              name = defaultValue;
+              hasSrcSet = defaultValue;
               break;
             case "children":
-              value = defaultValue;
+              propKey = defaultValue;
               break;
             case "dangerouslySetInnerHTML":
               if (null != defaultValue) throw Error(formatProdErrorMessage(91));
               break;
             default:
-              setProp(domElement, tag, type, defaultValue, props, null);
+              setProp(domElement, tag, propValue, defaultValue, props, null);
           }
-      initTextarea(domElement, propKey, name, value);
+      initTextarea(domElement, hasSrc, hasSrcSet, propKey);
       track(domElement);
       return;
     case "option":
-      for (defaultValue in props)
+      for (checked in props)
         if (
-          props.hasOwnProperty(defaultValue) &&
-          ((propKey = props[defaultValue]), null != propKey)
+          props.hasOwnProperty(checked) &&
+          ((hasSrc = props[checked]), null != hasSrc)
         )
-          switch (defaultValue) {
+          switch (checked) {
             case "selected":
               domElement.selected =
-                propKey &&
-                "function" !== typeof propKey &&
-                "symbol" !== typeof propKey;
+                hasSrc &&
+                "function" !== typeof hasSrc &&
+                "symbol" !== typeof hasSrc;
               break;
             default:
-              setProp(domElement, tag, defaultValue, propKey, props, null);
+              setProp(domElement, tag, checked, hasSrc, props, null);
           }
       return;
     case "dialog":
@@ -13204,8 +13248,8 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "video":
     case "audio":
-      for (propKey = 0; propKey < mediaEventTypes.length; propKey++)
-        listenToNonDelegatedEvent(mediaEventTypes[propKey], domElement);
+      for (hasSrc = 0; hasSrc < mediaEventTypes.length; hasSrc++)
+        listenToNonDelegatedEvent(mediaEventTypes[hasSrc], domElement);
       break;
     case "image":
       listenToNonDelegatedEvent("error", domElement);
@@ -13216,7 +13260,6 @@ function setInitialProperties(domElement, tag, props) {
       break;
     case "embed":
     case "source":
-    case "img":
     case "link":
       listenToNonDelegatedEvent("error", domElement),
         listenToNonDelegatedEvent("load", domElement);
@@ -13231,40 +13274,41 @@ function setInitialProperties(domElement, tag, props) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (checked in props)
+      for (defaultChecked in props)
         if (
-          props.hasOwnProperty(checked) &&
-          ((propKey = props[checked]), null != propKey)
+          props.hasOwnProperty(defaultChecked) &&
+          ((hasSrc = props[defaultChecked]), null != hasSrc)
         )
-          switch (checked) {
+          switch (defaultChecked) {
             case "children":
             case "dangerouslySetInnerHTML":
               throw Error(formatProdErrorMessage(137, tag));
             default:
-              setProp(domElement, tag, checked, propKey, props, null);
+              setProp(domElement, tag, defaultChecked, hasSrc, props, null);
           }
       return;
     default:
       if (isCustomElement(tag)) {
-        for (defaultChecked in props)
-          props.hasOwnProperty(defaultChecked) &&
-            ((propKey = props[defaultChecked]),
-            void 0 !== propKey &&
+        for (propValue$207 in props)
+          props.hasOwnProperty(propValue$207) &&
+            ((hasSrc = props[propValue$207]),
+            void 0 !== hasSrc &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                defaultChecked,
-                propKey,
+                propValue$207,
+                hasSrc,
                 props,
                 void 0
               ));
         return;
       }
   }
-  for (value in props)
-    props.hasOwnProperty(value) &&
-      ((propKey = props[value]),
-      null != propKey && setProp(domElement, tag, value, propKey, props, null));
+  for (defaultValue in props)
+    props.hasOwnProperty(defaultValue) &&
+      ((hasSrc = props[defaultValue]),
+      null != hasSrc &&
+        setProp(domElement, tag, defaultValue, hasSrc, props, null));
 }
 function updateProperties(domElement, tag, lastProps, nextProps) {
   switch (tag) {
@@ -13300,14 +13344,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(domElement, tag, propKey, null, nextProps, lastProp);
           }
       }
-      for (var propKey$222 in nextProps) {
-        var propKey = nextProps[propKey$222];
-        lastProp = lastProps[propKey$222];
+      for (var propKey$224 in nextProps) {
+        var propKey = nextProps[propKey$224];
+        lastProp = lastProps[propKey$224];
         if (
-          nextProps.hasOwnProperty(propKey$222) &&
+          nextProps.hasOwnProperty(propKey$224) &&
           (null != propKey || null != lastProp)
         )
-          switch (propKey$222) {
+          switch (propKey$224) {
             case "type":
               type = propKey;
               break;
@@ -13336,7 +13380,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 setProp(
                   domElement,
                   tag,
-                  propKey$222,
+                  propKey$224,
                   propKey,
                   nextProps,
                   lastProp
@@ -13355,7 +13399,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       );
       return;
     case "select":
-      propKey = value = defaultValue = propKey$222 = null;
+      propKey = value = defaultValue = propKey$224 = null;
       for (type in lastProps)
         if (
           ((lastDefaultValue = lastProps[type]),
@@ -13386,7 +13430,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (name) {
             case "value":
-              propKey$222 = type;
+              propKey$224 = type;
               break;
             case "defaultValue":
               defaultValue = type;
@@ -13407,15 +13451,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       tag = defaultValue;
       lastProps = value;
       nextProps = propKey;
-      null != propKey$222
-        ? updateOptions(domElement, !!lastProps, propKey$222, !1)
+      null != propKey$224
+        ? updateOptions(domElement, !!lastProps, propKey$224, !1)
         : !!nextProps !== !!lastProps &&
           (null != tag
             ? updateOptions(domElement, !!lastProps, tag, !0)
             : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1));
       return;
     case "textarea":
-      propKey = propKey$222 = null;
+      propKey = propKey$224 = null;
       for (defaultValue in lastProps)
         if (
           ((name = lastProps[defaultValue]),
@@ -13439,7 +13483,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
         )
           switch (value) {
             case "value":
-              propKey$222 = name;
+              propKey$224 = name;
               break;
             case "defaultValue":
               propKey = name;
@@ -13453,17 +13497,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               name !== type &&
                 setProp(domElement, tag, value, name, nextProps, type);
           }
-      updateTextarea(domElement, propKey$222, propKey);
+      updateTextarea(domElement, propKey$224, propKey);
       return;
     case "option":
-      for (var propKey$238 in lastProps)
+      for (var propKey$240 in lastProps)
         if (
-          ((propKey$222 = lastProps[propKey$238]),
-          lastProps.hasOwnProperty(propKey$238) &&
-            null != propKey$222 &&
-            !nextProps.hasOwnProperty(propKey$238))
+          ((propKey$224 = lastProps[propKey$240]),
+          lastProps.hasOwnProperty(propKey$240) &&
+            null != propKey$224 &&
+            !nextProps.hasOwnProperty(propKey$240))
         )
-          switch (propKey$238) {
+          switch (propKey$240) {
             case "selected":
               domElement.selected = !1;
               break;
@@ -13471,33 +13515,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
               setProp(
                 domElement,
                 tag,
-                propKey$238,
+                propKey$240,
                 null,
                 nextProps,
-                propKey$222
+                propKey$224
               );
           }
       for (lastDefaultValue in nextProps)
         if (
-          ((propKey$222 = nextProps[lastDefaultValue]),
+          ((propKey$224 = nextProps[lastDefaultValue]),
           (propKey = lastProps[lastDefaultValue]),
           nextProps.hasOwnProperty(lastDefaultValue) &&
-            propKey$222 !== propKey &&
-            (null != propKey$222 || null != propKey))
+            propKey$224 !== propKey &&
+            (null != propKey$224 || null != propKey))
         )
           switch (lastDefaultValue) {
             case "selected":
               domElement.selected =
-                propKey$222 &&
-                "function" !== typeof propKey$222 &&
-                "symbol" !== typeof propKey$222;
+                propKey$224 &&
+                "function" !== typeof propKey$224 &&
+                "symbol" !== typeof propKey$224;
               break;
             default:
               setProp(
                 domElement,
                 tag,
                 lastDefaultValue,
-                propKey$222,
+                propKey$224,
                 nextProps,
                 propKey
               );
@@ -13518,24 +13562,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
     case "track":
     case "wbr":
     case "menuitem":
-      for (var propKey$243 in lastProps)
-        (propKey$222 = lastProps[propKey$243]),
-          lastProps.hasOwnProperty(propKey$243) &&
-            null != propKey$222 &&
-            !nextProps.hasOwnProperty(propKey$243) &&
-            setProp(domElement, tag, propKey$243, null, nextProps, propKey$222);
+      for (var propKey$245 in lastProps)
+        (propKey$224 = lastProps[propKey$245]),
+          lastProps.hasOwnProperty(propKey$245) &&
+            null != propKey$224 &&
+            !nextProps.hasOwnProperty(propKey$245) &&
+            setProp(domElement, tag, propKey$245, null, nextProps, propKey$224);
       for (checked in nextProps)
         if (
-          ((propKey$222 = nextProps[checked]),
+          ((propKey$224 = nextProps[checked]),
           (propKey = lastProps[checked]),
           nextProps.hasOwnProperty(checked) &&
-            propKey$222 !== propKey &&
-            (null != propKey$222 || null != propKey))
+            propKey$224 !== propKey &&
+            (null != propKey$224 || null != propKey))
         )
           switch (checked) {
             case "children":
             case "dangerouslySetInnerHTML":
-              if (null != propKey$222)
+              if (null != propKey$224)
                 throw Error(formatProdErrorMessage(137, tag));
               break;
             default:
@@ -13543,7 +13587,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
                 domElement,
                 tag,
                 checked,
-                propKey$222,
+                propKey$224,
                 nextProps,
                 propKey
               );
@@ -13551,49 +13595,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) {
       return;
     default:
       if (isCustomElement(tag)) {
-        for (var propKey$248 in lastProps)
-          (propKey$222 = lastProps[propKey$248]),
-            lastProps.hasOwnProperty(propKey$248) &&
-              void 0 !== propKey$222 &&
-              !nextProps.hasOwnProperty(propKey$248) &&
+        for (var propKey$250 in lastProps)
+          (propKey$224 = lastProps[propKey$250]),
+            lastProps.hasOwnProperty(propKey$250) &&
+              void 0 !== propKey$224 &&
+              !nextProps.hasOwnProperty(propKey$250) &&
               setPropOnCustomElement(
                 domElement,
                 tag,
-                propKey$248,
+                propKey$250,
                 void 0,
                 nextProps,
-                propKey$222
+                propKey$224
               );
         for (defaultChecked in nextProps)
-          (propKey$222 = nextProps[defaultChecked]),
+          (propKey$224 = nextProps[defaultChecked]),
             (propKey = lastProps[defaultChecked]),
             !nextProps.hasOwnProperty(defaultChecked) ||
-              propKey$222 === propKey ||
-              (void 0 === propKey$222 && void 0 === propKey) ||
+              propKey$224 === propKey ||
+              (void 0 === propKey$224 && void 0 === propKey) ||
               setPropOnCustomElement(
                 domElement,
                 tag,
                 defaultChecked,
-                propKey$222,
+                propKey$224,
                 nextProps,
                 propKey
               );
         return;
       }
   }
-  for (var propKey$253 in lastProps)
-    (propKey$222 = lastProps[propKey$253]),
-      lastProps.hasOwnProperty(propKey$253) &&
-        null != propKey$222 &&
-        !nextProps.hasOwnProperty(propKey$253) &&
-        setProp(domElement, tag, propKey$253, null, nextProps, propKey$222);
+  for (var propKey$255 in lastProps)
+    (propKey$224 = lastProps[propKey$255]),
+      lastProps.hasOwnProperty(propKey$255) &&
+        null != propKey$224 &&
+        !nextProps.hasOwnProperty(propKey$255) &&
+        setProp(domElement, tag, propKey$255, null, nextProps, propKey$224);
   for (lastProp in nextProps)
-    (propKey$222 = nextProps[lastProp]),
+    (propKey$224 = nextProps[lastProp]),
       (propKey = lastProps[lastProp]),
       !nextProps.hasOwnProperty(lastProp) ||
-        propKey$222 === propKey ||
-        (null == propKey$222 && null == propKey) ||
-        setProp(domElement, tag, lastProp, propKey$222, nextProps, propKey);
+        propKey$224 === propKey ||
+        (null == propKey$224 && null == propKey) ||
+        setProp(domElement, tag, lastProp, propKey$224, nextProps, propKey);
 }
 var eventsEnabled = null,
   selectionInformation = null;
@@ -14138,26 +14182,26 @@ function getResource(type, currentProps, pendingProps, currentResource) {
         "string" === typeof pendingProps.precedence
       ) {
         type = getStyleKey(pendingProps.href);
-        var styles$261 = getResourcesFromRoot(
+        var styles$263 = getResourcesFromRoot(
             JSCompiler_inline_result
           ).hoistableStyles,
-          resource$262 = styles$261.get(type);
-        resource$262 ||
+          resource$264 = styles$263.get(type);
+        resource$264 ||
           ((JSCompiler_inline_result =
             JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result),
-          (resource$262 = {
+          (resource$264 = {
             type: "stylesheet",
             instance: null,
             count: 0,
             state: { loading: 0, preload: null }
           }),
-          styles$261.set(type, resource$262),
-          (styles$261 = JSCompiler_inline_result.querySelector(
+          styles$263.set(type, resource$264),
+          (styles$263 = JSCompiler_inline_result.querySelector(
             getStylesheetSelectorFromKey(type)
           )) &&
-            !styles$261._p &&
-            ((resource$262.instance = styles$261),
-            (resource$262.state.loading = 5)),
+            !styles$263._p &&
+            ((resource$264.instance = styles$263),
+            (resource$264.state.loading = 5)),
           preloadPropsMap.has(type) ||
             ((pendingProps = {
               rel: "preload",
@@ -14170,16 +14214,16 @@ function getResource(type, currentProps, pendingProps, currentResource) {
               referrerPolicy: pendingProps.referrerPolicy
             }),
             preloadPropsMap.set(type, pendingProps),
-            styles$261 ||
+            styles$263 ||
               preloadStylesheet(
                 JSCompiler_inline_result,
                 type,
                 pendingProps,
-                resource$262.state
+                resource$264.state
               )));
         if (currentProps && null === currentResource)
           throw Error(formatProdErrorMessage(528, ""));
-        return resource$262;
+        return resource$264;
       }
       if (currentProps && null !== currentResource)
         throw Error(formatProdErrorMessage(529, ""));
@@ -14276,37 +14320,37 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = instance);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$267 = hoistableRoot.querySelector(
+        var instance$269 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$267)
+        if (instance$269)
           return (
             (resource.state.loading |= 4),
-            (resource.instance = instance$267),
-            markNodeAsHoistable(instance$267),
-            instance$267
+            (resource.instance = instance$269),
+            markNodeAsHoistable(instance$269),
+            instance$269
           );
         instance = stylesheetPropsFromRawProps(props);
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(instance, styleProps);
-        instance$267 = (
+        instance$269 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$267);
-        var linkInstance = instance$267;
+        markNodeAsHoistable(instance$269);
+        var linkInstance = instance$269;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
         });
-        setInitialProperties(instance$267, "link", instance);
+        setInitialProperties(instance$269, "link", instance);
         resource.state.loading |= 4;
-        insertStylesheet(instance$267, props.precedence, hoistableRoot);
-        return (resource.instance = instance$267);
+        insertStylesheet(instance$269, props.precedence, hoistableRoot);
+        return (resource.instance = instance$269);
       case "script":
-        instance$267 = getScriptKey(props.src);
+        instance$269 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            getScriptSelectorFromKey(instance$267)
+            getScriptSelectorFromKey(instance$269)
           ))
         )
           return (
@@ -14315,7 +14359,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         instance = props;
-        if ((styleProps = preloadPropsMap.get(instance$267)))
+        if ((styleProps = preloadPropsMap.get(instance$269)))
           (instance = assign({}, props)),
             adoptPreloadPropsForScript(instance, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -14677,7 +14721,7 @@ function createFiberRoot(
   tag = 1;
   !0 === isStrictMode && (tag |= 24);
   isDevToolsPresent && (tag |= 2);
-  isStrictMode = createFiber(3, null, null, tag);
+  isStrictMode = createFiberImplClass(3, null, null, tag);
   containerInfo.current = isStrictMode;
   isStrictMode.stateNode = containerInfo;
   tag = createCache();
@@ -15353,16 +15397,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) {
     0 === i && attemptExplicitHydrationTarget(target);
   }
 };
-var isomorphicReactPackageVersion$jscomp$inline_1754 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_1756 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_1754
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_1756
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_1754,
-      "19.0.0-rc-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_1756,
+      "19.0.0-rc-01172397-20240716"
     )
   );
 ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
@@ -15378,10 +15422,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) {
     null === componentOrElement ? null : componentOrElement.stateNode;
   return componentOrElement;
 };
-var devToolsConfig$jscomp$inline_1761 = {
+var devToolsConfig$jscomp$inline_1763 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "19.0.0-rc-dfd30974ab-20240613",
+  version: "19.0.0-rc-01172397-20240716",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -15398,10 +15442,10 @@ var devToolsConfig$jscomp$inline_1761 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1761.bundleType,
-  version: devToolsConfig$jscomp$inline_1761.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1761.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1761.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1763.bundleType,
+  version: devToolsConfig$jscomp$inline_1763.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1763.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1763.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15417,14 +15461,14 @@ var devToolsConfig$jscomp$inline_1761 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1761.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1763.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "19.0.0-rc-dfd30974ab-20240613"
+  reconcilerVersion: "19.0.0-rc-01172397-20240716"
 });
 function noop() {}
 function getCrossOriginStringAs(as, input) {
@@ -15678,7 +15722,7 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js
index 95a54569e8854..558657a4269a2 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js
@@ -41,36 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -312,7 +282,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -323,7 +293,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -334,7 +304,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -349,7 +319,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -360,17 +330,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -385,7 +355,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -393,7 +363,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -406,7 +376,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -426,13 +396,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -444,7 +414,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -465,7 +435,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -474,7 +444,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -483,7 +453,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -492,14 +462,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -511,7 +481,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -519,7 +489,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -531,7 +501,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -540,7 +510,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -609,7 +579,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -617,7 +587,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -666,7 +636,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -693,13 +663,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -885,7 +855,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -895,7 +865,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -906,7 +876,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -919,14 +889,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1014,7 +984,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1037,19 +1007,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1099,12 +1069,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1181,7 +1151,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1331,13 +1301,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1352,7 +1322,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1474,7 +1444,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1536,11 +1506,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1566,14 +1536,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1626,7 +1596,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1678,7 +1648,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1704,7 +1674,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1731,7 +1701,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -1771,7 +1741,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -1857,7 +1827,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -1873,7 +1843,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1882,7 +1852,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1949,7 +1919,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2017,13 +1987,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2097,33 +2067,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2132,16 +2152,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2157,7 +2177,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2168,7 +2188,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2178,7 +2198,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2188,13 +2208,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2240,19 +2260,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2267,7 +2287,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2298,23 +2318,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2334,34 +2354,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2369,14 +2389,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2389,7 +2409,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2408,100 +2428,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2509,10 +2529,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2576,7 +2596,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2629,56 +2649,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2688,20 +2708,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2711,10 +2731,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2877,7 +2897,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3093,7 +3113,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3151,7 +3171,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3393,7 +3413,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3496,7 +3516,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3509,7 +3529,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3609,7 +3629,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3650,7 +3670,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue2;
@@ -3712,14 +3732,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -3892,7 +3912,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -3903,8 +3923,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4058,37 +4084,80 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
+    }
     function getStackByComponentStackNode(componentStack) {
       try {
         var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
+        do
+          (info += describeComponentStackByType(componentStack.type)),
+            (componentStack = componentStack.parent);
+        while (componentStack);
         return info;
       } catch (x) {
         return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+          : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4153,12 +4222,12 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4226,7 +4295,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4249,7 +4317,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4270,7 +4337,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4294,7 +4360,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4331,11 +4396,57 @@
         ? ""
         : getStackByComponentStackNode(currentTaskInDEV.componentStack);
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            (task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            });
+        }
+    }
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner;
+            pushServerComponentStack(task, node._debugInfo);
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: null
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node) {
+      var errorInfo = {};
+      node &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            var stack = getStackByComponentStackNode(node);
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4359,20 +4470,21 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logRecoverableError(request, error, errorInfo) {
+      request = request.onError;
+      error = request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
+      else return error;
     }
     function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
+      var onShellError = request.onShellError,
+        onFatalError = request.onFatalError;
       onShellError(error);
+      onFatalError(error);
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4397,7 +4509,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4461,12 +4573,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4487,7 +4593,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4504,7 +4610,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4551,7 +4657,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4570,88 +4676,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4660,32 +4765,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4710,7 +4815,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4726,7 +4831,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4751,7 +4856,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4763,7 +4868,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4814,10 +4919,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4826,19 +4931,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4856,42 +4954,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -4903,11 +5002,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -4977,7 +5073,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -4999,16 +5094,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5025,10 +5114,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5074,22 +5160,21 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 var errorDigest = logRecoverableError(
                   request,
-                  error$2,
+                  error,
                   thrownInfo
                 );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5098,8 +5183,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5134,12 +5218,12 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
+                task.componentStack,
                 !0
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5147,12 +5231,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5175,7 +5253,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5191,7 +5268,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5213,7 +5290,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue2 =
@@ -5221,7 +5298,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5230,7 +5307,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5238,7 +5315,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue2),
@@ -5248,12 +5325,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5298,56 +5371,122 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
             case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+              var type = node.type,
+                key = node.key,
+                props = node.props;
+              node = props.ref;
+              var ref = void 0 !== node ? node : null;
               var name = getComponentNameFromType(type),
                 keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
+                  null == key ? (-1 === childIndex ? 0 : childIndex) : key,
+                keyPath = [task.keyPath, name, keyOrIndex];
+              if (null !== task.replay) {
+                var replay = task.replay;
+                childIndex = replay.nodes;
+                for (node = 0; node < childIndex.length; node++)
+                  if (((key = childIndex[node]), keyOrIndex === key[1])) {
+                    if (4 === key.length) {
+                      if (null !== name && name !== key[0])
+                        throw Error(
+                          "Expected the resume to render <" +
+                            key[0] +
+                            "> in this slot but instead it rendered <" +
+                            name +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      var childNodes = key[2];
+                      key = key[3];
+                      name = task.node;
+                      task.replay = {
+                        nodes: childNodes,
+                        slots: key,
+                        pendingTasks: 1
+                      };
+                      try {
+                        renderElement(request, task, keyPath, type, props, ref);
+                        if (
+                          1 === task.replay.pendingTasks &&
+                          0 < task.replay.nodes.length
+                        )
                           throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
+                            "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                          );
+                        task.replay.pendingTasks--;
+                      } catch (x) {
+                        if (
+                          "object" === typeof x &&
+                          null !== x &&
+                          (x === SuspenseException ||
+                            "function" === typeof x.then)
+                        )
+                          throw (
+                            (task.node === name && (task.replay = replay), x)
                           );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
+                        task.replay.pendingTasks--;
+                        props = getThrownInfo(task.componentStack);
+                        erroredReplay(
+                          request,
+                          task.blockedBoundary,
+                          x,
+                          props,
+                          childNodes,
+                          key
+                        );
+                      }
+                      task.replay = replay;
+                    } else {
+                      if (type !== REACT_SUSPENSE_TYPE)
+                        throw Error(
+                          "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                            (getComponentNameFromType(type) || "Unknown") +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      a: {
+                        type = void 0;
+                        ref = key[5];
+                        replay = key[2];
+                        name = key[3];
+                        keyOrIndex = null === key[4] ? [] : key[4][2];
+                        key = null === key[4] ? null : key[4][3];
+                        var prevKeyPath = task.keyPath,
+                          previousReplaySet = task.replay,
+                          parentBoundary = task.blockedBoundary,
+                          parentHoistableState = task.hoistableState,
+                          content = props.children;
+                        props = props.fallback;
+                        var fallbackAbortSet = new Set(),
+                          resumedBoundary = createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet
+                          );
+                        resumedBoundary.parentFlushed = !0;
+                        resumedBoundary.rootSegmentID = ref;
+                        task.blockedBoundary = resumedBoundary;
+                        task.hoistableState = resumedBoundary.contentState;
                         task.replay = {
-                          nodes: childNodes,
+                          nodes: replay,
                           slots: name,
                           pendingTasks: 1
                         };
                         try {
-                          renderElement(request, task, key, type, props, ref);
+                          renderNode(request, task, content, -1);
                           if (
                             1 === task.replay.pendingTasks &&
                             0 < task.replay.nodes.length
@@ -5356,262 +5495,177 @@
                               "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                             );
                           task.replay.pendingTasks--;
-                        } catch (x) {
                           if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
+                            0 === resumedBoundary.pendingTasks &&
+                            resumedBoundary.status === PENDING
+                          ) {
+                            resumedBoundary.status = COMPLETED;
+                            request.completedBoundaries.push(resumedBoundary);
+                            break a;
+                          }
+                        } catch (error) {
+                          (resumedBoundary.status = CLIENT_RENDERED),
+                            (childNodes = getThrownInfo(task.componentStack)),
+                            (type = logRecoverableError(
                               request,
-                              fallbackAbortSet
+                              error,
+                              childNodes
+                            )),
+                            encodeErrorForBoundary(
+                              resumedBoundary,
+                              type,
+                              error,
+                              childNodes,
+                              !1
+                            ),
+                            task.replay.pendingTasks--,
+                            request.clientRenderedBoundaries.push(
+                              resumedBoundary
                             );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              (type = logRecoverableError(
-                                request,
-                                error$3,
-                                childNodes
-                              )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          childNodes = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(childNodes);
+                        } finally {
+                          (task.blockedBoundary = parentBoundary),
+                            (task.hoistableState = parentHoistableState),
+                            (task.replay = previousReplaySet),
+                            (task.keyPath = prevKeyPath);
                         }
+                        childNodes = createReplayTask(
+                          request,
+                          null,
+                          { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
+                          props,
+                          -1,
+                          parentBoundary,
+                          resumedBoundary.fallbackState,
+                          fallbackAbortSet,
+                          [keyPath[0], "Suspense Fallback", keyPath[2]],
+                          task.formatContext,
+                          task.context,
+                          task.treeContext,
+                          task.componentStack,
+                          !0
+                        );
+                        pushComponentStack(childNodes);
+                        request.pingedTasks.push(childNodes);
                       }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
                     }
+                    childIndex.splice(node, 1);
+                    break;
                   }
-                }
-              else renderElement(request, task, key, type, props, ref);
+              } else renderElement(request, task, keyPath, type, props, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
+          null === node || "object" !== typeof node
+            ? (props = null)
             : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (props = "function" === typeof childNodes ? childNodes : null));
+          if (props && (childNodes = props.call(node))) {
+            if (childNodes === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
                 "[object Generator]" !==
                   Object.prototype.toString.call(childNodes)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== props ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = childNodes.next();
+            if (!node.done) {
+              props = [];
+              do props.push(node.value), (node = childNodes.next());
+              while (!node.done);
+              renderChildrenArray(request, task, props, childIndex);
             }
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue2,
+              node._currentValue2,
               childIndex
             );
-          childIndex = Object.prototype.toString.call(node$jscomp$0);
+          childIndex = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === childIndex
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : childIndex) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((childIndex =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((childIndex = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 childIndex,
                 childIndex
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5645,7 +5699,7 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
@@ -5661,6 +5715,7 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       replay = task.treeContext;
@@ -5686,6 +5741,7 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5711,39 +5767,55 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: null
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
     }
     function untrackBoundary(request, boundary) {
       request = request.trackedPostpones;
@@ -5756,7 +5828,6 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
@@ -5788,15 +5859,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5810,15 +5879,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (node =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof node &&
               null !== node &&
               "function" === typeof node.then)
@@ -5846,15 +5915,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5865,7 +5932,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -5996,7 +6062,7 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             (segment = logRecoverableError(request, error, task)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
@@ -6055,7 +6121,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6070,8 +6136,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {});
       }
     }
     function completeShell(request) {
@@ -6172,12 +6238,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6202,15 +6271,10 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
@@ -6241,12 +6305,7 @@
                 var childrenLength = segment$jscomp$0.children.length,
                   chunkLength = segment$jscomp$0.chunks.length;
                 try {
-                  renderNodeDestructive(
-                    request,
-                    task$jscomp$0,
-                    task$jscomp$0.node,
-                    task$jscomp$0.childIndex
-                  ),
+                  retryNode(request, task$jscomp$0),
                     request.renderState.generateStaticMarkup ||
                       (segment$jscomp$0.lastPushedText &&
                         segment$jscomp$0.textEmbedded &&
@@ -6275,12 +6334,8 @@
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task$jscomp$0.thenableState =
                       getThenableStateAfterSuspending();
-                    null !== task$jscomp$0.componentStack &&
-                      (task$jscomp$0.componentStack =
-                        task$jscomp$0.componentStack.parent);
                   } else {
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
@@ -6321,9 +6376,9 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          logRecoverableError(request$jscomp$1, error, {}),
+            fatalError(request$jscomp$1, error);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -6846,7 +6901,7 @@
             destination.push(partialBoundaries)),
           i.hasHtml && ((i = endChunkForTag("html")), destination.push(i)),
           0 !== request.abortableTasks.size &&
-            error$jscomp$2(
+            console.error(
               "There was still abortable task at the root when we closed. This is a bug in React."
             ),
           destination.push(null),
@@ -6879,9 +6934,8 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          logRecoverableError(request, error, {}), fatalError(request, error);
         }
       }
     }
@@ -6900,8 +6954,8 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        logRecoverableError(request, error$3, {}), fatalError(request, error$3);
       }
     }
     function onError() {}
@@ -6954,8 +7008,6 @@
     }
     var React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -7655,6 +7707,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -7686,7 +7740,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -7735,7 +7789,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -7778,7 +7832,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -7848,7 +7902,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8159,6 +8213,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8315,12 +8371,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8333,6 +8392,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -8343,8 +8403,8 @@
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8366,5 +8426,5 @@
         'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
       );
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js
index 748684bb1d2b7..366ccc512931b 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js
@@ -1250,22 +1250,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1279,7 +1321,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1287,7 +1329,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1330,19 +1372,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1357,7 +1399,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1387,9 +1429,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1402,42 +1444,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1459,26 +1501,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1486,80 +1528,80 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7) throw Error(formatProdErrorMessage(60));
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8) throw Error(formatProdErrorMessage(60));
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(formatProdErrorMessage(61));
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1601,7 +1643,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1616,14 +1658,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1634,7 +1676,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1672,56 +1714,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [""];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1731,18 +1773,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1750,8 +1792,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2131,7 +2173,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2180,7 +2222,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2222,7 +2264,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2288,7 +2330,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -2524,16 +2566,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1485 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1498 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1499 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1500 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1501 = new Set(),
-    JSCompiler_object_inline_styles_1502 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1503 = new Set(),
-    JSCompiler_object_inline_scripts_1504 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1505 = new Set(),
-    JSCompiler_object_inline_preloads_1506 = {
+  var JSCompiler_object_inline_preconnects_1512 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1513 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1514 = new Set(),
+    JSCompiler_object_inline_styles_1515 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1516 = new Set(),
+    JSCompiler_object_inline_scripts_1517 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1518 = new Set(),
+    JSCompiler_object_inline_preloads_1519 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2570,7 +2612,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1503.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1516.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2611,7 +2653,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1503.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1516.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2626,7 +2668,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1485,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1498,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2646,14 +2688,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1499,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1500,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1501,
-    styles: JSCompiler_object_inline_styles_1502,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1503,
-    scripts: JSCompiler_object_inline_scripts_1504,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1505,
-    preloads: JSCompiler_object_inline_preloads_1506,
+    preconnects: JSCompiler_object_inline_preconnects_1512,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1513,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1514,
+    styles: JSCompiler_object_inline_styles_1515,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1516,
+    scripts: JSCompiler_object_inline_scripts_1517,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1518,
+    preloads: JSCompiler_object_inline_preloads_1519,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -3182,7 +3224,8 @@ var currentResumableState = null,
       throw Error(formatProdErrorMessage(248));
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3190,8 +3233,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3325,8 +3374,58 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+      : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3390,12 +3489,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3461,7 +3560,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3484,7 +3582,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3505,7 +3602,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3529,7 +3625,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3560,44 +3655,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3660,119 +3762,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue2);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue2
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue2);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue2
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3781,43 +3865,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -3840,23 +3920,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -3876,13 +3955,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error(formatProdErrorMessage(343));
@@ -3897,25 +3973,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -3931,8 +4002,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -3943,72 +4014,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4016,23 +4065,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4044,7 +4087,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4052,7 +4094,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue2;
           type._currentValue2 = props;
@@ -4072,7 +4114,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue2 = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4083,12 +4125,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4123,22 +4162,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4147,18 +4192,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
-                      throw Error(formatProdErrorMessage(490, node[0], name));
-                    var childNodes = node[2];
-                    name = node[3];
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
+                      throw Error(
+                        formatProdErrorMessage(490, node$jscomp$0[0], name)
+                      );
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4185,14 +4228,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4211,15 +4253,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4257,10 +4298,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4275,13 +4313,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4289,16 +4330,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4308,81 +4349,68 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
         case REACT_PORTAL_TYPE:
           throw Error(formatProdErrorMessage(257));
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue2,
+          node._currentValue2,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         formatProdErrorMessage(
           31,
           "[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex
         )
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4418,7 +4446,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4475,7 +4503,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4507,15 +4534,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4565,15 +4590,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4584,7 +4607,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4670,7 +4692,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -4725,7 +4747,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -4830,12 +4852,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -4858,15 +4883,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -4905,7 +4925,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request.renderState.generateStaticMarkup ||
                 (request$jscomp$1.lastPushedText &&
                   request$jscomp$1.textEmbedded &&
@@ -4929,13 +4949,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5493,4 +5508,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js
index 294ba10867477..e3ec6b14a5803 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js
@@ -41,36 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -312,7 +282,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -323,7 +293,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -334,7 +304,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -349,7 +319,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -360,17 +330,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -385,7 +355,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -393,7 +363,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -406,7 +376,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -426,13 +396,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -444,7 +414,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -465,7 +435,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -474,7 +444,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -483,7 +453,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -492,14 +462,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -511,7 +481,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -519,7 +489,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -531,7 +501,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -540,7 +510,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -609,7 +579,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -617,7 +587,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -666,7 +636,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -693,13 +663,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -885,7 +855,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -895,7 +865,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -906,7 +876,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -919,14 +889,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1014,7 +984,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1037,19 +1007,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1099,12 +1069,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1181,7 +1151,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1331,13 +1301,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1352,7 +1322,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1474,7 +1444,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1536,11 +1506,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1566,14 +1536,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1626,7 +1596,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1678,7 +1648,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1704,7 +1674,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1731,7 +1701,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -1771,7 +1741,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -1857,7 +1827,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -1873,7 +1843,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1882,7 +1852,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1949,7 +1919,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2017,13 +1987,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2097,33 +2067,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2132,16 +2152,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2157,7 +2177,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2168,7 +2188,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2178,7 +2198,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2188,13 +2208,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2240,19 +2260,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2267,7 +2287,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2298,23 +2318,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2334,34 +2354,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2369,14 +2389,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2389,7 +2409,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2408,100 +2428,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2509,10 +2529,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2576,7 +2596,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2629,56 +2649,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2688,20 +2708,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2711,10 +2731,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2877,7 +2897,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3093,7 +3113,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3151,7 +3171,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3393,7 +3413,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3496,7 +3516,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3509,7 +3529,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3609,7 +3629,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3650,7 +3670,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue2;
@@ -3712,14 +3732,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -3892,7 +3912,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -3903,8 +3923,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4058,37 +4084,80 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
+    }
     function getStackByComponentStackNode(componentStack) {
       try {
         var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
+        do
+          (info += describeComponentStackByType(componentStack.type)),
+            (componentStack = componentStack.parent);
+        while (componentStack);
         return info;
       } catch (x) {
         return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+          : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4153,12 +4222,12 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4226,7 +4295,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4249,7 +4317,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4270,7 +4337,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4294,7 +4360,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4331,11 +4396,57 @@
         ? ""
         : getStackByComponentStackNode(currentTaskInDEV.componentStack);
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            (task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            });
+        }
+    }
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner;
+            pushServerComponentStack(task, node._debugInfo);
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: null
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node) {
+      var errorInfo = {};
+      node &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            var stack = getStackByComponentStackNode(node);
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4359,20 +4470,21 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logRecoverableError(request, error, errorInfo) {
+      request = request.onError;
+      error = request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
+      else return error;
     }
     function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
+      var onShellError = request.onShellError,
+        onFatalError = request.onFatalError;
       onShellError(error);
+      onFatalError(error);
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4397,7 +4509,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4461,12 +4573,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4487,7 +4593,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4504,7 +4610,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4551,7 +4657,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4570,88 +4676,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4660,32 +4765,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4710,7 +4815,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4726,7 +4831,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4751,7 +4856,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4763,7 +4868,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4814,10 +4919,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4826,19 +4931,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4856,42 +4954,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -4903,11 +5002,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -4977,7 +5073,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -4999,16 +5094,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5025,10 +5114,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5074,22 +5160,21 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 var errorDigest = logRecoverableError(
                   request,
-                  error$2,
+                  error,
                   thrownInfo
                 );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5098,8 +5183,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5134,12 +5218,12 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
+                task.componentStack,
                 !0
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5147,12 +5231,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5175,7 +5253,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5191,7 +5268,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5213,7 +5290,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue2 =
@@ -5221,7 +5298,7 @@
               void 0 !== type._currentRenderer2 &&
                 null !== type._currentRenderer2 &&
                 type._currentRenderer2 !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer2 = rendererSigil;
@@ -5230,7 +5307,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5238,7 +5315,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue2),
@@ -5248,12 +5325,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5298,56 +5371,122 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
             case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+              var type = node.type,
+                key = node.key,
+                props = node.props;
+              node = props.ref;
+              var ref = void 0 !== node ? node : null;
               var name = getComponentNameFromType(type),
                 keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
+                  null == key ? (-1 === childIndex ? 0 : childIndex) : key,
+                keyPath = [task.keyPath, name, keyOrIndex];
+              if (null !== task.replay) {
+                var replay = task.replay;
+                childIndex = replay.nodes;
+                for (node = 0; node < childIndex.length; node++)
+                  if (((key = childIndex[node]), keyOrIndex === key[1])) {
+                    if (4 === key.length) {
+                      if (null !== name && name !== key[0])
+                        throw Error(
+                          "Expected the resume to render <" +
+                            key[0] +
+                            "> in this slot but instead it rendered <" +
+                            name +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      var childNodes = key[2];
+                      key = key[3];
+                      name = task.node;
+                      task.replay = {
+                        nodes: childNodes,
+                        slots: key,
+                        pendingTasks: 1
+                      };
+                      try {
+                        renderElement(request, task, keyPath, type, props, ref);
+                        if (
+                          1 === task.replay.pendingTasks &&
+                          0 < task.replay.nodes.length
+                        )
                           throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
+                            "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                          );
+                        task.replay.pendingTasks--;
+                      } catch (x) {
+                        if (
+                          "object" === typeof x &&
+                          null !== x &&
+                          (x === SuspenseException ||
+                            "function" === typeof x.then)
+                        )
+                          throw (
+                            (task.node === name && (task.replay = replay), x)
                           );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
+                        task.replay.pendingTasks--;
+                        props = getThrownInfo(task.componentStack);
+                        erroredReplay(
+                          request,
+                          task.blockedBoundary,
+                          x,
+                          props,
+                          childNodes,
+                          key
+                        );
+                      }
+                      task.replay = replay;
+                    } else {
+                      if (type !== REACT_SUSPENSE_TYPE)
+                        throw Error(
+                          "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                            (getComponentNameFromType(type) || "Unknown") +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      a: {
+                        type = void 0;
+                        ref = key[5];
+                        replay = key[2];
+                        name = key[3];
+                        keyOrIndex = null === key[4] ? [] : key[4][2];
+                        key = null === key[4] ? null : key[4][3];
+                        var prevKeyPath = task.keyPath,
+                          previousReplaySet = task.replay,
+                          parentBoundary = task.blockedBoundary,
+                          parentHoistableState = task.hoistableState,
+                          content = props.children;
+                        props = props.fallback;
+                        var fallbackAbortSet = new Set(),
+                          resumedBoundary = createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet
+                          );
+                        resumedBoundary.parentFlushed = !0;
+                        resumedBoundary.rootSegmentID = ref;
+                        task.blockedBoundary = resumedBoundary;
+                        task.hoistableState = resumedBoundary.contentState;
                         task.replay = {
-                          nodes: childNodes,
+                          nodes: replay,
                           slots: name,
                           pendingTasks: 1
                         };
                         try {
-                          renderElement(request, task, key, type, props, ref);
+                          renderNode(request, task, content, -1);
                           if (
                             1 === task.replay.pendingTasks &&
                             0 < task.replay.nodes.length
@@ -5356,262 +5495,177 @@
                               "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                             );
                           task.replay.pendingTasks--;
-                        } catch (x) {
                           if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
+                            0 === resumedBoundary.pendingTasks &&
+                            resumedBoundary.status === PENDING
+                          ) {
+                            resumedBoundary.status = COMPLETED;
+                            request.completedBoundaries.push(resumedBoundary);
+                            break a;
+                          }
+                        } catch (error) {
+                          (resumedBoundary.status = CLIENT_RENDERED),
+                            (childNodes = getThrownInfo(task.componentStack)),
+                            (type = logRecoverableError(
                               request,
-                              fallbackAbortSet
+                              error,
+                              childNodes
+                            )),
+                            encodeErrorForBoundary(
+                              resumedBoundary,
+                              type,
+                              error,
+                              childNodes,
+                              !1
+                            ),
+                            task.replay.pendingTasks--,
+                            request.clientRenderedBoundaries.push(
+                              resumedBoundary
                             );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              (type = logRecoverableError(
-                                request,
-                                error$3,
-                                childNodes
-                              )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          childNodes = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(childNodes);
+                        } finally {
+                          (task.blockedBoundary = parentBoundary),
+                            (task.hoistableState = parentHoistableState),
+                            (task.replay = previousReplaySet),
+                            (task.keyPath = prevKeyPath);
                         }
+                        childNodes = createReplayTask(
+                          request,
+                          null,
+                          { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
+                          props,
+                          -1,
+                          parentBoundary,
+                          resumedBoundary.fallbackState,
+                          fallbackAbortSet,
+                          [keyPath[0], "Suspense Fallback", keyPath[2]],
+                          task.formatContext,
+                          task.context,
+                          task.treeContext,
+                          task.componentStack,
+                          !0
+                        );
+                        pushComponentStack(childNodes);
+                        request.pingedTasks.push(childNodes);
                       }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
                     }
+                    childIndex.splice(node, 1);
+                    break;
                   }
-                }
-              else renderElement(request, task, key, type, props, ref);
+              } else renderElement(request, task, keyPath, type, props, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
+          null === node || "object" !== typeof node
+            ? (props = null)
             : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (props = "function" === typeof childNodes ? childNodes : null));
+          if (props && (childNodes = props.call(node))) {
+            if (childNodes === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
                 "[object Generator]" !==
                   Object.prototype.toString.call(childNodes)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== props ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = childNodes.next();
+            if (!node.done) {
+              props = [];
+              do props.push(node.value), (node = childNodes.next());
+              while (!node.done);
+              renderChildrenArray(request, task, props, childIndex);
             }
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue2,
+              node._currentValue2,
               childIndex
             );
-          childIndex = Object.prototype.toString.call(node$jscomp$0);
+          childIndex = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === childIndex
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : childIndex) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((childIndex =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((childIndex = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 childIndex,
                 childIndex
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5645,7 +5699,7 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
@@ -5661,6 +5715,7 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       replay = task.treeContext;
@@ -5686,6 +5741,7 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5711,39 +5767,55 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: null
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
     }
     function untrackBoundary(request, boundary) {
       request = request.trackedPostpones;
@@ -5756,7 +5828,6 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
@@ -5788,15 +5859,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5810,15 +5879,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (node =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof node &&
               null !== node &&
               "function" === typeof node.then)
@@ -5846,15 +5915,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5865,7 +5932,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -5996,7 +6062,7 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             (segment = logRecoverableError(request, error, task)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
@@ -6055,7 +6121,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6070,8 +6136,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {});
       }
     }
     function completeShell(request) {
@@ -6172,12 +6238,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6202,15 +6271,10 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
@@ -6241,12 +6305,7 @@
                 var childrenLength = segment$jscomp$0.children.length,
                   chunkLength = segment$jscomp$0.chunks.length;
                 try {
-                  renderNodeDestructive(
-                    request,
-                    task$jscomp$0,
-                    task$jscomp$0.node,
-                    task$jscomp$0.childIndex
-                  ),
+                  retryNode(request, task$jscomp$0),
                     request.renderState.generateStaticMarkup ||
                       (segment$jscomp$0.lastPushedText &&
                         segment$jscomp$0.textEmbedded &&
@@ -6275,12 +6334,8 @@
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task$jscomp$0.thenableState =
                       getThenableStateAfterSuspending();
-                    null !== task$jscomp$0.componentStack &&
-                      (task$jscomp$0.componentStack =
-                        task$jscomp$0.componentStack.parent);
                   } else {
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
@@ -6321,9 +6376,9 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          logRecoverableError(request$jscomp$1, error, {}),
+            fatalError(request$jscomp$1, error);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -6846,7 +6901,7 @@
             destination.push(partialBoundaries)),
           i.hasHtml && ((i = endChunkForTag("html")), destination.push(i)),
           0 !== request.abortableTasks.size &&
-            error$jscomp$2(
+            console.error(
               "There was still abortable task at the root when we closed. This is a bug in React."
             ),
           destination.push(null),
@@ -6879,9 +6934,8 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          logRecoverableError(request, error, {}), fatalError(request, error);
         }
       }
     }
@@ -6900,8 +6954,8 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        logRecoverableError(request, error$3, {}), fatalError(request, error$3);
       }
     }
     function onError() {}
@@ -6954,8 +7008,6 @@
     }
     var React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -7655,6 +7707,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -7686,7 +7740,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -7735,7 +7789,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -7778,7 +7832,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -7848,7 +7902,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8159,6 +8213,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8315,12 +8371,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8333,6 +8392,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -8343,8 +8403,8 @@
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8366,5 +8426,5 @@
         'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server'
       );
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js
index 5ad6183802fb1..205f73348f890 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js
@@ -1259,22 +1259,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1288,7 +1330,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1296,7 +1338,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1339,19 +1381,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1366,7 +1408,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1396,9 +1438,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1411,42 +1453,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1468,26 +1510,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1495,85 +1537,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1615,7 +1657,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1630,14 +1672,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1648,7 +1690,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1686,56 +1728,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [""];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1745,18 +1787,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1764,8 +1806,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2150,7 +2192,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2199,7 +2241,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2241,7 +2283,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2307,7 +2349,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -2543,16 +2585,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1485 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1498 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1499 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1500 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1501 = new Set(),
-    JSCompiler_object_inline_styles_1502 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1503 = new Set(),
-    JSCompiler_object_inline_scripts_1504 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1505 = new Set(),
-    JSCompiler_object_inline_preloads_1506 = {
+  var JSCompiler_object_inline_preconnects_1512 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1513 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1514 = new Set(),
+    JSCompiler_object_inline_styles_1515 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1516 = new Set(),
+    JSCompiler_object_inline_scripts_1517 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1518 = new Set(),
+    JSCompiler_object_inline_preloads_1519 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2589,7 +2631,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1503.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1516.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2630,7 +2672,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1503.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1516.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2645,7 +2687,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1485,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1498,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2665,14 +2707,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1499,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1500,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1501,
-    styles: JSCompiler_object_inline_styles_1502,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1503,
-    scripts: JSCompiler_object_inline_scripts_1504,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1505,
-    preloads: JSCompiler_object_inline_preloads_1506,
+    preconnects: JSCompiler_object_inline_preconnects_1512,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1513,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1514,
+    styles: JSCompiler_object_inline_styles_1515,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1516,
+    scripts: JSCompiler_object_inline_scripts_1517,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1518,
+    preloads: JSCompiler_object_inline_preloads_1519,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -3230,7 +3272,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3238,8 +3281,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3373,8 +3422,58 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(0, 1, "[%s] " + error[0], " " + badgeName + " ")
+      : error.splice(0, 0, "[%s] ", " " + badgeName + " ");
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3438,12 +3537,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3509,7 +3608,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3532,7 +3630,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3553,7 +3650,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3577,7 +3673,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3608,44 +3703,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3708,119 +3810,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue2);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue2
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue2);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue2
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3829,43 +3913,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -3888,23 +3968,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -3924,13 +4003,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -3945,25 +4021,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -3979,8 +4050,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -3991,72 +4062,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                   contentRootSegment.textEmbedded &&
                   contentRootSegment.chunks.push("\x3c!-- --\x3e")),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4064,23 +4113,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4092,7 +4135,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4100,7 +4142,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue2;
           type._currentValue2 = props;
@@ -4123,7 +4165,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue2 = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4134,12 +4176,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4175,22 +4214,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4199,24 +4244,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4245,14 +4286,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4269,15 +4309,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4317,10 +4356,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4335,13 +4371,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4349,16 +4388,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4370,80 +4409,67 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue2,
+          node._currentValue2,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4481,7 +4507,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4538,7 +4564,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4570,15 +4595,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4628,15 +4651,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4647,7 +4668,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4736,7 +4756,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -4791,7 +4811,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -4898,12 +4918,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -4928,15 +4951,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -4975,7 +4993,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request.renderState.generateStaticMarkup ||
                 (request$jscomp$1.lastPushedText &&
                   request$jscomp$1.textEmbedded &&
@@ -4999,13 +5017,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5575,4 +5588,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server'
   );
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js
index 5d0729bcd90a5..223888757502c 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js
@@ -41,36 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -340,7 +310,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -372,7 +342,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -383,7 +353,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -394,7 +364,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -409,7 +379,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -420,17 +390,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -445,7 +415,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -453,7 +423,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -466,7 +436,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -486,13 +456,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -504,7 +474,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -525,7 +495,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -534,7 +504,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -543,7 +513,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -552,14 +522,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -571,7 +541,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -579,7 +549,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -591,7 +561,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -600,7 +570,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -669,7 +639,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -677,7 +647,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -726,7 +696,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -753,13 +723,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -860,7 +830,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -870,7 +840,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -1161,7 +1132,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -1171,7 +1142,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -1182,7 +1153,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -1195,14 +1166,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1296,7 +1267,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1319,19 +1290,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1381,12 +1352,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1463,7 +1434,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1622,13 +1593,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1643,7 +1614,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1765,7 +1736,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1827,11 +1798,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1857,14 +1828,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1917,7 +1888,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1969,7 +1940,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1995,7 +1966,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -2022,7 +1993,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -2062,7 +2033,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -2150,7 +2121,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -2166,7 +2137,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2175,7 +2146,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2242,7 +2213,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2312,13 +2283,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2394,33 +2365,85 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      stringToChunk("data"),
+                      attributeAssign,
+                      stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(
+              stringToChunk(escapeTextForBrowser(children$jscomp$5))
+            );
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2429,16 +2452,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2454,7 +2477,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2465,7 +2488,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2475,7 +2498,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2485,13 +2508,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2537,19 +2560,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2564,7 +2587,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2595,23 +2618,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2631,34 +2654,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2668,14 +2691,14 @@
               );
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2688,7 +2711,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2709,26 +2732,26 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
@@ -2736,75 +2759,75 @@
                 target.push(
                   stringToChunk(escapeStyleTextContent(child$jscomp$2))
                 );
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2812,10 +2835,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push(stringToChunk("" + html))));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2879,7 +2902,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2932,56 +2955,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2991,21 +3014,21 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           stringToChunk(attributeName),
                           attributeAssign,
                           stringToChunk(
-                            escapeTextForBrowser(propValue$jscomp$10)
+                            escapeTextForBrowser(propValue$jscomp$11)
                           ),
                           attributeEnd
                         );
@@ -3016,10 +3039,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -3177,7 +3200,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3413,7 +3436,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3471,7 +3494,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3532,7 +3555,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3635,7 +3658,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3648,7 +3671,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3748,7 +3771,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3789,7 +3812,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3851,14 +3874,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4031,7 +4054,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4042,8 +4065,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4197,37 +4226,94 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
+    }
     function getStackByComponentStackNode(componentStack) {
       try {
         var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
+        do
+          (info += describeComponentStackByType(componentStack.type)),
+            (componentStack = componentStack.parent);
+        while (componentStack);
         return info;
       } catch (x) {
         return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "%c%s%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "%c%s%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4292,12 +4378,12 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4367,7 +4453,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4390,7 +4475,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4411,7 +4495,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4435,7 +4518,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4472,11 +4554,57 @@
         ? ""
         : getStackByComponentStackNode(currentTaskInDEV.componentStack);
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            (task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            });
+        }
+    }
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner;
+            pushServerComponentStack(task, node._debugInfo);
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: null
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node) {
+      var errorInfo = {};
+      node &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            var stack = getStackByComponentStackNode(node);
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4500,20 +4628,21 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logRecoverableError(request, error, errorInfo) {
+      request = request.onError;
+      error = request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
+      else return error;
     }
     function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
+      var onShellError = request.onShellError,
+        onFatalError = request.onFatalError;
       onShellError(error);
+      onFatalError(error);
       null !== request.destination
         ? ((request.status = 2), closeWithError(request.destination, error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4538,7 +4667,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4602,12 +4731,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4628,7 +4751,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4645,7 +4768,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4692,7 +4815,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4711,88 +4834,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4801,32 +4923,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4851,7 +4973,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4867,7 +4989,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4892,7 +5014,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4904,7 +5026,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4955,10 +5077,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4967,19 +5089,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4997,42 +5112,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5044,11 +5160,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5118,7 +5231,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5140,16 +5252,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5166,10 +5272,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5214,22 +5317,21 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 var errorDigest = logRecoverableError(
                   request,
-                  error$2,
+                  error,
                   thrownInfo
                 );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5238,8 +5340,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5274,12 +5375,12 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
+                task.componentStack,
                 !0
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5287,12 +5388,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5315,7 +5410,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5331,7 +5425,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5353,7 +5447,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5361,7 +5455,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5370,7 +5464,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5378,7 +5472,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5388,12 +5482,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5438,56 +5528,122 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
             case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+              var type = node.type,
+                key = node.key,
+                props = node.props;
+              node = props.ref;
+              var ref = void 0 !== node ? node : null;
               var name = getComponentNameFromType(type),
                 keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
+                  null == key ? (-1 === childIndex ? 0 : childIndex) : key,
+                keyPath = [task.keyPath, name, keyOrIndex];
+              if (null !== task.replay) {
+                var replay = task.replay;
+                childIndex = replay.nodes;
+                for (node = 0; node < childIndex.length; node++)
+                  if (((key = childIndex[node]), keyOrIndex === key[1])) {
+                    if (4 === key.length) {
+                      if (null !== name && name !== key[0])
+                        throw Error(
+                          "Expected the resume to render <" +
+                            key[0] +
+                            "> in this slot but instead it rendered <" +
+                            name +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      var childNodes = key[2];
+                      key = key[3];
+                      name = task.node;
+                      task.replay = {
+                        nodes: childNodes,
+                        slots: key,
+                        pendingTasks: 1
+                      };
+                      try {
+                        renderElement(request, task, keyPath, type, props, ref);
+                        if (
+                          1 === task.replay.pendingTasks &&
+                          0 < task.replay.nodes.length
+                        )
                           throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
+                            "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                          );
+                        task.replay.pendingTasks--;
+                      } catch (x) {
+                        if (
+                          "object" === typeof x &&
+                          null !== x &&
+                          (x === SuspenseException ||
+                            "function" === typeof x.then)
+                        )
+                          throw (
+                            (task.node === name && (task.replay = replay), x)
                           );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
+                        task.replay.pendingTasks--;
+                        props = getThrownInfo(task.componentStack);
+                        erroredReplay(
+                          request,
+                          task.blockedBoundary,
+                          x,
+                          props,
+                          childNodes,
+                          key
+                        );
+                      }
+                      task.replay = replay;
+                    } else {
+                      if (type !== REACT_SUSPENSE_TYPE)
+                        throw Error(
+                          "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                            (getComponentNameFromType(type) || "Unknown") +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      a: {
+                        type = void 0;
+                        ref = key[5];
+                        replay = key[2];
+                        name = key[3];
+                        keyOrIndex = null === key[4] ? [] : key[4][2];
+                        key = null === key[4] ? null : key[4][3];
+                        var prevKeyPath = task.keyPath,
+                          previousReplaySet = task.replay,
+                          parentBoundary = task.blockedBoundary,
+                          parentHoistableState = task.hoistableState,
+                          content = props.children;
+                        props = props.fallback;
+                        var fallbackAbortSet = new Set(),
+                          resumedBoundary = createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet
+                          );
+                        resumedBoundary.parentFlushed = !0;
+                        resumedBoundary.rootSegmentID = ref;
+                        task.blockedBoundary = resumedBoundary;
+                        task.hoistableState = resumedBoundary.contentState;
                         task.replay = {
-                          nodes: childNodes,
+                          nodes: replay,
                           slots: name,
                           pendingTasks: 1
                         };
                         try {
-                          renderElement(request, task, key, type, props, ref);
+                          renderNode(request, task, content, -1);
                           if (
                             1 === task.replay.pendingTasks &&
                             0 < task.replay.nodes.length
@@ -5496,262 +5652,177 @@
                               "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                             );
                           task.replay.pendingTasks--;
-                        } catch (x) {
                           if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
+                            0 === resumedBoundary.pendingTasks &&
+                            resumedBoundary.status === PENDING
+                          ) {
+                            resumedBoundary.status = COMPLETED;
+                            request.completedBoundaries.push(resumedBoundary);
+                            break a;
+                          }
+                        } catch (error) {
+                          (resumedBoundary.status = CLIENT_RENDERED),
+                            (childNodes = getThrownInfo(task.componentStack)),
+                            (type = logRecoverableError(
                               request,
-                              fallbackAbortSet
+                              error,
+                              childNodes
+                            )),
+                            encodeErrorForBoundary(
+                              resumedBoundary,
+                              type,
+                              error,
+                              childNodes,
+                              !1
+                            ),
+                            task.replay.pendingTasks--,
+                            request.clientRenderedBoundaries.push(
+                              resumedBoundary
                             );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              (type = logRecoverableError(
-                                request,
-                                error$3,
-                                childNodes
-                              )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          childNodes = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(childNodes);
+                        } finally {
+                          (task.blockedBoundary = parentBoundary),
+                            (task.hoistableState = parentHoistableState),
+                            (task.replay = previousReplaySet),
+                            (task.keyPath = prevKeyPath);
                         }
+                        childNodes = createReplayTask(
+                          request,
+                          null,
+                          { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
+                          props,
+                          -1,
+                          parentBoundary,
+                          resumedBoundary.fallbackState,
+                          fallbackAbortSet,
+                          [keyPath[0], "Suspense Fallback", keyPath[2]],
+                          task.formatContext,
+                          task.context,
+                          task.treeContext,
+                          task.componentStack,
+                          !0
+                        );
+                        pushComponentStack(childNodes);
+                        request.pingedTasks.push(childNodes);
                       }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
                     }
+                    childIndex.splice(node, 1);
+                    break;
                   }
-                }
-              else renderElement(request, task, key, type, props, ref);
+              } else renderElement(request, task, keyPath, type, props, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
+          null === node || "object" !== typeof node
+            ? (props = null)
             : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (props = "function" === typeof childNodes ? childNodes : null));
+          if (props && (childNodes = props.call(node))) {
+            if (childNodes === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
                 "[object Generator]" !==
                   Object.prototype.toString.call(childNodes)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== props ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = childNodes.next();
+            if (!node.done) {
+              props = [];
+              do props.push(node.value), (node = childNodes.next());
+              while (!node.done);
+              renderChildrenArray(request, task, props, childIndex);
             }
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          childIndex = Object.prototype.toString.call(node$jscomp$0);
+          childIndex = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === childIndex
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : childIndex) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((childIndex =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((childIndex = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 childIndex,
                 childIndex
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5785,7 +5856,7 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
@@ -5801,6 +5872,7 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       replay = task.treeContext;
@@ -5826,6 +5898,7 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5851,39 +5924,55 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: null
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
     }
     function untrackBoundary(request, boundary) {
       request = request.trackedPostpones;
@@ -5896,7 +5985,6 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
@@ -5928,15 +6016,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5950,15 +6036,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (node =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof node &&
               null !== node &&
               "function" === typeof node.then)
@@ -5986,15 +6072,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -6005,7 +6089,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6136,7 +6219,7 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             (segment = logRecoverableError(request, error, task)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
@@ -6195,7 +6278,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6210,8 +6293,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {});
       }
     }
     function completeShell(request) {
@@ -6312,12 +6395,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6342,15 +6428,10 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
@@ -6381,12 +6462,7 @@
                 var childrenLength = segment$jscomp$0.children.length,
                   chunkLength = segment$jscomp$0.chunks.length;
                 try {
-                  renderNodeDestructive(
-                    request,
-                    task$jscomp$0,
-                    task$jscomp$0.node,
-                    task$jscomp$0.childIndex
-                  ),
+                  retryNode(request, task$jscomp$0),
                     segment$jscomp$0.lastPushedText &&
                       segment$jscomp$0.textEmbedded &&
                       segment$jscomp$0.chunks.push(textSeparator),
@@ -6414,12 +6490,8 @@
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task$jscomp$0.thenableState =
                       getThenableStateAfterSuspending();
-                    null !== task$jscomp$0.componentStack &&
-                      (task$jscomp$0.componentStack =
-                        task$jscomp$0.componentStack.parent);
                   } else {
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
@@ -6460,9 +6532,9 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          logRecoverableError(request$jscomp$1, error, {}),
+            fatalError(request$jscomp$1, error);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7016,7 +7088,7 @@
             i.hasHtml && writeChunk(destination, endChunkForTag("html")),
             completeWriting(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.close(),
@@ -7061,14 +7133,12 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        logRecoverableError(request, error$3, {}), fatalError(request, error$3);
       }
     }
     var React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -7777,6 +7847,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -7808,7 +7880,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -7857,7 +7929,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -7900,7 +7972,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -7970,7 +8042,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8342,6 +8414,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8498,12 +8572,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8516,6 +8593,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -8526,8 +8604,8 @@
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8535,11 +8613,11 @@
       didWarnAboutMaps = !1;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-rc-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-rc-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     exports.renderToReadableStream = function (children, options) {
@@ -8594,9 +8672,9 @@
                       request.destination = controller;
                       try {
                         flushCompletedQueues(request, controller);
-                      } catch (error$7) {
-                        logRecoverableError(request, error$7, {}),
-                          fatalError(request, error$7);
+                      } catch (error) {
+                        logRecoverableError(request, error, {}),
+                          fatalError(request, error);
                       }
                     }
                   },
@@ -8632,5 +8710,5 @@
         startWork(request$jscomp$0);
       });
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js
index f14b92c9cdcaa..fe887bf75de44 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js
@@ -416,7 +416,7 @@ function createRenderState(
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -1634,22 +1634,66 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  stringToChunk("data"),
+                  attributeAssign,
+                  stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(
+          stringToChunk(escapeTextForBrowser(children$jscomp$5))
+        );
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1663,7 +1707,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1671,7 +1715,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1714,19 +1758,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1741,7 +1785,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1771,9 +1815,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1786,34 +1830,34 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
@@ -1821,9 +1865,9 @@ function pushStartInstance(
           target$jscomp$0.push(
             stringToChunk(("" + child).replace(styleRegex, styleReplacer))
           );
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1847,26 +1891,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1876,80 +1920,80 @@ function pushStartInstance(
                 ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
               )
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7) throw Error(formatProdErrorMessage(60));
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8) throw Error(formatProdErrorMessage(60));
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(formatProdErrorMessage(61));
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, stringToChunk(html))
             : target$jscomp$0.push(stringToChunk("" + html)));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1991,7 +2035,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -2006,14 +2050,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -2024,7 +2068,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -2062,56 +2106,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -2121,18 +2165,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       stringToChunk(attributeName),
                       attributeAssign,
-                      stringToChunk(escapeTextForBrowser(propValue$jscomp$10)),
+                      stringToChunk(escapeTextForBrowser(propValue$jscomp$11)),
                       attributeEnd
                     );
                   }
@@ -2140,8 +2184,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2633,7 +2677,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2682,7 +2726,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2724,7 +2768,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2790,7 +2834,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3527,7 +3571,8 @@ var currentResumableState = null,
       throw Error(formatProdErrorMessage(248));
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3535,8 +3580,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3670,8 +3721,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "%c%s%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "%c%s%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3735,12 +3850,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3808,7 +3923,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3831,7 +3945,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3852,7 +3965,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3876,7 +3988,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3907,44 +4018,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -4007,119 +4125,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -4128,43 +4228,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4187,23 +4283,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4223,13 +4318,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error(formatProdErrorMessage(343));
@@ -4244,25 +4336,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -4278,8 +4365,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4289,72 +4376,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4362,23 +4427,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4390,7 +4449,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4398,7 +4456,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4418,7 +4476,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4429,12 +4487,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4469,22 +4524,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4493,18 +4554,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
-                      throw Error(formatProdErrorMessage(490, node[0], name));
-                    var childNodes = node[2];
-                    name = node[3];
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
+                      throw Error(
+                        formatProdErrorMessage(490, node$jscomp$0[0], name)
+                      );
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4531,14 +4590,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4557,15 +4615,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4603,10 +4660,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4621,13 +4675,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4635,16 +4692,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4654,81 +4711,68 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
         case REACT_PORTAL_TYPE:
           throw Error(formatProdErrorMessage(257));
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         formatProdErrorMessage(
           31,
           "[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex
         )
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4764,7 +4808,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4821,7 +4865,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4853,15 +4896,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4911,15 +4952,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4930,7 +4969,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -5016,7 +5054,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5071,7 +5109,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5176,12 +5214,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5204,15 +5245,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -5251,7 +5287,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request$jscomp$1.lastPushedText &&
                 request$jscomp$1.textEmbedded &&
                 request$jscomp$1.chunks.push(textSeparator),
@@ -5274,13 +5310,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5760,16 +5791,16 @@ function abort(request, reason) {
     logRecoverableError(request, error$46, {}), fatalError(request, error$46);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_720 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_736 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_720
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_736
 )
   throw Error(
     formatProdErrorMessage(
       527,
-      isomorphicReactPackageVersion$jscomp$inline_720,
-      "19.0.0-rc-dfd30974ab-20240613"
+      isomorphicReactPackageVersion$jscomp$inline_736,
+      "19.0.0-rc-01172397-20240716"
     )
   );
 exports.renderToReadableStream = function (children, options) {
@@ -5858,4 +5889,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js
index fef0e1dbf9b52..d49922bad300d 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js
@@ -268,7 +268,7 @@ function createRenderState(
           fontPreloads: "",
           highImagePreloads: "",
           remainingCapacity:
-            "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+            2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
         }
       : null,
     resets: {
@@ -1388,22 +1388,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(">");
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  " ",
+                  "data",
+                  '="',
+                  escapeTextForBrowser(sanitizedValue),
+                  '"'
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(">");
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1417,7 +1459,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1425,7 +1467,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1468,19 +1510,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1495,7 +1537,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1525,9 +1567,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1540,42 +1582,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(">");
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1597,26 +1639,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1624,85 +1666,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e");
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push("\x3c!-- --\x3e"),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(">");
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push("\n", html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push("\n");
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1744,7 +1786,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1759,14 +1801,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1777,7 +1819,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1815,56 +1857,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = ["<!DOCTYPE html>"];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1874,18 +1916,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       " ",
                       attributeName,
                       '="',
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       '"'
                     );
                   }
@@ -1893,8 +1935,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(">");
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2279,7 +2321,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2328,7 +2370,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2370,7 +2412,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2436,7 +2478,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3200,7 +3242,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3208,8 +3251,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3343,8 +3392,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "%c%s%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "%c%s%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3408,12 +3521,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3481,7 +3594,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3504,7 +3616,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3525,7 +3636,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3549,7 +3659,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3580,44 +3689,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3680,119 +3796,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3801,43 +3899,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -3860,23 +3954,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -3896,13 +3989,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -3917,25 +4007,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -3951,8 +4036,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -3962,72 +4047,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push("\x3c!-- --\x3e"),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4035,23 +4098,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4063,7 +4120,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4071,7 +4127,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4094,7 +4150,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4105,12 +4161,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4146,22 +4199,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4170,24 +4229,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4216,14 +4271,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4240,15 +4294,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4288,10 +4341,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4306,13 +4356,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4320,16 +4373,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4341,80 +4394,67 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4452,7 +4492,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4509,7 +4549,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4541,15 +4580,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4599,15 +4636,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4618,7 +4653,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4707,7 +4741,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -4762,7 +4796,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -4869,12 +4903,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -4899,15 +4936,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -4946,7 +4978,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request$jscomp$1.lastPushedText &&
                 request$jscomp$1.textEmbedded &&
                 request$jscomp$1.chunks.push("\x3c!-- --\x3e"),
@@ -4969,13 +5001,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5463,15 +5490,15 @@ function abort(request, reason) {
     logRecoverableError(request, error$46, {}), fatalError(request, error$46);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_724 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_740 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_724
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_740
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_724 +
-        "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_740 +
+        "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -5559,4 +5586,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js
index 7e9804e42bba2..742a0677796a3 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js
@@ -41,36 +41,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -336,7 +306,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -368,7 +338,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -379,7 +349,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -390,7 +360,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -405,7 +375,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -416,17 +386,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -441,7 +411,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -449,7 +419,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -462,7 +432,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -482,13 +452,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -500,7 +470,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -521,7 +491,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -530,7 +500,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -539,7 +509,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -548,14 +518,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -567,7 +537,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -575,7 +545,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -587,7 +557,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -596,7 +566,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -665,7 +635,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -673,7 +643,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -722,7 +692,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -749,13 +719,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -856,7 +826,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -866,7 +836,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -1157,7 +1128,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -1167,7 +1138,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -1178,7 +1149,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -1191,14 +1162,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1292,7 +1263,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1315,19 +1286,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1377,12 +1348,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1459,7 +1430,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1618,13 +1589,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1639,7 +1610,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1761,7 +1732,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1823,11 +1794,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1853,14 +1824,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1913,7 +1884,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1965,7 +1936,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1991,7 +1962,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -2018,7 +1989,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -2058,7 +2029,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -2146,7 +2117,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -2162,7 +2133,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2171,7 +2142,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -2238,7 +2209,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2308,13 +2279,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2390,33 +2361,85 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      stringToChunk("data"),
+                      attributeAssign,
+                      stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(
+              stringToChunk(escapeTextForBrowser(children$jscomp$5))
+            );
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2425,16 +2448,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2450,7 +2473,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2461,7 +2484,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2471,7 +2494,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2481,13 +2504,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2533,19 +2556,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2560,7 +2583,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2591,23 +2614,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2627,34 +2650,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2664,14 +2687,14 @@
               );
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2684,7 +2707,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2705,26 +2728,26 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
@@ -2732,75 +2755,75 @@
                 target.push(
                   stringToChunk(escapeStyleTextContent(child$jscomp$2))
                 );
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2808,10 +2831,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push(stringToChunk("" + html))));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2875,7 +2898,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2928,56 +2951,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2987,21 +3010,21 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           stringToChunk(attributeName),
                           attributeAssign,
                           stringToChunk(
-                            escapeTextForBrowser(propValue$jscomp$10)
+                            escapeTextForBrowser(propValue$jscomp$11)
                           ),
                           attributeEnd
                         );
@@ -3012,10 +3035,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -3173,7 +3196,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3409,7 +3432,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3467,7 +3490,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3528,7 +3551,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3631,7 +3654,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3644,7 +3667,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3744,7 +3767,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3785,7 +3808,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3847,14 +3870,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -4027,7 +4050,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -4038,8 +4061,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -4193,37 +4222,94 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
+    }
     function getStackByComponentStackNode(componentStack) {
       try {
         var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
+        do
+          (info += describeComponentStackByType(componentStack.type)),
+            (componentStack = componentStack.parent);
+        while (componentStack);
         return info;
       } catch (x) {
         return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -4288,12 +4374,12 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function createRequest(
@@ -4371,7 +4457,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4394,7 +4479,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4415,7 +4499,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4439,7 +4522,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4476,11 +4558,57 @@
         ? ""
         : getStackByComponentStackNode(currentTaskInDEV.componentStack);
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            (task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            });
+        }
+    }
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner;
+            pushServerComponentStack(task, node._debugInfo);
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: null
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function getThrownInfo(node) {
+      var errorInfo = {};
+      node &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            var stack = getStackByComponentStackNode(node);
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4504,20 +4632,21 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logRecoverableError(request, error, errorInfo) {
+      request = request.onError;
+      error = request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
+      else return error;
     }
     function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
+      var onShellError = request.onShellError,
+        onFatalError = request.onFatalError;
       onShellError(error);
+      onFatalError(error);
       null !== request.destination
         ? ((request.status = 2), closeWithError(request.destination, error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4542,7 +4671,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4606,12 +4735,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4632,7 +4755,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4649,7 +4772,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4696,7 +4819,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4715,88 +4838,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4805,32 +4927,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4855,7 +4977,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4871,7 +4993,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4896,7 +5018,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4908,7 +5030,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4959,10 +5081,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4971,19 +5093,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -5001,42 +5116,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -5048,11 +5164,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -5122,7 +5235,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -5144,16 +5256,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -5170,10 +5276,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -5218,22 +5321,21 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 var errorDigest = logRecoverableError(
                   request,
-                  error$2,
+                  error,
                   thrownInfo
                 );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -5242,8 +5344,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -5278,12 +5379,12 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
+                task.componentStack,
                 !0
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -5291,12 +5392,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -5319,7 +5414,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -5335,7 +5429,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5357,7 +5451,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5365,7 +5459,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5374,7 +5468,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5382,7 +5476,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5392,12 +5486,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5442,56 +5532,122 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
             case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+              var type = node.type,
+                key = node.key,
+                props = node.props;
+              node = props.ref;
+              var ref = void 0 !== node ? node : null;
               var name = getComponentNameFromType(type),
                 keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
+                  null == key ? (-1 === childIndex ? 0 : childIndex) : key,
+                keyPath = [task.keyPath, name, keyOrIndex];
+              if (null !== task.replay) {
+                var replay = task.replay;
+                childIndex = replay.nodes;
+                for (node = 0; node < childIndex.length; node++)
+                  if (((key = childIndex[node]), keyOrIndex === key[1])) {
+                    if (4 === key.length) {
+                      if (null !== name && name !== key[0])
+                        throw Error(
+                          "Expected the resume to render <" +
+                            key[0] +
+                            "> in this slot but instead it rendered <" +
+                            name +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      var childNodes = key[2];
+                      key = key[3];
+                      name = task.node;
+                      task.replay = {
+                        nodes: childNodes,
+                        slots: key,
+                        pendingTasks: 1
+                      };
+                      try {
+                        renderElement(request, task, keyPath, type, props, ref);
+                        if (
+                          1 === task.replay.pendingTasks &&
+                          0 < task.replay.nodes.length
+                        )
                           throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
+                            "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                          );
+                        task.replay.pendingTasks--;
+                      } catch (x) {
+                        if (
+                          "object" === typeof x &&
+                          null !== x &&
+                          (x === SuspenseException ||
+                            "function" === typeof x.then)
+                        )
+                          throw (
+                            (task.node === name && (task.replay = replay), x)
                           );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
+                        task.replay.pendingTasks--;
+                        props = getThrownInfo(task.componentStack);
+                        erroredReplay(
+                          request,
+                          task.blockedBoundary,
+                          x,
+                          props,
+                          childNodes,
+                          key
+                        );
+                      }
+                      task.replay = replay;
+                    } else {
+                      if (type !== REACT_SUSPENSE_TYPE)
+                        throw Error(
+                          "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                            (getComponentNameFromType(type) || "Unknown") +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      a: {
+                        type = void 0;
+                        ref = key[5];
+                        replay = key[2];
+                        name = key[3];
+                        keyOrIndex = null === key[4] ? [] : key[4][2];
+                        key = null === key[4] ? null : key[4][3];
+                        var prevKeyPath = task.keyPath,
+                          previousReplaySet = task.replay,
+                          parentBoundary = task.blockedBoundary,
+                          parentHoistableState = task.hoistableState,
+                          content = props.children;
+                        props = props.fallback;
+                        var fallbackAbortSet = new Set(),
+                          resumedBoundary = createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet
+                          );
+                        resumedBoundary.parentFlushed = !0;
+                        resumedBoundary.rootSegmentID = ref;
+                        task.blockedBoundary = resumedBoundary;
+                        task.hoistableState = resumedBoundary.contentState;
                         task.replay = {
-                          nodes: childNodes,
+                          nodes: replay,
                           slots: name,
                           pendingTasks: 1
                         };
                         try {
-                          renderElement(request, task, key, type, props, ref);
+                          renderNode(request, task, content, -1);
                           if (
                             1 === task.replay.pendingTasks &&
                             0 < task.replay.nodes.length
@@ -5500,262 +5656,177 @@
                               "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                             );
                           task.replay.pendingTasks--;
-                        } catch (x) {
                           if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
+                            0 === resumedBoundary.pendingTasks &&
+                            resumedBoundary.status === PENDING
+                          ) {
+                            resumedBoundary.status = COMPLETED;
+                            request.completedBoundaries.push(resumedBoundary);
+                            break a;
+                          }
+                        } catch (error) {
+                          (resumedBoundary.status = CLIENT_RENDERED),
+                            (childNodes = getThrownInfo(task.componentStack)),
+                            (type = logRecoverableError(
                               request,
-                              fallbackAbortSet
+                              error,
+                              childNodes
+                            )),
+                            encodeErrorForBoundary(
+                              resumedBoundary,
+                              type,
+                              error,
+                              childNodes,
+                              !1
+                            ),
+                            task.replay.pendingTasks--,
+                            request.clientRenderedBoundaries.push(
+                              resumedBoundary
                             );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              (type = logRecoverableError(
-                                request,
-                                error$3,
-                                childNodes
-                              )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          childNodes = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(childNodes);
+                        } finally {
+                          (task.blockedBoundary = parentBoundary),
+                            (task.hoistableState = parentHoistableState),
+                            (task.replay = previousReplaySet),
+                            (task.keyPath = prevKeyPath);
                         }
+                        childNodes = createReplayTask(
+                          request,
+                          null,
+                          { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
+                          props,
+                          -1,
+                          parentBoundary,
+                          resumedBoundary.fallbackState,
+                          fallbackAbortSet,
+                          [keyPath[0], "Suspense Fallback", keyPath[2]],
+                          task.formatContext,
+                          task.context,
+                          task.treeContext,
+                          task.componentStack,
+                          !0
+                        );
+                        pushComponentStack(childNodes);
+                        request.pingedTasks.push(childNodes);
                       }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
                     }
+                    childIndex.splice(node, 1);
+                    break;
                   }
-                }
-              else renderElement(request, task, key, type, props, ref);
+              } else renderElement(request, task, keyPath, type, props, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
+          null === node || "object" !== typeof node
+            ? (props = null)
             : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (props = "function" === typeof childNodes ? childNodes : null));
+          if (props && (childNodes = props.call(node))) {
+            if (childNodes === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
                 "[object Generator]" !==
                   Object.prototype.toString.call(childNodes)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== props ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = childNodes.next();
+            if (!node.done) {
+              props = [];
+              do props.push(node.value), (node = childNodes.next());
+              while (!node.done);
+              renderChildrenArray(request, task, props, childIndex);
             }
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          childIndex = Object.prototype.toString.call(node$jscomp$0);
+          childIndex = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === childIndex
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : childIndex) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((childIndex =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((childIndex = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 childIndex,
                 childIndex
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5789,7 +5860,7 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
@@ -5805,6 +5876,7 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       replay = task.treeContext;
@@ -5830,6 +5902,7 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5855,39 +5928,55 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: null
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
     }
     function untrackBoundary(request, boundary) {
       request = request.trackedPostpones;
@@ -5900,7 +5989,6 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
@@ -5932,15 +6020,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5954,15 +6040,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (node =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof node &&
               null !== node &&
               "function" === typeof node.then)
@@ -5990,15 +6076,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -6009,7 +6093,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -6140,7 +6223,7 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             (segment = logRecoverableError(request, error, task)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
@@ -6199,7 +6282,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -6214,8 +6297,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {});
       }
     }
     function completeShell(request) {
@@ -6316,12 +6399,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -6346,15 +6432,10 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
@@ -6385,12 +6466,7 @@
                 var childrenLength = segment$jscomp$0.children.length,
                   chunkLength = segment$jscomp$0.chunks.length;
                 try {
-                  renderNodeDestructive(
-                    request,
-                    task$jscomp$0,
-                    task$jscomp$0.node,
-                    task$jscomp$0.childIndex
-                  ),
+                  retryNode(request, task$jscomp$0),
                     segment$jscomp$0.lastPushedText &&
                       segment$jscomp$0.textEmbedded &&
                       segment$jscomp$0.chunks.push(textSeparator),
@@ -6418,12 +6494,8 @@
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task$jscomp$0.thenableState =
                       getThenableStateAfterSuspending();
-                    null !== task$jscomp$0.componentStack &&
-                      (task$jscomp$0.componentStack =
-                        task$jscomp$0.componentStack.parent);
                   } else {
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
@@ -6464,9 +6536,9 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          logRecoverableError(request$jscomp$1, error, {}),
+            fatalError(request$jscomp$1, error);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -7020,7 +7092,7 @@
             i.hasHtml && writeChunk(destination, endChunkForTag("html")),
             completeWriting(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.close(),
@@ -7080,14 +7152,12 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        logRecoverableError(request, error$3, {}), fatalError(request, error$3);
       }
     }
     var React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -7790,6 +7860,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -7821,7 +7893,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -7870,7 +7942,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -7913,7 +7985,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -7983,7 +8055,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8357,6 +8429,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8513,12 +8587,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8531,6 +8608,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -8541,8 +8619,8 @@
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8550,11 +8628,11 @@
       didWarnAboutMaps = !1;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-rc-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-rc-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     exports.renderToReadableStream = function (children, options) {
@@ -8609,9 +8687,9 @@
                       request.destination = controller;
                       try {
                         flushCompletedQueues(request, controller);
-                      } catch (error$7) {
-                        logRecoverableError(request, error$7, {}),
-                          fatalError(request, error$7);
+                      } catch (error) {
+                        logRecoverableError(request, error, {}),
+                          fatalError(request, error);
                       }
                     }
                   },
@@ -8647,5 +8725,5 @@
         startWork(request$jscomp$0);
       });
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js
index 9837041ba8d1a..c856f284a4c47 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js
@@ -391,7 +391,7 @@ function createRenderState(
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -1633,22 +1633,66 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  stringToChunk("data"),
+                  attributeAssign,
+                  stringToChunk(escapeTextForBrowser(sanitizedValue)),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(
+          stringToChunk(escapeTextForBrowser(children$jscomp$5))
+        );
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1662,7 +1706,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1670,7 +1714,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1713,19 +1757,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1740,7 +1784,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1770,9 +1814,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1785,34 +1829,34 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
@@ -1820,9 +1864,9 @@ function pushStartInstance(
           target$jscomp$0.push(
             stringToChunk(("" + child).replace(styleRegex, styleReplacer))
           );
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1846,26 +1890,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1875,85 +1919,85 @@ function pushStartInstance(
                 ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
               )
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, stringToChunk(html))
             : target$jscomp$0.push(stringToChunk("" + html)));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1995,7 +2039,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -2010,14 +2054,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -2028,7 +2072,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -2066,56 +2110,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -2125,18 +2169,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       stringToChunk(attributeName),
                       attributeAssign,
-                      stringToChunk(escapeTextForBrowser(propValue$jscomp$10)),
+                      stringToChunk(escapeTextForBrowser(propValue$jscomp$11)),
                       attributeEnd
                     );
                   }
@@ -2144,8 +2188,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2642,7 +2686,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2691,7 +2735,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2733,7 +2777,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2799,7 +2843,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3567,7 +3611,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3575,8 +3620,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3710,8 +3761,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3775,12 +3890,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 function createRequest(
@@ -3856,7 +3971,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3879,7 +3993,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3900,7 +4013,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3924,7 +4036,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3955,44 +4066,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), closeWithError(request.destination, error))
     : ((request.status = 1), (request.fatalError = error));
@@ -4055,119 +4173,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -4176,43 +4276,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -4235,23 +4331,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -4271,13 +4366,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -4292,25 +4384,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -4326,8 +4413,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4337,72 +4424,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4410,23 +4475,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4438,7 +4497,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4446,7 +4504,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4469,7 +4527,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4480,12 +4538,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4521,22 +4576,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4545,24 +4606,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4591,14 +4648,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4615,15 +4671,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4663,10 +4718,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4681,13 +4733,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4695,16 +4750,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4716,80 +4771,67 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4827,7 +4869,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4884,7 +4926,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4916,15 +4957,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4974,15 +5013,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4993,7 +5030,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -5082,7 +5118,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -5137,7 +5173,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -5244,12 +5280,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -5274,15 +5313,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -5321,7 +5355,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request$jscomp$1.lastPushedText &&
                 request$jscomp$1.textEmbedded &&
                 request$jscomp$1.chunks.push(textSeparator),
@@ -5344,13 +5378,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5854,15 +5883,15 @@ function abort(request, reason) {
     logRecoverableError(request, error$46, {}), fatalError(request, error$46);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_728 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_744 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_728
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_744
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_728 +
-        "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_744 +
+        "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 exports.renderToReadableStream = function (children, options) {
   return new Promise(function (resolve, reject) {
@@ -5950,4 +5979,4 @@ exports.renderToReadableStream = function (children, options) {
     startWork(request);
   });
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js
index 17a97e432b16d..fdbe69e1d780b 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js
@@ -17,36 +17,6 @@
     function scriptReplacer(match, prefix, s, suffix) {
       return "" + prefix + ("s" === s ? "\\u0073" : "\\u0053") + suffix;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -223,7 +193,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -292,7 +262,7 @@
     function stringToPrecomputedChunk(content) {
       content = textEncoder.encode(content);
       2048 < content.byteLength &&
-        error$jscomp$2(
+        console.error(
           "precomputed chunks must be smaller than the view size configured for this host. This is a bug in React."
         );
       return content;
@@ -319,7 +289,7 @@
     function checkAttributeStringCoercion(value, attributeName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` attribute is an unsupported type %s. This value must be coerced to a string before using it here.",
             attributeName,
             typeName(value)
@@ -330,7 +300,7 @@
     function checkCSSPropertyStringCoercion(value, propName) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided `%s` CSS property is an unsupported type %s. This value must be coerced to a string before using it here.",
             propName,
             typeName(value)
@@ -341,7 +311,7 @@
     function checkHtmlStringCoercion(value) {
       if (willCoercionThrow(value))
         return (
-          error$jscomp$2(
+          console.error(
             "The provided HTML markup uses a value of unsupported type %s. This value must be coerced to a string before using it here.",
             typeName(value)
           ),
@@ -356,7 +326,7 @@
       if (VALID_ATTRIBUTE_NAME_REGEX.test(attributeName))
         return (validatedAttributeNameCache[attributeName] = !0);
       illegalAttributeNameCache[attributeName] = !0;
-      error$jscomp$2("Invalid attribute name: `%s`", attributeName);
+      console.error("Invalid attribute name: `%s`", attributeName);
       return !1;
     }
     function checkControlledValueProps(tagName, props) {
@@ -367,17 +337,17 @@
         props.disabled ||
         null == props.value ||
         ("select" === tagName
-          ? error$jscomp$2(
+          ? console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set `onChange`."
             )
-          : error$jscomp$2(
+          : console.error(
               "You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`."
             ));
       props.onChange ||
         props.readOnly ||
         props.disabled ||
         null == props.checked ||
-        error$jscomp$2(
+        console.error(
           "You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`."
         );
     }
@@ -392,7 +362,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. ARIA attributes follow the pattern aria-* and must be lowercase.",
               name
             ),
@@ -400,7 +370,7 @@
           );
         if (name !== tagName)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid ARIA attribute `%s`. Did you mean `%s`?",
               name,
               tagName
@@ -413,7 +383,7 @@
         tagName = ariaProperties.hasOwnProperty(tagName) ? tagName : null;
         if (null == tagName) return (warnedProperties$1[name] = !0), !1;
         name !== tagName &&
-          (error$jscomp$2(
+          (console.error(
             "Unknown ARIA attribute `%s`. Did you mean `%s`?",
             name,
             tagName
@@ -433,13 +403,13 @@
         })
         .join(", ");
       1 === invalidProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid aria prop %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
           )
         : 1 < invalidProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid aria props %s on <%s> tag. For details, see https://react.dev/link/invalid-aria-props",
             props,
             type
@@ -451,7 +421,7 @@
       var lowerCasedName = name.toLowerCase();
       if ("onfocusin" === lowerCasedName || "onfocusout" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React uses onFocus and onBlur instead of onFocusIn and onFocusOut. All React events are normalized to bubble, so onFocusIn and onFocusOut are not needed/supported by React."
           ),
           (warnedProperties[name] = !0)
@@ -472,7 +442,7 @@
           : null;
         if (null != eventRegistry)
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. Did you mean `%s`?",
               name,
               eventRegistry
@@ -481,7 +451,7 @@
           );
         if (EVENT_NAME_REGEX.test(name))
           return (
-            error$jscomp$2(
+            console.error(
               "Unknown event handler property `%s`. It will be ignored.",
               name
             ),
@@ -490,7 +460,7 @@
       } else if (EVENT_NAME_REGEX.test(name))
         return (
           INVALID_EVENT_NAME_REGEX.test(name) &&
-            error$jscomp$2(
+            console.error(
               "Invalid event handler property `%s`. React events use the camelCase naming convention, for example `onClick`.",
               name
             ),
@@ -499,14 +469,14 @@
       if (rARIA.test(name) || rARIACamel.test(name)) return !0;
       if ("innerhtml" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "Directly setting property `innerHTML` is not permitted. For more information, lookup documentation on `dangerouslySetInnerHTML`."
           ),
           (warnedProperties[name] = !0)
         );
       if ("aria" === lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "The `aria` attribute is reserved for future use in React. Pass individual `aria-` attributes instead."
           ),
           (warnedProperties[name] = !0)
@@ -518,7 +488,7 @@
         "string" !== typeof value
       )
         return (
-          error$jscomp$2(
+          console.error(
             "Received a `%s` for a string attribute `is`. If this is expected, cast the value to a string.",
             typeof value
           ),
@@ -526,7 +496,7 @@
         );
       if ("number" === typeof value && isNaN(value))
         return (
-          error$jscomp$2(
+          console.error(
             "Received NaN for the `%s` attribute. If this is expected, cast the value to a string.",
             name
           ),
@@ -538,7 +508,7 @@
           lowerCasedName !== name)
         )
           return (
-            error$jscomp$2(
+            console.error(
               "Invalid DOM property `%s`. Did you mean `%s`?",
               name,
               lowerCasedName
@@ -547,7 +517,7 @@
           );
       } else if (name !== lowerCasedName)
         return (
-          error$jscomp$2(
+          console.error(
             "React does not recognize the `%s` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `%s` instead. If you accidentally passed it from a parent component, remove it from the DOM element.",
             name,
             lowerCasedName
@@ -616,7 +586,7 @@
               if ("data-" === lowerCasedName || "aria-" === lowerCasedName)
                 return !0;
               value
-                ? error$jscomp$2(
+                ? console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.',
                     value,
                     name,
@@ -624,7 +594,7 @@
                     value,
                     name
                   )
-                : error$jscomp$2(
+                : console.error(
                     'Received `%s` for a non-boolean attribute `%s`.\n\nIf you want to write it to the DOM, pass a string instead: %s="%s" or %s={value.toString()}.\n\nIf you used to conditionally omit it with %s={condition && value}, pass %s={condition ? value : undefined} instead.',
                     value,
                     name,
@@ -673,7 +643,7 @@
               default:
                 return !0;
             }
-            error$jscomp$2(
+            console.error(
               "Received the string `%s` for the boolean attribute `%s`. %s Did you mean %s={%s}?",
               value,
               name,
@@ -700,13 +670,13 @@
         })
         .join(", ");
       1 === unknownProps.length
-        ? error$jscomp$2(
+        ? console.error(
             "Invalid value for prop %s on <%s> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
           )
         : 1 < unknownProps.length &&
-          error$jscomp$2(
+          console.error(
             "Invalid values for props %s on <%s> tag. Either remove them from the element, or pass a string or number value to keep them in the DOM. For details, see https://react.dev/link/attribute-behavior ",
             props,
             type
@@ -871,7 +841,7 @@
                 (warnedStyleNames.hasOwnProperty(name) &&
                   warnedStyleNames[name]) ||
                   ((warnedStyleNames[name] = !0),
-                  error$jscomp$2(
+                  console.error(
                     "Unsupported style property %s. Did you mean %s?",
                     name,
                     camelize(name.replace(msPattern$1, "ms-"))
@@ -881,7 +851,7 @@
                   (warnedStyleNames.hasOwnProperty(name) &&
                     warnedStyleNames[name]) ||
                     ((warnedStyleNames[name] = !0),
-                    error$jscomp$2(
+                    console.error(
                       "Unsupported vendor-prefixed style property %s. Did you mean %s?",
                       name,
                       name.charAt(0).toUpperCase() + name.slice(1)
@@ -892,7 +862,7 @@
                 (warnedStyleValues.hasOwnProperty(value$jscomp$0) &&
                   warnedStyleValues[value$jscomp$0]) ||
                   ((warnedStyleValues[value$jscomp$0] = !0),
-                  error$jscomp$2(
+                  console.error(
                     'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.',
                     name,
                     value$jscomp$0.replace(
@@ -905,14 +875,14 @@
                 (isNaN(value)
                   ? warnedForNaNValue ||
                     ((warnedForNaNValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`NaN` is an invalid value for the `%s` css style property.",
                       nameChunk
                     ))
                   : isFinite(value) ||
                     warnedForInfinityValue ||
                     ((warnedForInfinityValue = !0),
-                    error$jscomp$2(
+                    console.error(
                       "`Infinity` is an invalid value for the `%s` css style property.",
                       nameChunk
                     )));
@@ -1002,7 +972,7 @@
             "function" === typeof x.then
           )
             throw x;
-          error$jscomp$2(
+          console.error(
             "Failed to serialize an action for progressive enhancement:\n%s",
             x
           );
@@ -1025,19 +995,19 @@
         null === name ||
           didWarnFormActionName ||
           ((didWarnFormActionName = !0),
-          error$jscomp$2(
+          console.error(
             'Cannot specify a "name" prop for a button that specifies a function as a formAction. React needs it to encode which action should be invoked. It will get overridden.'
           ));
         (null === formEncType && null === formMethod) ||
           didWarnFormActionMethod ||
           ((didWarnFormActionMethod = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formEncType or formMethod for a button that specifies a function as a formAction. React provides those automatically. They will get overridden."
           ));
         null === formTarget ||
           didWarnFormActionTarget ||
           ((didWarnFormActionTarget = !0),
-          error$jscomp$2(
+          console.error(
             "Cannot specify a formTarget for a button that specifies a function as a formAction. The function will always be executed in the same window."
           ));
         var customFields = getCustomFormFields(resumableState, formAction);
@@ -1087,12 +1057,12 @@
         case "href":
           if ("" === value) {
             "src" === name
-              ? error$jscomp$2(
+              ? console.error(
                   'An empty string ("") was passed to the %s attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
                   name,
                   name
@@ -1169,7 +1139,7 @@
           "" !== value ||
             didWarnForNewBooleanPropsWithEmptyValue[name] ||
             ((didWarnForNewBooleanPropsWithEmptyValue[name] = !0),
-            error$jscomp$2(
+            console.error(
               "Received an empty string for a boolean attribute `%s`. This will treat the attribute as if it were false. Either pass `false` to silence this warning, or pass `true` if you used an empty string in earlier versions of React to indicate this attribute is true.",
               name
             ));
@@ -1319,13 +1289,13 @@
       null != value &&
         ((value = isArrayImpl(value)),
         props.multiple && !value
-          ? error$jscomp$2(
+          ? console.error(
               "The `%s` prop supplied to <select> must be an array if `multiple` is true.",
               propName
             )
           : !props.multiple &&
             value &&
-            error$jscomp$2(
+            console.error(
               "The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.",
               propName
             ));
@@ -1340,7 +1310,7 @@
             "number" === typeof child ||
             "bigint" === typeof child ||
             ((didWarnInvalidOptionChildren = !0),
-            error$jscomp$2(
+            console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             )));
       });
@@ -1462,7 +1432,7 @@
             : Array.isArray(children)
             ? "an array for children"
             : "something unexpected for children"),
-        error$jscomp$2(
+        console.error(
           "A script element was rendered with %s. If script element has children it must be a single string. Consider using dangerouslySetInnerHTML or passing a plain string as children.",
           props
         ));
@@ -1524,11 +1494,11 @@
         didWarnValueNull ||
         ((didWarnValueNull = !0),
         "select" === type && props.multiple
-          ? error$jscomp$2(
+          ? console.error(
               "`value` prop on `%s` should not be null. Consider using an empty array when `multiple` is set to `true` to clear the component or `undefined` for uncontrolled components.",
               type
             )
-          : error$jscomp$2(
+          : console.error(
               "`value` prop on `%s` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.",
               type
             ));
@@ -1554,14 +1524,14 @@
       !props.suppressContentEditableWarning &&
         props.contentEditable &&
         null != props.children &&
-        error$jscomp$2(
+        console.error(
           "A component is `contentEditable` and contains `children` managed by React. It is now your responsibility to guarantee that none of those nodes are unexpectedly modified or duplicated. This is probably not intentional."
         );
       formatContext.insertionMode !== SVG_MODE &&
         formatContext.insertionMode !== MATHML_MODE &&
         -1 === type.indexOf("-") &&
         type.toLowerCase() !== type &&
-        error$jscomp$2(
+        console.error(
           "<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",
           type
         );
@@ -1614,7 +1584,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultSelectValue ||
-            (error$jscomp$2(
+            (console.error(
               "Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultSelectValue = !0));
@@ -1666,7 +1636,7 @@
                   case "selected":
                     selected = propValue$jscomp$1;
                     didWarnSelectedSetOnOption ||
-                      (error$jscomp$2(
+                      (console.error(
                         "Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>."
                       ),
                       (didWarnSelectedSetOnOption = !0));
@@ -1692,7 +1662,7 @@
               null === innerHTML$jscomp$1 ||
                 didWarnInvalidOptionInnerHTML ||
                 ((didWarnInvalidOptionInnerHTML = !0),
-                error$jscomp$2(
+                console.error(
                   "Pass a `value` prop if you set dangerouslyInnerHTML so React knows which value should be selected."
                 )),
                 (stringValue = flattenOptionChildren(children$jscomp$1));
@@ -1719,7 +1689,7 @@
           void 0 === props.value ||
             void 0 === props.defaultValue ||
             didWarnDefaultTextareaValue ||
-            (error$jscomp$2(
+            (console.error(
               "Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://react.dev/link/controlled-components"
             ),
             (didWarnDefaultTextareaValue = !0));
@@ -1759,7 +1729,7 @@
             (value$jscomp$0 = defaultValue);
           target$jscomp$0.push(endOfStartTag);
           if (null != children$jscomp$2) {
-            error$jscomp$2(
+            console.error(
               "Use the `defaultValue` or `value` props instead of setting children on <textarea>."
             );
             if (null != value$jscomp$0)
@@ -1845,7 +1815,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'An input can only specify a formAction along with type="submit" or type="image".'
             ));
           var formData = pushFormActionAttribute(
@@ -1861,7 +1831,7 @@
           null === checked ||
             null === defaultChecked ||
             didWarnDefaultChecked ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both checked and defaultChecked props. Input elements must be either controlled or uncontrolled (specify either the checked prop, or the defaultChecked prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1870,7 +1840,7 @@
           null === value$jscomp$1 ||
             null === defaultValue$jscomp$0 ||
             didWarnDefaultInputValue ||
-            (error$jscomp$2(
+            (console.error(
               "%s contains an input of type %s with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. More info: https://react.dev/link/controlled-components",
               "A component",
               props.type
@@ -1937,7 +1907,7 @@
             "submit" === props.type ||
             didWarnFormActionType ||
             ((didWarnFormActionType = !0),
-            error$jscomp$2(
+            console.error(
               'A button can only specify a formAction along with type="submit" or no type.'
             ));
           var formData$jscomp$0 = pushFormActionAttribute(
@@ -2005,13 +1975,13 @@
             (null === formEncType$jscomp$1 && null === formMethod$jscomp$1) ||
               didWarnFormActionMethod ||
               ((didWarnFormActionMethod = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a encType or method for a form that specifies a function as the action. React provides those automatically. They will get overridden."
               ));
             null === formTarget$jscomp$1 ||
               didWarnFormActionTarget ||
               ((didWarnFormActionTarget = !0),
-              error$jscomp$2(
+              console.error(
                 "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window."
               ));
             var customFields = getCustomFormFields(
@@ -2085,33 +2055,83 @@
             }
           target$jscomp$0.push(endOfStartTag);
           return null;
+        case "object":
+          target$jscomp$0.push(startChunkForTag("object"));
+          var children$jscomp$5 = null,
+            innerHTML$jscomp$4 = null,
+            propKey$jscomp$7;
+          for (propKey$jscomp$7 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+              var propValue$jscomp$7 = props[propKey$jscomp$7];
+              if (null != propValue$jscomp$7)
+                switch (propKey$jscomp$7) {
+                  case "children":
+                    children$jscomp$5 = propValue$jscomp$7;
+                    break;
+                  case "dangerouslySetInnerHTML":
+                    innerHTML$jscomp$4 = propValue$jscomp$7;
+                    break;
+                  case "data":
+                    checkAttributeStringCoercion(propValue$jscomp$7, "data");
+                    var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                    if ("" === sanitizedValue) {
+                      console.error(
+                        'An empty string ("") was passed to the %s attribute. To fix this, either do not render the element at all or pass null to %s instead of an empty string.',
+                        propKey$jscomp$7,
+                        propKey$jscomp$7
+                      );
+                      break;
+                    }
+                    target$jscomp$0.push(
+                      attributeSeparator,
+                      "data",
+                      attributeAssign,
+                      escapeTextForBrowser(sanitizedValue),
+                      attributeEnd
+                    );
+                    break;
+                  default:
+                    pushAttribute(
+                      target$jscomp$0,
+                      propKey$jscomp$7,
+                      propValue$jscomp$7
+                    );
+                }
+            }
+          target$jscomp$0.push(endOfStartTag);
+          pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+          if ("string" === typeof children$jscomp$5) {
+            target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+            var JSCompiler_inline_result$jscomp$3 = null;
+          } else JSCompiler_inline_result$jscomp$3 = children$jscomp$5;
+          return JSCompiler_inline_result$jscomp$3;
         case "title":
           var insertionMode = formatContext.insertionMode,
             noscriptTagInScope = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$5 = props.children,
-              child = Array.isArray(children$jscomp$5)
-                ? 2 > children$jscomp$5.length
-                  ? children$jscomp$5[0]
+            var children$jscomp$6 = props.children,
+              child = Array.isArray(children$jscomp$6)
+                ? 2 > children$jscomp$6.length
+                  ? children$jscomp$6[0]
                   : null
-                : children$jscomp$5;
-            Array.isArray(children$jscomp$5) && 1 < children$jscomp$5.length
-              ? error$jscomp$2(
+                : children$jscomp$6;
+            Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
+              ? console.error(
                   "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
-                  children$jscomp$5.length
+                  children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
-              ? error$jscomp$2(
+              ? console.error(
                   "React expect children of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value.",
                   "function" === typeof child ? "a Function" : "a Sybmol"
                 )
               : child &&
                 child.toString === {}.toString &&
                 (null != child.$$typeof
-                  ? error$jscomp$2(
+                  ? console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that appears to be a React element which never implements a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value which is why rendering React elements is not supported. If the `children` of <title> is a React Component try moving the <title> tag into that component. If the `children` of <title> is some HTML markup change it to be Text only to be valid HTML."
                     )
-                  : error$jscomp$2(
+                  : console.error(
                       "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an object that does not implement a suitable `toString` method. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert children of <title> tags to a single string value. Using the default `toString` method available on every object is almost certainly an error. Consider whether the `children` of this <title> is an object in error and change it to a string or number value if so. Otherwise implement a `toString` method that React can use to produce a valid <title>."
                     ));
           }
@@ -2120,16 +2140,16 @@
             noscriptTagInScope ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
+            var JSCompiler_inline_result$jscomp$4 = pushTitleImpl(
               target$jscomp$0,
               props
             );
           else
             isFallback
-              ? (JSCompiler_inline_result$jscomp$3 = null)
+              ? (JSCompiler_inline_result$jscomp$4 = null)
               : (pushTitleImpl(renderState.hoistableChunks, props),
-                (JSCompiler_inline_result$jscomp$3 = void 0));
-          return JSCompiler_inline_result$jscomp$3;
+                (JSCompiler_inline_result$jscomp$4 = void 0));
+          return JSCompiler_inline_result$jscomp$4;
         case "link":
           var rel = props.rel,
             href = props.href,
@@ -2145,7 +2165,7 @@
             "stylesheet" === rel &&
               "string" === typeof props.precedence &&
               (("string" === typeof href && href) ||
-                error$jscomp$2(
+                console.error(
                   'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and expected the `href` prop to be a non-empty string but ecountered %s instead. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop ensure there is a non-empty string `href` prop as well, otherwise remove the `precedence` prop.',
                   null === href
                     ? "`null`"
@@ -2156,7 +2176,7 @@
                     : 'something with type "' + typeof href + '"'
                 ));
             pushLinkImpl(target$jscomp$0, props);
-            var JSCompiler_inline_result$jscomp$4 = null;
+            var JSCompiler_inline_result$jscomp$5 = null;
           } else if ("stylesheet" === props.rel)
             if (
               "string" !== typeof precedence ||
@@ -2166,7 +2186,7 @@
             ) {
               if ("string" === typeof precedence)
                 if (null != props.disabled)
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and a `disabled` prop. The presence of the `disabled` prop indicates an intent to manage the stylesheet active state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the `disabled` prop, otherwise remove the `precedence` prop.'
                   );
                 else if (props.onLoad || props.onError) {
@@ -2176,13 +2196,13 @@
                       : props.onLoad
                       ? "`onLoad` prop"
                       : "`onError` prop";
-                  error$jscomp$2(
+                  console.error(
                     'React encountered a `<link rel="stylesheet" .../>` with a `precedence` prop and %s. The presence of loading and error handlers indicates an intent to manage the stylesheet loading state from your from your Component code and React will not hoist or deduplicate this stylesheet. If your intent was to have React hoist and deduplciate this stylesheet using the `precedence` prop remove the %s, otherwise remove the `precedence` prop.',
                     propDescription,
                     propDescription
                   );
                 }
-              JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                 target$jscomp$0,
                 props
               );
@@ -2228,19 +2248,19 @@
                   hoistableState.stylesheets.add(_resource);
               }
               textEmbedded && target$jscomp$0.push(textSeparator);
-              JSCompiler_inline_result$jscomp$4 = null;
+              JSCompiler_inline_result$jscomp$5 = null;
             }
           else
             props.onLoad || props.onError
-              ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
+              ? (JSCompiler_inline_result$jscomp$5 = pushLinkImpl(
                   target$jscomp$0,
                   props
                 ))
               : (textEmbedded && target$jscomp$0.push(textSeparator),
-                (JSCompiler_inline_result$jscomp$4 = isFallback
+                (JSCompiler_inline_result$jscomp$5 = isFallback
                   ? null
                   : pushLinkImpl(renderState.hoistableChunks, props)));
-          return JSCompiler_inline_result$jscomp$4;
+          return JSCompiler_inline_result$jscomp$5;
         case "script":
           var asyncProp = props.async;
           if (
@@ -2255,7 +2275,7 @@
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
+            var JSCompiler_inline_result$jscomp$6 = pushScriptImpl(
               target$jscomp$0,
               props
             );
@@ -2286,23 +2306,23 @@
               pushScriptImpl(resource$jscomp$0, scriptProps);
             }
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$5 = null;
+            JSCompiler_inline_result$jscomp$6 = null;
           }
-          return JSCompiler_inline_result$jscomp$5;
+          return JSCompiler_inline_result$jscomp$6;
         case "style":
           var insertionMode$jscomp$0 = formatContext.insertionMode,
             noscriptTagInScope$jscomp$0 = !!(formatContext.tagScope & 1);
           if (hasOwnProperty.call(props, "children")) {
-            var children$jscomp$6 = props.children,
-              child$jscomp$0 = Array.isArray(children$jscomp$6)
-                ? 2 > children$jscomp$6.length
-                  ? children$jscomp$6[0]
+            var children$jscomp$7 = props.children,
+              child$jscomp$0 = Array.isArray(children$jscomp$7)
+                ? 2 > children$jscomp$7.length
+                  ? children$jscomp$7[0]
                   : null
-                : children$jscomp$6;
+                : children$jscomp$7;
             ("function" === typeof child$jscomp$0 ||
               "symbol" === typeof child$jscomp$0 ||
               Array.isArray(child$jscomp$0)) &&
-              error$jscomp$2(
+              console.error(
                 "React expect children of <style> tags to be a string, number, or object with a `toString` method but found %s instead. In browsers style Elements can only have `Text` Nodes as children.",
                 "function" === typeof child$jscomp$0
                   ? "a Function"
@@ -2322,34 +2342,34 @@
             "" === href$jscomp$0
           ) {
             target$jscomp$0.push(startChunkForTag("style"));
-            var children$jscomp$7 = null,
-              innerHTML$jscomp$4 = null,
-              propKey$jscomp$7;
-            for (propKey$jscomp$7 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-                var propValue$jscomp$7 = props[propKey$jscomp$7];
-                if (null != propValue$jscomp$7)
-                  switch (propKey$jscomp$7) {
+            var children$jscomp$8 = null,
+              innerHTML$jscomp$5 = null,
+              propKey$jscomp$8;
+            for (propKey$jscomp$8 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+                var propValue$jscomp$8 = props[propKey$jscomp$8];
+                if (null != propValue$jscomp$8)
+                  switch (propKey$jscomp$8) {
                     case "children":
-                      children$jscomp$7 = propValue$jscomp$7;
+                      children$jscomp$8 = propValue$jscomp$8;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$4 = propValue$jscomp$7;
+                      innerHTML$jscomp$5 = propValue$jscomp$8;
                       break;
                     default:
                       pushAttribute(
                         target$jscomp$0,
-                        propKey$jscomp$7,
-                        propValue$jscomp$7
+                        propKey$jscomp$8,
+                        propValue$jscomp$8
                       );
                   }
               }
             target$jscomp$0.push(endOfStartTag);
-            var child$jscomp$1 = Array.isArray(children$jscomp$7)
-              ? 2 > children$jscomp$7.length
-                ? children$jscomp$7[0]
+            var child$jscomp$1 = Array.isArray(children$jscomp$8)
+              ? 2 > children$jscomp$8.length
+                ? children$jscomp$8[0]
                 : null
-              : children$jscomp$7;
+              : children$jscomp$8;
             "function" !== typeof child$jscomp$1 &&
               "symbol" !== typeof child$jscomp$1 &&
               null !== child$jscomp$1 &&
@@ -2357,14 +2377,14 @@
               target$jscomp$0.push(escapeStyleTextContent(child$jscomp$1));
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$4,
-              children$jscomp$7
+              innerHTML$jscomp$5,
+              children$jscomp$8
             );
             target$jscomp$0.push(endChunkForTag("style"));
-            var JSCompiler_inline_result$jscomp$6 = null;
+            var JSCompiler_inline_result$jscomp$7 = null;
           } else {
             href$jscomp$0.includes(" ") &&
-              error$jscomp$2(
+              console.error(
                 'React expected the `href` prop for a <style> tag opting into hoisting semantics using the `precedence` prop to not have any spaces but ecountered spaces instead. using spaces in this prop will cause hydration of this style to fail on the client. The href for the <style> where this ocurred is "%s".',
                 href$jscomp$0
               );
@@ -2377,7 +2397,7 @@
             if (resourceState$jscomp$1 !== EXISTS) {
               resumableState.styleResources[href$jscomp$0] = EXISTS;
               resourceState$jscomp$1 &&
-                error$jscomp$2(
+                console.error(
                   'React encountered a hoistable style tag for the same href as a preload: "%s". When using a style tag to inline styles you should not also preload it as a stylsheet.',
                   href$jscomp$0
                 );
@@ -2396,100 +2416,100 @@
                     styleQueue$jscomp$0
                   ));
               var target = styleQueue$jscomp$0.rules,
-                children$jscomp$8 = null,
-                innerHTML$jscomp$5 = null,
-                propKey$jscomp$8;
-              for (propKey$jscomp$8 in props)
-                if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-                  var propValue$jscomp$8 = props[propKey$jscomp$8];
-                  if (null != propValue$jscomp$8)
-                    switch (propKey$jscomp$8) {
+                children$jscomp$9 = null,
+                innerHTML$jscomp$6 = null,
+                propKey$jscomp$9;
+              for (propKey$jscomp$9 in props)
+                if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+                  var propValue$jscomp$9 = props[propKey$jscomp$9];
+                  if (null != propValue$jscomp$9)
+                    switch (propKey$jscomp$9) {
                       case "children":
-                        children$jscomp$8 = propValue$jscomp$8;
+                        children$jscomp$9 = propValue$jscomp$9;
                         break;
                       case "dangerouslySetInnerHTML":
-                        innerHTML$jscomp$5 = propValue$jscomp$8;
+                        innerHTML$jscomp$6 = propValue$jscomp$9;
                     }
                 }
-              var child$jscomp$2 = Array.isArray(children$jscomp$8)
-                ? 2 > children$jscomp$8.length
-                  ? children$jscomp$8[0]
+              var child$jscomp$2 = Array.isArray(children$jscomp$9)
+                ? 2 > children$jscomp$9.length
+                  ? children$jscomp$9[0]
                   : null
-                : children$jscomp$8;
+                : children$jscomp$9;
               "function" !== typeof child$jscomp$2 &&
                 "symbol" !== typeof child$jscomp$2 &&
                 null !== child$jscomp$2 &&
                 void 0 !== child$jscomp$2 &&
                 target.push(escapeStyleTextContent(child$jscomp$2));
-              pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$8);
+              pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$9);
             }
             styleQueue$jscomp$0 &&
               hoistableState &&
               hoistableState.styles.add(styleQueue$jscomp$0);
             textEmbedded && target$jscomp$0.push(textSeparator);
-            JSCompiler_inline_result$jscomp$6 = void 0;
+            JSCompiler_inline_result$jscomp$7 = void 0;
           }
-          return JSCompiler_inline_result$jscomp$6;
+          return JSCompiler_inline_result$jscomp$7;
         case "meta":
           if (
             formatContext.insertionMode === SVG_MODE ||
             formatContext.tagScope & 1 ||
             null != props.itemProp
           )
-            var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
+            var JSCompiler_inline_result$jscomp$8 = pushSelfClosing(
               target$jscomp$0,
               props,
               "meta"
             );
           else
             textEmbedded && target$jscomp$0.push(textSeparator),
-              (JSCompiler_inline_result$jscomp$7 = isFallback
+              (JSCompiler_inline_result$jscomp$8 = isFallback
                 ? null
                 : "string" === typeof props.charSet
                 ? pushSelfClosing(renderState.charsetChunks, props, "meta")
                 : "viewport" === props.name
                 ? pushSelfClosing(renderState.viewportChunks, props, "meta")
                 : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-          return JSCompiler_inline_result$jscomp$7;
+          return JSCompiler_inline_result$jscomp$8;
         case "listing":
         case "pre":
           target$jscomp$0.push(startChunkForTag(type));
-          var children$jscomp$9 = null,
-            innerHTML$jscomp$6 = null,
-            propKey$jscomp$9;
-          for (propKey$jscomp$9 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-              var propValue$jscomp$9 = props[propKey$jscomp$9];
-              if (null != propValue$jscomp$9)
-                switch (propKey$jscomp$9) {
+          var children$jscomp$10 = null,
+            innerHTML$jscomp$7 = null,
+            propKey$jscomp$10;
+          for (propKey$jscomp$10 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+              var propValue$jscomp$10 = props[propKey$jscomp$10];
+              if (null != propValue$jscomp$10)
+                switch (propKey$jscomp$10) {
                   case "children":
-                    children$jscomp$9 = propValue$jscomp$9;
+                    children$jscomp$10 = propValue$jscomp$10;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$6 = propValue$jscomp$9;
+                    innerHTML$jscomp$7 = propValue$jscomp$10;
                     break;
                   default:
                     pushAttribute(
                       target$jscomp$0,
-                      propKey$jscomp$9,
-                      propValue$jscomp$9
+                      propKey$jscomp$10,
+                      propValue$jscomp$10
                     );
                 }
             }
           target$jscomp$0.push(endOfStartTag);
-          if (null != innerHTML$jscomp$6) {
-            if (null != children$jscomp$9)
+          if (null != innerHTML$jscomp$7) {
+            if (null != children$jscomp$10)
               throw Error(
                 "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
               );
             if (
-              "object" !== typeof innerHTML$jscomp$6 ||
-              !("__html" in innerHTML$jscomp$6)
+              "object" !== typeof innerHTML$jscomp$7 ||
+              !("__html" in innerHTML$jscomp$7)
             )
               throw Error(
                 "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
               );
-            var html = innerHTML$jscomp$6.__html;
+            var html = innerHTML$jscomp$7.__html;
             null !== html &&
               void 0 !== html &&
               ("string" === typeof html && 0 < html.length && "\n" === html[0]
@@ -2497,10 +2517,10 @@
                 : (checkHtmlStringCoercion(html),
                   target$jscomp$0.push("" + html)));
           }
-          "string" === typeof children$jscomp$9 &&
-            "\n" === children$jscomp$9[0] &&
+          "string" === typeof children$jscomp$10 &&
+            "\n" === children$jscomp$10[0] &&
             target$jscomp$0.push(leadingNewline);
-          return children$jscomp$9;
+          return children$jscomp$10;
         case "img":
           var src = props.src,
             srcSet = props.srcSet;
@@ -2564,7 +2584,7 @@
                 fetchPriority: props.fetchPriority,
                 referrerPolicy: props.refererPolicy
               })),
-              2 <= (headers.remainingCapacity -= header.length))
+              0 <= (headers.remainingCapacity -= header.length + 2))
                 ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
                   headers.highImagePreloads &&
                     (headers.highImagePreloads += ", "),
@@ -2617,56 +2637,56 @@
             null === renderState.headChunks
           ) {
             renderState.headChunks = [];
-            var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               renderState.headChunks,
               props,
               "head"
             );
           } else
-            JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "head"
             );
-          return JSCompiler_inline_result$jscomp$8;
+          return JSCompiler_inline_result$jscomp$9;
         case "html":
           if (
             formatContext.insertionMode === ROOT_HTML_MODE &&
             null === renderState.htmlChunks
           ) {
             renderState.htmlChunks = [doctypeChunk];
-            var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               renderState.htmlChunks,
               props,
               "html"
             );
           } else
-            JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+            JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
               target$jscomp$0,
               props,
               "html"
             );
-          return JSCompiler_inline_result$jscomp$9;
+          return JSCompiler_inline_result$jscomp$10;
         default:
           if (-1 !== type.indexOf("-")) {
             target$jscomp$0.push(startChunkForTag(type));
-            var children$jscomp$10 = null,
-              innerHTML$jscomp$7 = null,
-              propKey$jscomp$10;
-            for (propKey$jscomp$10 in props)
-              if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-                var propValue$jscomp$10 = props[propKey$jscomp$10];
-                if (null != propValue$jscomp$10) {
-                  var attributeName = propKey$jscomp$10;
-                  switch (propKey$jscomp$10) {
+            var children$jscomp$11 = null,
+              innerHTML$jscomp$8 = null,
+              propKey$jscomp$11;
+            for (propKey$jscomp$11 in props)
+              if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+                var propValue$jscomp$11 = props[propKey$jscomp$11];
+                if (null != propValue$jscomp$11) {
+                  var attributeName = propKey$jscomp$11;
+                  switch (propKey$jscomp$11) {
                     case "children":
-                      children$jscomp$10 = propValue$jscomp$10;
+                      children$jscomp$11 = propValue$jscomp$11;
                       break;
                     case "dangerouslySetInnerHTML":
-                      innerHTML$jscomp$7 = propValue$jscomp$10;
+                      innerHTML$jscomp$8 = propValue$jscomp$11;
                       break;
                     case "style":
-                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                      pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                       break;
                     case "suppressContentEditableWarning":
                     case "suppressHydrationWarning":
@@ -2676,20 +2696,20 @@
                       attributeName = "class";
                     default:
                       if (
-                        isAttributeNameSafe(propKey$jscomp$10) &&
-                        "function" !== typeof propValue$jscomp$10 &&
-                        "symbol" !== typeof propValue$jscomp$10 &&
-                        !1 !== propValue$jscomp$10
+                        isAttributeNameSafe(propKey$jscomp$11) &&
+                        "function" !== typeof propValue$jscomp$11 &&
+                        "symbol" !== typeof propValue$jscomp$11 &&
+                        !1 !== propValue$jscomp$11
                       ) {
-                        if (!0 === propValue$jscomp$10)
-                          propValue$jscomp$10 = "";
-                        else if ("object" === typeof propValue$jscomp$10)
+                        if (!0 === propValue$jscomp$11)
+                          propValue$jscomp$11 = "";
+                        else if ("object" === typeof propValue$jscomp$11)
                           continue;
                         target$jscomp$0.push(
                           attributeSeparator,
                           attributeName,
                           attributeAssign,
-                          escapeTextForBrowser(propValue$jscomp$10),
+                          escapeTextForBrowser(propValue$jscomp$11),
                           attributeEnd
                         );
                       }
@@ -2699,10 +2719,10 @@
             target$jscomp$0.push(endOfStartTag);
             pushInnerHTML(
               target$jscomp$0,
-              innerHTML$jscomp$7,
-              children$jscomp$10
+              innerHTML$jscomp$8,
+              children$jscomp$11
             );
-            return children$jscomp$10;
+            return children$jscomp$11;
           }
       }
       return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2860,7 +2880,7 @@
         hrefs = styleQueue.hrefs;
       0 < rules.length &&
         0 === hrefs.length &&
-        error$jscomp$2(
+        console.error(
           "React expected to have at least one href for an a hoistable style but found none. This is a bug in React."
         );
       var i = 0;
@@ -3091,7 +3111,7 @@
     ) {
       (resumableState.scriptResources.hasOwnProperty(href) ||
         resumableState.moduleScriptResources.hasOwnProperty(href)) &&
-        error$jscomp$2(
+        console.error(
           'Internal React Error: React expected bootstrap script or module with src "%s" to not have been preloaded already. please file an issue',
           href
         );
@@ -3149,7 +3169,7 @@
     }
     function escapeStringForLinkHeaderQuotedParamValueContext(value, name) {
       willCoercionThrow(value) &&
-        (error$jscomp$2(
+        (console.error(
           "The provided `%s` option is an unsupported type %s. This value must be coerced to a string before using it here.",
           name,
           typeName(value)
@@ -3210,7 +3230,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$2(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -3313,7 +3333,7 @@
         var key = String(callback);
         didWarnOnInvalidCallback.has(key) ||
           (didWarnOnInvalidCallback.add(key),
-          error$jscomp$2(
+          console.error(
             "Expected the last optional `callback` argument to be a function. Instead received: %s.",
             callback
           ));
@@ -3326,7 +3346,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnAboutNoopUpdateForComponent[warningKey] ||
-        (error$jscomp$2(
+        (console.error(
           "Can only update a mounting component. This usually means you called %s() outside componentWillMount() on the server. This is a no-op.\n\nPlease check the code for the %s component.",
           callerName,
           publicInstance
@@ -3426,7 +3446,7 @@
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.error(
           "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://react.dev/link/rules-of-hooks"
         );
       return currentlyRenderingComponent;
@@ -3467,7 +3487,7 @@
     }
     function readContext(context) {
       isInHookUserCodeInDev &&
-        error$jscomp$2(
+        console.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 context._currentValue;
@@ -3529,14 +3549,14 @@
           a: {
             var JSCompiler_inline_result = prevState[1];
             if (null === JSCompiler_inline_result)
-              error$jscomp$2(
+              console.error(
                 "%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",
                 currentHookNameInDev
               ),
                 (JSCompiler_inline_result = !1);
             else {
               deps.length !== JSCompiler_inline_result.length &&
-                error$jscomp$2(
+                console.error(
                   "The final argument passed to %s changed size between renders. The order and size of this array must remain constant.\n\nPrevious: %s\nIncoming: %s",
                   currentHookNameInDev,
                   "[" + deps.join(", ") + "]",
@@ -3706,7 +3726,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$2(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -3717,8 +3737,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -3872,37 +3898,94 @@
       "function" === typeof fn && componentFrameCache.set(fn, sampleLines);
       return sampleLines;
     }
+    function callComponentInDEV(Component, props, secondArg) {
+      return Component(props, secondArg);
+    }
+    function callRenderInDEV(instance) {
+      return instance.render();
+    }
+    function callLazyInitInDEV(lazy) {
+      var init = lazy._init;
+      return init(lazy._payload);
+    }
+    function describeComponentStackByType(type) {
+      if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+      if ("function" === typeof type)
+        return type.prototype && type.prototype.isReactComponent
+          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          : describeNativeComponentFrame(type, !1);
+      if ("object" === typeof type && null !== type) {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeNativeComponentFrame(type.render, !1);
+          case REACT_MEMO_TYPE:
+            return describeNativeComponentFrame(type.type, !1);
+          case REACT_LAZY_TYPE:
+            var lazyComponent = type,
+              payload = lazyComponent._payload;
+            lazyComponent = lazyComponent._init;
+            try {
+              type = lazyComponent(payload);
+            } catch (x) {
+              return describeBuiltInComponentFrame("Lazy");
+            }
+            return describeComponentStackByType(type);
+        }
+        if ("string" === typeof type.name)
+          return (
+            (payload = type.env),
+            describeBuiltInComponentFrame(
+              type.name + (payload ? " [" + payload + "]" : "")
+            )
+          );
+      }
+      switch (type) {
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList");
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense");
+      }
+      return "";
+    }
     function getStackByComponentStackNode(componentStack) {
       try {
         var info = "";
-        do {
-          switch (componentStack.tag) {
-            case 0:
-              info += describeBuiltInComponentFrame(componentStack.type);
-              break;
-            case 1:
-              var JSCompiler_temp_const = info;
-              var JSCompiler_inline_result = describeNativeComponentFrame(
-                componentStack.type,
-                !1
-              );
-              info = JSCompiler_temp_const + JSCompiler_inline_result;
-              break;
-            case 2:
-              JSCompiler_temp_const = info;
-              var JSCompiler_inline_result$jscomp$0 =
-                describeNativeComponentFrame(componentStack.type, !0);
-              info = JSCompiler_temp_const + JSCompiler_inline_result$jscomp$0;
-          }
-          componentStack = componentStack.parent;
-        } while (componentStack);
+        do
+          (info += describeComponentStackByType(componentStack.type)),
+            (componentStack = componentStack.parent);
+        while (componentStack);
         return info;
       } catch (x) {
         return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
     function defaultErrorHandler(error) {
-      console.error(error);
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        "string" === typeof error.environmentName
+      ) {
+        var badgeName = error.environmentName;
+        error = [error].slice(0);
+        "string" === typeof error[0]
+          ? error.splice(
+              0,
+              1,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            )
+          : error.splice(
+              0,
+              0,
+              "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+              "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+              " " + badgeName + " ",
+              ""
+            );
+        console.error.apply(console, error);
+      } else console.error(error);
       return null;
     }
     function noop() {}
@@ -3967,12 +4050,12 @@
         abortSet,
         null,
         rootFormatContext,
-        emptyContextObject,
         null,
         emptyTreeContext,
         null,
         !1
       );
+      pushComponentStack(children);
       pingedTasks.push(children);
     }
     function resolveRequest() {
@@ -4018,7 +4101,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4041,7 +4123,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4062,7 +4143,6 @@
       abortSet,
       keyPath,
       formatContext,
-      legacyContext,
       context,
       treeContext,
       componentStack,
@@ -4086,7 +4166,6 @@
         abortSet: abortSet,
         keyPath: keyPath,
         formatContext: formatContext,
-        legacyContext: legacyContext,
         context: context,
         treeContext: treeContext,
         componentStack: componentStack,
@@ -4123,11 +4202,57 @@
         ? ""
         : getStackByComponentStackNode(currentTaskInDEV.componentStack);
     }
-    function createBuiltInComponentStack(task, type) {
-      return { tag: 0, parent: task.componentStack, type: type };
+    function pushServerComponentStack(task, debugInfo) {
+      if (null != debugInfo)
+        for (var i = 0; i < debugInfo.length; i++) {
+          var componentInfo = debugInfo[i];
+          "string" === typeof componentInfo.name &&
+            (task.componentStack = {
+              parent: task.componentStack,
+              type: componentInfo,
+              owner: componentInfo.owner,
+              stack: componentInfo.stack
+            });
+        }
     }
-    function getThrownInfo(request, node) {
-      return node ? { componentStack: getStackByComponentStackNode(node) } : {};
+    function pushComponentStack(task) {
+      var node = task.node;
+      if ("object" === typeof node && null !== node)
+        switch (node.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+            var type = node.type,
+              owner = node._owner;
+            pushServerComponentStack(task, node._debugInfo);
+            task.componentStack = {
+              parent: task.componentStack,
+              type: type,
+              owner: owner,
+              stack: null
+            };
+            break;
+          case REACT_LAZY_TYPE:
+            pushServerComponentStack(task, node._debugInfo);
+            break;
+          default:
+            "function" === typeof node.then &&
+              pushServerComponentStack(task, node._debugInfo);
+        }
+    }
+    function getThrownInfo(node) {
+      var errorInfo = {};
+      node &&
+        Object.defineProperty(errorInfo, "componentStack", {
+          configurable: !0,
+          enumerable: !0,
+          get: function () {
+            var stack = getStackByComponentStackNode(node);
+            Object.defineProperty(errorInfo, "componentStack", {
+              value: stack
+            });
+            return stack;
+          }
+        });
+      return errorInfo;
     }
     function encodeErrorForBoundary(
       boundary,
@@ -4151,20 +4276,21 @@
       boundary.errorStack = null !== error ? wasAborted + error : null;
       boundary.errorComponentStack = thrownInfo.componentStack;
     }
-    function logRecoverableError(request, error$1, errorInfo) {
-      request = request.onError(error$1, errorInfo);
-      if (null != request && "string" !== typeof request)
-        error$jscomp$2(
+    function logRecoverableError(request, error, errorInfo) {
+      request = request.onError;
+      error = request(error, errorInfo);
+      if (null != error && "string" !== typeof error)
+        console.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 "%s" instead',
-          typeof request
+          typeof error
         );
-      else return request;
+      else return error;
     }
     function fatalError(request, error) {
-      var onShellError = request.onShellError;
-      onShellError(error);
-      onShellError = request.onFatalError;
+      var onShellError = request.onShellError,
+        onFatalError = request.onFatalError;
       onShellError(error);
+      onFatalError(error);
       null !== request.destination
         ? ((request.status = 2), request.destination.destroy(error))
         : ((request.status = 1), (request.fatalError = error));
@@ -4189,7 +4315,7 @@
       thenableIndexCounter = 0;
       thenableState = prevThenableState;
       for (
-        request = Component(props, secondArg);
+        request = callComponentInDEV(Component, props, secondArg);
         didScheduleRenderPhaseUpdate;
 
       )
@@ -4253,12 +4379,6 @@
                 (newProps[_propName] = defaultProps[_propName]);
           }
           var resolvedProps = newProps;
-          var previousComponentStack = task.componentStack;
-          task.componentStack = {
-            tag: 2,
-            parent: task.componentStack,
-            type: type
-          };
           var context = emptyContextObject,
             contextType = type.contextType;
           if (
@@ -4279,7 +4399,7 @@
                 : " However, it is set to an object with keys {" +
                   Object.keys(contextType).join(", ") +
                   "}.";
-            error$jscomp$2(
+            console.error(
               "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",
               getComponentNameFromType(type) || "Component",
               addendum
@@ -4296,7 +4416,7 @@
             var componentName = getComponentNameFromType(type) || "Component";
             didWarnAboutUninitializedState.has(componentName) ||
               (didWarnAboutUninitializedState.add(componentName),
-              error$jscomp$2(
+              console.error(
                 "`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
                 componentName,
                 null === instance.state ? "null" : "undefined",
@@ -4343,7 +4463,7 @@
                 (didWarnAboutLegacyLifecyclesAndDerivedState.add(
                   _componentName
                 ),
-                error$jscomp$2(
+                console.error(
                   "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://react.dev/link/unsafe-component-lifecycles",
                   _componentName,
                   newApiName,
@@ -4362,88 +4482,87 @@
           var name = getComponentNameFromType(type) || "Component";
           instance.render ||
             (type.prototype && "function" === typeof type.prototype.render
-              ? error$jscomp$2(
+              ? console.error(
                   "No `render` method found on the %s instance: did you accidentally return an object from the constructor?",
                   name
                 )
-              : error$jscomp$2(
+              : console.error(
                   "No `render` method found on the %s instance: you may have forgotten to define `render`.",
                   name
                 ));
           !instance.getInitialState ||
             instance.getInitialState.isReactClassApproved ||
             instance.state ||
-            error$jscomp$2(
+            console.error(
               "getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",
               name
             );
           instance.getDefaultProps &&
             !instance.getDefaultProps.isReactClassApproved &&
-            error$jscomp$2(
+            console.error(
               "getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",
               name
             );
-          instance.propTypes &&
-            error$jscomp$2(
-              "propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",
-              name
-            );
           instance.contextType &&
-            error$jscomp$2(
+            console.error(
               "contextType was defined as an instance property on %s. Use a static property to define contextType instead.",
               name
             );
           type.childContextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead.",
+            !didWarnAboutChildContextTypes.has(type) &&
+            (didWarnAboutChildContextTypes.add(type),
+            console.error(
+              "%s uses the legacy childContextTypes API which was removed in React 19. Use React.createContext() instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead.",
+            !didWarnAboutContextTypes$1.has(type) &&
+            (didWarnAboutContextTypes$1.add(type),
+            console.error(
+              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with static contextType instead. (https://react.dev/link/legacy-context)",
               name
-            );
+            ));
           "function" === typeof instance.componentShouldUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",
               name
             );
           type.prototype &&
             type.prototype.isPureReactComponent &&
             "undefined" !== typeof instance.shouldComponentUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",
               getComponentNameFromType(type) || "A pure component"
             );
           "function" === typeof instance.componentDidUnmount &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",
               name
             );
           "function" === typeof instance.componentDidReceiveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
               name
             );
           "function" === typeof instance.componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
               name
             );
           "function" === typeof instance.UNSAFE_componentWillRecieveProps &&
-            error$jscomp$2(
+            console.error(
               "%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
               name
             );
           var hasMutatedProps = instance.props !== resolvedProps;
           void 0 !== instance.props &&
             hasMutatedProps &&
-            error$jscomp$2(
+            console.error(
               "When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",
               name
             );
           instance.defaultProps &&
-            error$jscomp$2(
+            console.error(
               "Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",
               name,
               name
@@ -4452,32 +4571,32 @@
             "function" === typeof instance.componentDidUpdate ||
             didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(type) ||
             (didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(type),
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",
               getComponentNameFromType(type)
             ));
           "function" === typeof instance.getDerivedStateFromProps &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof instance.getDerivedStateFromError &&
-            error$jscomp$2(
+            console.error(
               "%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",
               name
             );
           "function" === typeof type.getSnapshotBeforeUpdate &&
-            error$jscomp$2(
+            console.error(
               "%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",
               name
             );
           var state = instance.state;
           state &&
             ("object" !== typeof state || isArrayImpl(state)) &&
-            error$jscomp$2("%s.state: must be set to an object or null", name);
+            console.error("%s.state: must be set to an object or null", name);
           "function" === typeof instance.getChildContext &&
             "object" !== typeof type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",
               name
             );
@@ -4502,7 +4621,7 @@
               (didWarnAboutDirectlyAssigningPropsToState.add(
                 componentName$jscomp$0
               ),
-              error$jscomp$2(
+              console.error(
                 "%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",
                 componentName$jscomp$0
               ));
@@ -4518,7 +4637,7 @@
                 getComponentNameFromType(type) || "Component";
               didWarnAboutUndefinedDerivedState.has(componentName$jscomp$1) ||
                 (didWarnAboutUndefinedDerivedState.add(componentName$jscomp$1),
-                error$jscomp$2(
+                console.error(
                   "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",
                   componentName$jscomp$1
                 ));
@@ -4543,7 +4662,7 @@
                 var componentName$jscomp$2 =
                   getComponentNameFromType(type) || "Unknown";
                 didWarnAboutDeprecatedWillMount[componentName$jscomp$2] ||
-                  (warn(
+                  (console.warn(
                     "componentWillMount has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.\n\n* Move code from componentWillMount to componentDidMount (preferred in most cases) or the constructor.\n\nPlease update the following components: %s",
                     componentName$jscomp$2
                   ),
@@ -4555,7 +4674,7 @@
             "function" === typeof instance.UNSAFE_componentWillMount &&
               instance.UNSAFE_componentWillMount();
             oldState !== instance.state &&
-              (error$jscomp$2(
+              (console.error(
                 "%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",
                 getComponentNameFromType(type) || "Component"
               ),
@@ -4606,10 +4725,10 @@
               }
             } else internalInstance.queue = null;
           }
-          var nextChildren = instance.render();
+          var nextChildren = callRenderInDEV(instance);
           instance.props !== resolvedProps &&
             (didWarnAboutReassigningProps ||
-              error$jscomp$2(
+              console.error(
                 "It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",
                 getComponentNameFromType(type) || "a component"
               ),
@@ -4618,19 +4737,12 @@
           task.keyPath = keyPath;
           renderNodeDestructive(request, task, nextChildren, -1);
           task.keyPath = prevKeyPath;
-          task.componentStack = previousComponentStack;
         } else {
-          var previousComponentStack$jscomp$0 = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type
-          };
           if (type.prototype && "function" === typeof type.prototype.render) {
             var componentName$jscomp$3 =
               getComponentNameFromType(type) || "Unknown";
             didWarnAboutBadClass[componentName$jscomp$3] ||
-              (error$jscomp$2(
+              (console.error(
                 "The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",
                 componentName$jscomp$3,
                 componentName$jscomp$3
@@ -4648,42 +4760,43 @@
             hasId = 0 !== localIdCounter,
             actionStateCount = actionStateCounter,
             actionStateMatchingIndex$jscomp$0 = actionStateMatchingIndex;
-          type.contextTypes &&
-            error$jscomp$2(
-              "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead.",
-              getComponentNameFromType(type) || "Unknown"
-            );
+          if (type.contextTypes) {
+            var _componentName$jscomp$0 =
+              getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypes[_componentName$jscomp$0] ||
+              ((didWarnAboutContextTypes[_componentName$jscomp$0] = !0),
+              console.error(
+                "%s uses the legacy contextTypes API which was removed in React 19. Use React.createContext() with React.useContext() instead. (https://react.dev/link/legacy-context)",
+                _componentName$jscomp$0
+              ));
+          }
           type &&
             type.childContextTypes &&
-            error$jscomp$2(
+            console.error(
               "childContextTypes cannot be defined on a function component.\n  %s.childContextTypes = ...",
               type.displayName || type.name || "Component"
             );
           if ("function" === typeof type.getDerivedStateFromProps) {
-            var _componentName$jscomp$0 =
-              getComponentNameFromType(type) || "Unknown";
-            didWarnAboutGetDerivedStateOnFunctionComponent[
-              _componentName$jscomp$0
-            ] ||
-              (error$jscomp$2(
+            var _componentName2 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] ||
+              (console.error(
                 "%s: Function components do not support getDerivedStateFromProps.",
-                _componentName$jscomp$0
+                _componentName2
               ),
-              (didWarnAboutGetDerivedStateOnFunctionComponent[
-                _componentName$jscomp$0
-              ] = !0));
+              (didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] =
+                !0));
           }
           if (
             "object" === typeof type.contextType &&
             null !== type.contextType
           ) {
-            var _componentName2 = getComponentNameFromType(type) || "Unknown";
-            didWarnAboutContextTypeOnFunctionComponent[_componentName2] ||
-              (error$jscomp$2(
+            var _componentName3 = getComponentNameFromType(type) || "Unknown";
+            didWarnAboutContextTypeOnFunctionComponent[_componentName3] ||
+              (console.error(
                 "%s: Function components do not support contextType.",
-                _componentName2
+                _componentName3
               ),
-              (didWarnAboutContextTypeOnFunctionComponent[_componentName2] =
+              (didWarnAboutContextTypeOnFunctionComponent[_componentName3] =
                 !0));
           }
           finishFunctionComponent(
@@ -4695,11 +4808,8 @@
             actionStateCount,
             actionStateMatchingIndex$jscomp$0
           );
-          task.componentStack = previousComponentStack$jscomp$0;
         }
       else if ("string" === typeof type) {
-        var previousComponentStack$jscomp$1 = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, type);
         var segment = task.blockedSegment;
         if (null === segment) {
           var children = props.children,
@@ -4769,7 +4879,6 @@
           }
           segment.lastPushedText = !1;
         }
-        task.componentStack = previousComponentStack$jscomp$1;
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
@@ -4791,16 +4900,10 @@
             }
             return;
           case REACT_SUSPENSE_LIST_TYPE:
-            var preiousComponentStack = task.componentStack;
-            task.componentStack = createBuiltInComponentStack(
-              task,
-              "SuspenseList"
-            );
             var _prevKeyPath3 = task.keyPath;
             task.keyPath = keyPath;
             renderNodeDestructive(request, task, props.children, -1);
             task.keyPath = _prevKeyPath3;
-            task.componentStack = preiousComponentStack;
             return;
           case REACT_SCOPE_TYPE:
             throw Error(
@@ -4817,10 +4920,7 @@
                 task.keyPath = _prevKeyPath;
               }
             } else {
-              var previousComponentStack$jscomp$2 = task.componentStack,
-                suspenseComponentStack = (task.componentStack =
-                  createBuiltInComponentStack(task, "Suspense")),
-                prevKeyPath$jscomp$3 = task.keyPath,
+              var prevKeyPath$jscomp$3 = task.keyPath,
                 parentBoundary = task.blockedBoundary,
                 parentHoistableState = task.hoistableState,
                 parentSegment = task.blockedSegment,
@@ -4865,22 +4965,21 @@
                     newBoundary.status === PENDING)
                 ) {
                   newBoundary.status = COMPLETED;
-                  task.componentStack = previousComponentStack$jscomp$2;
                   break a;
                 }
-              } catch (error$2) {
+              } catch (error) {
                 contentRootSegment.status = 4;
                 newBoundary.status = CLIENT_RENDERED;
-                var thrownInfo = getThrownInfo(request, task.componentStack);
+                var thrownInfo = getThrownInfo(task.componentStack);
                 var errorDigest = logRecoverableError(
                   request,
-                  error$2,
+                  error,
                   thrownInfo
                 );
                 encodeErrorForBoundary(
                   newBoundary,
                   errorDigest,
-                  error$2,
+                  error,
                   thrownInfo,
                   !1
                 );
@@ -4889,8 +4988,7 @@
                 (task.blockedBoundary = parentBoundary),
                   (task.hoistableState = parentHoistableState),
                   (task.blockedSegment = parentSegment),
-                  (task.keyPath = prevKeyPath$jscomp$3),
-                  (task.componentStack = previousComponentStack$jscomp$2);
+                  (task.keyPath = prevKeyPath$jscomp$3);
               }
               var fallbackKeyPath = [
                   keyPath[0],
@@ -4925,12 +5023,12 @@
                 fallbackAbortSet,
                 fallbackKeyPath,
                 task.formatContext,
-                task.legacyContext,
                 task.context,
                 task.treeContext,
-                suspenseComponentStack,
+                task.componentStack,
                 !0
               );
+              pushComponentStack(suspendedFallbackTask);
               request.pingedTasks.push(suspendedFallbackTask);
             }
             return;
@@ -4938,12 +5036,6 @@
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_FORWARD_REF_TYPE:
-              var previousComponentStack$jscomp$3 = task.componentStack;
-              task.componentStack = {
-                tag: 1,
-                parent: task.componentStack,
-                type: type.render
-              };
               if ("ref" in props) {
                 var propsWithoutRef = {};
                 for (var key in props)
@@ -4966,7 +5058,6 @@
                 actionStateCounter,
                 actionStateMatchingIndex
               );
-              task.componentStack = previousComponentStack$jscomp$3;
               return;
             case REACT_MEMO_TYPE:
               renderElement(request, task, keyPath, type.type, props, ref);
@@ -4982,7 +5073,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5004,7 +5095,7 @@
                   "Tried to pop a Context at the root of the app. This is a bug in React."
                 );
               prevSnapshot$jscomp$0.context !== type &&
-                error$jscomp$2(
+                console.error(
                   "The parent context is not the expected context. This is probably a bug in React."
                 );
               prevSnapshot$jscomp$0.context._currentValue =
@@ -5012,7 +5103,7 @@
               void 0 !== type._currentRenderer &&
                 null !== type._currentRenderer &&
                 type._currentRenderer !== rendererSigil &&
-                error$jscomp$2(
+                console.error(
                   "Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."
                 );
               type._currentRenderer = rendererSigil;
@@ -5021,7 +5112,7 @@
               task.context = JSCompiler_inline_result$jscomp$0;
               task.keyPath = prevKeyPath$jscomp$4;
               prevSnapshot !== task.context &&
-                error$jscomp$2(
+                console.error(
                   "Popping the context provider did not return back to the original snapshot. This is a bug in React."
                 );
               return;
@@ -5029,7 +5120,7 @@
               var context$jscomp$0 = type._context,
                 render = props.children;
               "function" !== typeof render &&
-                error$jscomp$2(
+                console.error(
                   "A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."
                 );
               var newChildren = render(context$jscomp$0._currentValue),
@@ -5039,12 +5130,8 @@
               task.keyPath = prevKeyPath$jscomp$5;
               return;
             case REACT_LAZY_TYPE:
-              var previousComponentStack$jscomp$4 = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              var init = type._init,
-                Component = init(type._payload);
-              renderElement(request, task, keyPath, Component, props, void 0);
-              task.componentStack = previousComponentStack$jscomp$4;
+              var Component = callLazyInitInDEV(type);
+              renderElement(request, task, keyPath, Component, props, ref);
               return;
           }
         var info = "";
@@ -5089,56 +5176,122 @@
         (task.replay = prevReplay), (task.blockedSegment = null);
       }
     }
-    function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-      if (null !== task.replay && "number" === typeof task.replay.slots)
-        resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-      else if (
-        ((task.node = node$jscomp$0),
-        (task.childIndex = childIndex),
-        null !== node$jscomp$0)
-      ) {
-        if ("object" === typeof node$jscomp$0) {
-          switch (node$jscomp$0.$$typeof) {
+    function renderNodeDestructive(request, task, node, childIndex) {
+      null !== task.replay && "number" === typeof task.replay.slots
+        ? resumeNode(request, task, task.replay.slots, node, childIndex)
+        : ((task.node = node),
+          (task.childIndex = childIndex),
+          (node = task.componentStack),
+          pushComponentStack(task),
+          retryNode(request, task),
+          (task.componentStack = node));
+    }
+    function retryNode(request, task) {
+      var node = task.node,
+        childIndex = task.childIndex;
+      if (null !== node) {
+        if ("object" === typeof node) {
+          switch (node.$$typeof) {
             case REACT_ELEMENT_TYPE:
-              var type = node$jscomp$0.type,
-                key = node$jscomp$0.key,
-                props = node$jscomp$0.props;
-              node$jscomp$0 = props.ref;
-              var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+              var type = node.type,
+                key = node.key,
+                props = node.props;
+              node = props.ref;
+              var ref = void 0 !== node ? node : null;
               var name = getComponentNameFromType(type),
                 keyOrIndex =
-                  null == key ? (-1 === childIndex ? 0 : childIndex) : key;
-              key = [task.keyPath, name, keyOrIndex];
-              if (null !== task.replay)
-                a: {
-                  var replay = task.replay;
-                  childIndex = replay.nodes;
-                  for (
-                    node$jscomp$0 = 0;
-                    node$jscomp$0 < childIndex.length;
-                    node$jscomp$0++
-                  ) {
-                    var node = childIndex[node$jscomp$0];
-                    if (keyOrIndex === node[1]) {
-                      if (4 === node.length) {
-                        if (null !== name && name !== node[0])
+                  null == key ? (-1 === childIndex ? 0 : childIndex) : key,
+                keyPath = [task.keyPath, name, keyOrIndex];
+              if (null !== task.replay) {
+                var replay = task.replay;
+                childIndex = replay.nodes;
+                for (node = 0; node < childIndex.length; node++)
+                  if (((key = childIndex[node]), keyOrIndex === key[1])) {
+                    if (4 === key.length) {
+                      if (null !== name && name !== key[0])
+                        throw Error(
+                          "Expected the resume to render <" +
+                            key[0] +
+                            "> in this slot but instead it rendered <" +
+                            name +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      var childNodes = key[2];
+                      key = key[3];
+                      name = task.node;
+                      task.replay = {
+                        nodes: childNodes,
+                        slots: key,
+                        pendingTasks: 1
+                      };
+                      try {
+                        renderElement(request, task, keyPath, type, props, ref);
+                        if (
+                          1 === task.replay.pendingTasks &&
+                          0 < task.replay.nodes.length
+                        )
                           throw Error(
-                            "Expected the resume to render <" +
-                              node[0] +
-                              "> in this slot but instead it rendered <" +
-                              name +
-                              ">. The tree doesn't match so React will fallback to client rendering."
+                            "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
+                          );
+                        task.replay.pendingTasks--;
+                      } catch (x) {
+                        if (
+                          "object" === typeof x &&
+                          null !== x &&
+                          (x === SuspenseException ||
+                            "function" === typeof x.then)
+                        )
+                          throw (
+                            (task.node === name && (task.replay = replay), x)
                           );
-                        var childNodes = node[2];
-                        name = node[3];
-                        node = task.node;
+                        task.replay.pendingTasks--;
+                        props = getThrownInfo(task.componentStack);
+                        erroredReplay(
+                          request,
+                          task.blockedBoundary,
+                          x,
+                          props,
+                          childNodes,
+                          key
+                        );
+                      }
+                      task.replay = replay;
+                    } else {
+                      if (type !== REACT_SUSPENSE_TYPE)
+                        throw Error(
+                          "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
+                            (getComponentNameFromType(type) || "Unknown") +
+                            ">. The tree doesn't match so React will fallback to client rendering."
+                        );
+                      a: {
+                        type = void 0;
+                        ref = key[5];
+                        replay = key[2];
+                        name = key[3];
+                        keyOrIndex = null === key[4] ? [] : key[4][2];
+                        key = null === key[4] ? null : key[4][3];
+                        var prevKeyPath = task.keyPath,
+                          previousReplaySet = task.replay,
+                          parentBoundary = task.blockedBoundary,
+                          parentHoistableState = task.hoistableState,
+                          content = props.children;
+                        props = props.fallback;
+                        var fallbackAbortSet = new Set(),
+                          resumedBoundary = createSuspenseBoundary(
+                            request,
+                            fallbackAbortSet
+                          );
+                        resumedBoundary.parentFlushed = !0;
+                        resumedBoundary.rootSegmentID = ref;
+                        task.blockedBoundary = resumedBoundary;
+                        task.hoistableState = resumedBoundary.contentState;
                         task.replay = {
-                          nodes: childNodes,
+                          nodes: replay,
                           slots: name,
                           pendingTasks: 1
                         };
                         try {
-                          renderElement(request, task, key, type, props, ref);
+                          renderNode(request, task, content, -1);
                           if (
                             1 === task.replay.pendingTasks &&
                             0 < task.replay.nodes.length
@@ -5147,262 +5300,177 @@
                               "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
                             );
                           task.replay.pendingTasks--;
-                        } catch (x) {
                           if (
-                            "object" === typeof x &&
-                            null !== x &&
-                            (x === SuspenseException ||
-                              "function" === typeof x.then)
-                          )
-                            throw (
-                              (task.node === node && (task.replay = replay), x)
-                            );
-                          task.replay.pendingTasks--;
-                          type = getThrownInfo(request, task.componentStack);
-                          erroredReplay(
-                            request,
-                            task.blockedBoundary,
-                            x,
-                            type,
-                            childNodes,
-                            name
-                          );
-                        }
-                        task.replay = replay;
-                      } else {
-                        if (type !== REACT_SUSPENSE_TYPE)
-                          throw Error(
-                            "Expected the resume to render <Suspense> in this slot but instead it rendered <" +
-                              (getComponentNameFromType(type) || "Unknown") +
-                              ">. The tree doesn't match so React will fallback to client rendering."
-                          );
-                        b: {
-                          type = void 0;
-                          var props$jscomp$0 = props;
-                          props = node[5];
-                          ref = node[2];
-                          replay = node[3];
-                          name = null === node[4] ? [] : node[4][2];
-                          node = null === node[4] ? null : node[4][3];
-                          keyOrIndex = task.componentStack;
-                          var suspenseComponentStack = (task.componentStack =
-                              createBuiltInComponentStack(task, "Suspense")),
-                            prevKeyPath = task.keyPath,
-                            previousReplaySet = task.replay,
-                            parentBoundary = task.blockedBoundary,
-                            parentHoistableState = task.hoistableState,
-                            content = props$jscomp$0.children;
-                          props$jscomp$0 = props$jscomp$0.fallback;
-                          var fallbackAbortSet = new Set(),
-                            resumedBoundary = createSuspenseBoundary(
+                            0 === resumedBoundary.pendingTasks &&
+                            resumedBoundary.status === PENDING
+                          ) {
+                            resumedBoundary.status = COMPLETED;
+                            request.completedBoundaries.push(resumedBoundary);
+                            break a;
+                          }
+                        } catch (error) {
+                          (resumedBoundary.status = CLIENT_RENDERED),
+                            (childNodes = getThrownInfo(task.componentStack)),
+                            (type = logRecoverableError(
                               request,
-                              fallbackAbortSet
+                              error,
+                              childNodes
+                            )),
+                            encodeErrorForBoundary(
+                              resumedBoundary,
+                              type,
+                              error,
+                              childNodes,
+                              !1
+                            ),
+                            task.replay.pendingTasks--,
+                            request.clientRenderedBoundaries.push(
+                              resumedBoundary
                             );
-                          resumedBoundary.parentFlushed = !0;
-                          resumedBoundary.rootSegmentID = props;
-                          task.blockedBoundary = resumedBoundary;
-                          task.hoistableState = resumedBoundary.contentState;
-                          task.replay = {
-                            nodes: ref,
-                            slots: replay,
-                            pendingTasks: 1
-                          };
-                          try {
-                            renderNode(request, task, content, -1);
-                            if (
-                              1 === task.replay.pendingTasks &&
-                              0 < task.replay.nodes.length
-                            )
-                              throw Error(
-                                "Couldn't find all resumable slots by key/index during replaying. The tree doesn't match so React will fallback to client rendering."
-                              );
-                            task.replay.pendingTasks--;
-                            if (
-                              0 === resumedBoundary.pendingTasks &&
-                              resumedBoundary.status === PENDING
-                            ) {
-                              resumedBoundary.status = COMPLETED;
-                              request.completedBoundaries.push(resumedBoundary);
-                              break b;
-                            }
-                          } catch (error$3) {
-                            (resumedBoundary.status = CLIENT_RENDERED),
-                              (childNodes = getThrownInfo(
-                                request,
-                                task.componentStack
-                              )),
-                              (type = logRecoverableError(
-                                request,
-                                error$3,
-                                childNodes
-                              )),
-                              encodeErrorForBoundary(
-                                resumedBoundary,
-                                type,
-                                error$3,
-                                childNodes,
-                                !1
-                              ),
-                              task.replay.pendingTasks--,
-                              request.clientRenderedBoundaries.push(
-                                resumedBoundary
-                              );
-                          } finally {
-                            (task.blockedBoundary = parentBoundary),
-                              (task.hoistableState = parentHoistableState),
-                              (task.replay = previousReplaySet),
-                              (task.keyPath = prevKeyPath),
-                              (task.componentStack = keyOrIndex);
-                          }
-                          childNodes = createReplayTask(
-                            request,
-                            null,
-                            { nodes: name, slots: node, pendingTasks: 0 },
-                            props$jscomp$0,
-                            -1,
-                            parentBoundary,
-                            resumedBoundary.fallbackState,
-                            fallbackAbortSet,
-                            [key[0], "Suspense Fallback", key[2]],
-                            task.formatContext,
-                            task.legacyContext,
-                            task.context,
-                            task.treeContext,
-                            suspenseComponentStack,
-                            !0
-                          );
-                          request.pingedTasks.push(childNodes);
+                        } finally {
+                          (task.blockedBoundary = parentBoundary),
+                            (task.hoistableState = parentHoistableState),
+                            (task.replay = previousReplaySet),
+                            (task.keyPath = prevKeyPath);
                         }
+                        childNodes = createReplayTask(
+                          request,
+                          null,
+                          { nodes: keyOrIndex, slots: key, pendingTasks: 0 },
+                          props,
+                          -1,
+                          parentBoundary,
+                          resumedBoundary.fallbackState,
+                          fallbackAbortSet,
+                          [keyPath[0], "Suspense Fallback", keyPath[2]],
+                          task.formatContext,
+                          task.context,
+                          task.treeContext,
+                          task.componentStack,
+                          !0
+                        );
+                        pushComponentStack(childNodes);
+                        request.pingedTasks.push(childNodes);
                       }
-                      childIndex.splice(node$jscomp$0, 1);
-                      break a;
                     }
+                    childIndex.splice(node, 1);
+                    break;
                   }
-                }
-              else renderElement(request, task, key, type, props, ref);
+              } else renderElement(request, task, keyPath, type, props, ref);
               return;
             case REACT_PORTAL_TYPE:
               throw Error(
                 "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
               );
             case REACT_LAZY_TYPE:
-              childNodes = task.componentStack;
-              task.componentStack = createBuiltInComponentStack(task, "Lazy");
-              type = node$jscomp$0._init;
-              node$jscomp$0 = type(node$jscomp$0._payload);
-              task.componentStack = childNodes;
-              renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+              node = callLazyInitInDEV(node);
+              renderNodeDestructive(request, task, node, childIndex);
               return;
           }
-          if (isArrayImpl(node$jscomp$0)) {
-            renderChildrenArray(request, task, node$jscomp$0, childIndex);
+          if (isArrayImpl(node)) {
+            renderChildrenArray(request, task, node, childIndex);
             return;
           }
-          null === node$jscomp$0 || "object" !== typeof node$jscomp$0
-            ? (type = null)
+          null === node || "object" !== typeof node
+            ? (props = null)
             : ((childNodes =
-                (MAYBE_ITERATOR_SYMBOL &&
-                  node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-                node$jscomp$0["@@iterator"]),
-              (type = "function" === typeof childNodes ? childNodes : null));
-          if (type && (childNodes = type.call(node$jscomp$0))) {
-            if (childNodes === node$jscomp$0) {
+                (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+                node["@@iterator"]),
+              (props = "function" === typeof childNodes ? childNodes : null));
+          if (props && (childNodes = props.call(node))) {
+            if (childNodes === node) {
               if (
                 -1 !== childIndex ||
                 null === task.componentStack ||
-                1 !== task.componentStack.tag ||
+                "function" !== typeof task.componentStack.type ||
                 "[object GeneratorFunction]" !==
                   Object.prototype.toString.call(task.componentStack.type) ||
                 "[object Generator]" !==
                   Object.prototype.toString.call(childNodes)
               )
                 didWarnAboutGenerators ||
-                  error$jscomp$2(
+                  console.error(
                     "Using Iterators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. You can also use an Iterable that can iterate multiple times over the same items."
                   ),
                   (didWarnAboutGenerators = !0);
             } else
-              node$jscomp$0.entries !== type ||
+              node.entries !== props ||
                 didWarnAboutMaps ||
-                (error$jscomp$2(
+                (console.error(
                   "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
                 ),
                 (didWarnAboutMaps = !0));
-            node$jscomp$0 = childNodes.next();
-            if (!node$jscomp$0.done) {
-              type = [];
-              do
-                type.push(node$jscomp$0.value),
-                  (node$jscomp$0 = childNodes.next());
-              while (!node$jscomp$0.done);
-              renderChildrenArray(request, task, type, childIndex);
+            node = childNodes.next();
+            if (!node.done) {
+              props = [];
+              do props.push(node.value), (node = childNodes.next());
+              while (!node.done);
+              renderChildrenArray(request, task, props, childIndex);
             }
             return;
           }
-          if ("function" === typeof node$jscomp$0.then)
+          if ("function" === typeof node.then)
             return (
               (task.thenableState = null),
               renderNodeDestructive(
                 request,
                 task,
-                unwrapThenable(node$jscomp$0),
+                unwrapThenable(node),
                 childIndex
               )
             );
-          if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+          if (node.$$typeof === REACT_CONTEXT_TYPE)
             return renderNodeDestructive(
               request,
               task,
-              node$jscomp$0._currentValue,
+              node._currentValue,
               childIndex
             );
-          childIndex = Object.prototype.toString.call(node$jscomp$0);
+          childIndex = Object.prototype.toString.call(node);
           throw Error(
             "Objects are not valid as a React child (found: " +
               ("[object Object]" === childIndex
-                ? "object with keys {" +
-                  Object.keys(node$jscomp$0).join(", ") +
-                  "}"
+                ? "object with keys {" + Object.keys(node).join(", ") + "}"
                 : childIndex) +
               "). If you meant to render a collection of children, use an array instead."
           );
         }
-        "string" === typeof node$jscomp$0
+        "string" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                node$jscomp$0,
+                node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : "number" === typeof node$jscomp$0 ||
-            "bigint" === typeof node$jscomp$0
+          : "number" === typeof node || "bigint" === typeof node
           ? ((childIndex = task.blockedSegment),
             null !== childIndex &&
               (childIndex.lastPushedText = pushTextInstance(
                 childIndex.chunks,
-                "" + node$jscomp$0,
+                "" + node,
                 request.renderState,
                 childIndex.lastPushedText
               )))
-          : ("function" === typeof node$jscomp$0 &&
-              ((childIndex =
-                node$jscomp$0.displayName || node$jscomp$0.name || "Component"),
-              error$jscomp$2(
+          : ("function" === typeof node &&
+              ((childIndex = node.displayName || node.name || "Component"),
+              console.error(
                 "Functions are not valid as a React child. This may happen if you return %s instead of <%s /> from render. Or maybe you meant to call this function rather than return it.",
                 childIndex,
                 childIndex
               )),
-            "symbol" === typeof node$jscomp$0 &&
-              error$jscomp$2(
+            "symbol" === typeof node &&
+              console.error(
                 "Symbols are not valid as a React child.\n  %s",
-                String(node$jscomp$0)
+                String(node)
               ));
       }
     }
     function renderChildrenArray(request$jscomp$0, task, children, childIndex) {
-      var prevKeyPath = task.keyPath;
+      var prevKeyPath = task.keyPath,
+        previousComponentStack = task.componentStack;
+      pushServerComponentStack(task, task.node._debugInfo);
       if (
         -1 !== childIndex &&
         ((task.keyPath = [task.keyPath, "Fragment", childIndex]),
@@ -5436,7 +5504,7 @@
               )
                 throw x;
               task.replay.pendingTasks--;
-              children = getThrownInfo(request$jscomp$0, task.componentStack);
+              children = getThrownInfo(task.componentStack);
               erroredReplay(
                 request$jscomp$0,
                 task.blockedBoundary,
@@ -5452,6 +5520,7 @@
           }
         }
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       replay = task.treeContext;
@@ -5477,6 +5546,7 @@
         }
         task.treeContext = replay;
         task.keyPath = prevKeyPath;
+        task.componentStack = previousComponentStack;
         return;
       }
       for (j = 0; j < replayNodes; j++) {
@@ -5502,39 +5572,55 @@
           null == didWarnForKey &&
             (didWarnForKey = request.didWarnForKey = new WeakSet());
           request = node.componentStack;
-          null === request ||
-            didWarnForKey.has(request) ||
-            (didWarnForKey.add(request),
-            (didWarnForKey = node),
-            (resumeSegmentID = resumeSegmentID.type),
-            (resumeSegmentID =
-              "string" === typeof resumeSegmentID
-                ? createBuiltInComponentStack(didWarnForKey, resumeSegmentID)
-                : resumeSegmentID.prototype &&
-                  resumeSegmentID.prototype.isReactComponent
-                ? {
-                    tag: 2,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }
-                : {
-                    tag: 1,
-                    parent: didWarnForKey.componentStack,
-                    type: resumeSegmentID
-                  }),
-            (node.componentStack = resumeSegmentID),
-            error$jscomp$2(
+          if (null !== request && !didWarnForKey.has(request)) {
+            didWarnForKey.add(request);
+            var componentName = getComponentNameFromType(resumeSegmentID.type);
+            didWarnForKey = resumeSegmentID._owner;
+            var parentOwner = request.owner;
+            request = "";
+            if (parentOwner && "undefined" !== typeof parentOwner.type) {
+              var name = getComponentNameFromType(parentOwner.type);
+              name &&
+                (request = "\n\nCheck the render method of `" + name + "`.");
+            }
+            request ||
+              (componentName &&
+                (request =
+                  "\n\nCheck the top-level render call using <" +
+                  componentName +
+                  ">."));
+            componentName = "";
+            null != didWarnForKey &&
+              parentOwner !== didWarnForKey &&
+              ((parentOwner = null),
+              "undefined" !== typeof didWarnForKey.type
+                ? (parentOwner = getComponentNameFromType(didWarnForKey.type))
+                : "string" === typeof didWarnForKey.name &&
+                  (parentOwner = didWarnForKey.name),
+              parentOwner &&
+                (componentName =
+                  " It was passed a child from " + parentOwner + "."));
+            didWarnForKey = node.componentStack;
+            node.componentStack = {
+              parent: node.componentStack,
+              type: resumeSegmentID.type,
+              owner: resumeSegmentID._owner,
+              stack: null
+            };
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-              "",
-              ""
-            ),
-            (node.componentStack = resumeSegmentID.parent));
+              request,
+              componentName
+            );
+            node.componentStack = didWarnForKey;
+          }
         }
         task.treeContext = pushTreeContext(replay, replayNodes, j);
         renderNode(request$jscomp$0, task, childIndex, j);
       }
       task.treeContext = replay;
       task.keyPath = prevKeyPath;
+      task.componentStack = previousComponentStack;
     }
     function untrackBoundary(request, boundary) {
       request = request.trackedPostpones;
@@ -5547,7 +5633,6 @@
     }
     function renderNode(request, task, node, childIndex) {
       var previousFormatContext = task.formatContext,
-        previousLegacyContext = task.legacyContext,
         previousContext = task.context,
         previousKeyPath = task.keyPath,
         previousTreeContext = task.treeContext,
@@ -5579,15 +5664,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5601,15 +5684,15 @@
           chunkLength = segment.chunks.length;
         try {
           return renderNodeDestructive(request, task, node, childIndex);
-        } catch (thrownValue$4) {
+        } catch (thrownValue$2) {
           if (
             (resetHooksState(),
             (segment.children.length = childrenLength),
             (segment.chunks.length = chunkLength),
             (node =
-              thrownValue$4 === SuspenseException
+              thrownValue$2 === SuspenseException
                 ? getSuspendedThenable()
-                : thrownValue$4),
+                : thrownValue$2),
             "object" === typeof node &&
               null !== node &&
               "function" === typeof node.then)
@@ -5637,15 +5720,13 @@
               task.abortSet,
               task.keyPath,
               task.formatContext,
-              task.legacyContext,
               task.context,
               task.treeContext,
-              null !== task.componentStack ? task.componentStack.parent : null,
+              task.componentStack,
               task.isFallback
             ).ping;
             node.then(request, request);
             task.formatContext = previousFormatContext;
-            task.legacyContext = previousLegacyContext;
             task.context = previousContext;
             task.keyPath = previousKeyPath;
             task.treeContext = previousTreeContext;
@@ -5656,7 +5737,6 @@
         }
       }
       task.formatContext = previousFormatContext;
-      task.legacyContext = previousLegacyContext;
       task.context = previousContext;
       task.keyPath = previousKeyPath;
       task.treeContext = previousTreeContext;
@@ -5787,7 +5867,7 @@
         boundary.pendingTasks--,
           boundary.status !== CLIENT_RENDERED &&
             ((boundary.status = CLIENT_RENDERED),
-            (task = getThrownInfo(request, task.componentStack)),
+            (task = getThrownInfo(task.componentStack)),
             (segment = logRecoverableError(request, error, task)),
             encodeErrorForBoundary(boundary, segment, error, task, !0),
             untrackBoundary(request, boundary),
@@ -5846,7 +5926,7 @@
                       media: props$jscomp$0.media
                     }
                   );
-                  if (2 <= (headers.remainingCapacity -= header.length))
+                  if (0 <= (headers.remainingCapacity -= header.length + 2))
                     (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                       linkHeader && (linkHeader += ", "),
                       (linkHeader += header),
@@ -5861,8 +5941,8 @@
             linkHeader ? onHeaders({ Link: linkHeader }) : onHeaders({});
           }
         }
-      } catch (error$5) {
-        logRecoverableError(request, error$5, {});
+      } catch (error) {
+        logRecoverableError(request, error, {});
       }
     }
     function completeShell(request) {
@@ -5963,12 +6043,15 @@
                 prevTaskInDEV = currentTaskInDEV;
                 currentTaskInDEV = request;
                 try {
-                  renderNodeDestructive(
-                    request$jscomp$0,
-                    request,
-                    request.node,
-                    request.childIndex
-                  );
+                  "number" === typeof request.replay.slots
+                    ? resumeNode(
+                        request$jscomp$0,
+                        request,
+                        request.replay.slots,
+                        request.node,
+                        request.childIndex
+                      )
+                    : retryNode(request$jscomp$0, request);
                   if (
                     1 === request.replay.pendingTasks &&
                     0 < request.replay.nodes.length
@@ -5993,15 +6076,10 @@
                     var ping = request.ping;
                     x.then(ping, ping);
                     request.thenableState = getThenableStateAfterSuspending();
-                    null !== request.componentStack &&
-                      (request.componentStack = request.componentStack.parent);
                   } else {
                     request.replay.pendingTasks--;
                     request.abortSet.delete(request);
-                    var errorInfo = getThrownInfo(
-                      request$jscomp$0,
-                      request.componentStack
-                    );
+                    var errorInfo = getThrownInfo(request.componentStack);
                     erroredReplay(
                       request$jscomp$0,
                       request.blockedBoundary,
@@ -6032,12 +6110,7 @@
                 var childrenLength = segment$jscomp$0.children.length,
                   chunkLength = segment$jscomp$0.chunks.length;
                 try {
-                  renderNodeDestructive(
-                    request,
-                    task$jscomp$0,
-                    task$jscomp$0.node,
-                    task$jscomp$0.childIndex
-                  ),
+                  retryNode(request, task$jscomp$0),
                     segment$jscomp$0.lastPushedText &&
                       segment$jscomp$0.textEmbedded &&
                       segment$jscomp$0.chunks.push(textSeparator),
@@ -6065,12 +6138,8 @@
                     x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
                     task$jscomp$0.thenableState =
                       getThenableStateAfterSuspending();
-                    null !== task$jscomp$0.componentStack &&
-                      (task$jscomp$0.componentStack =
-                        task$jscomp$0.componentStack.parent);
                   } else {
                     var errorInfo$jscomp$0 = getThrownInfo(
-                      request,
                       task$jscomp$0.componentStack
                     );
                     task$jscomp$0.abortSet.delete(task$jscomp$0);
@@ -6111,9 +6180,9 @@
               request$jscomp$1,
               request$jscomp$1.destination
             );
-        } catch (error$6) {
-          logRecoverableError(request$jscomp$1, error$6, {}),
-            fatalError(request$jscomp$1, error$6);
+        } catch (error) {
+          logRecoverableError(request$jscomp$1, error, {}),
+            fatalError(request$jscomp$1, error);
         } finally {
           (currentResumableState = prevResumableState),
             (ReactSharedInternals.H = prevDispatcher),
@@ -6650,7 +6719,7 @@
             completeWriting(destination),
             flushBuffered(destination),
             0 !== request.abortableTasks.size &&
-              error$jscomp$2(
+              console.error(
                 "There was still abortable task at the root when we closed. This is a bug in React."
               ),
             destination.end(),
@@ -6694,9 +6763,8 @@
         request.destination = destination;
         try {
           flushCompletedQueues(request, destination);
-        } catch (error$7) {
-          logRecoverableError(request, error$7, {}),
-            fatalError(request, error$7);
+        } catch (error) {
+          logRecoverableError(request, error, {}), fatalError(request, error);
         }
       }
     }
@@ -6715,8 +6783,8 @@
         }
         null !== request.destination &&
           flushCompletedQueues(request, request.destination);
-      } catch (error$8) {
-        logRecoverableError(request, error$8, {}), fatalError(request, error$8);
+      } catch (error$3) {
+        logRecoverableError(request, error$3, {}), fatalError(request, error$3);
       }
     }
     function createDrainHandler(destination, request) {
@@ -6784,7 +6852,7 @@
       onHeaders &&
         "number" === typeof maxHeadersLength &&
         0 >= maxHeadersLength &&
-        error$jscomp$2(
+        console.error(
           "React expected a positive non-zero `maxHeadersLength` option but found %s instead. When using the `onHeaders` option you may supply an optional `maxHeadersLength` option as well however, when setting this value to zero or less no headers will be captured.",
           0 === maxHeadersLength ? "zero" : maxHeadersLength
         );
@@ -6794,7 +6862,8 @@
             fontPreloads: "",
             highImagePreloads: "",
             remainingCapacity:
-              "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+              2 +
+              ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
           }
         : null;
       onHeaders = {
@@ -6960,13 +7029,11 @@
         options ? options.formState : void 0
       );
     }
-    var React = require("next/dist/compiled/react"),
-      util = require("util"),
+    var util = require("util"),
       crypto = require("crypto"),
       async_hooks = require("async_hooks"),
+      React = require("next/dist/compiled/react"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -7670,6 +7737,8 @@
       msPattern = /^ms-/,
       isJavaScriptProtocol =
         /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       NotPending = Object.freeze({
@@ -7701,7 +7770,7 @@
                     "<" +
                     escapeHrefForLinkHeaderURLContext(href) +
                     ">; rel=dns-prefetch"),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               JSCompiler_temp
                 ? ((renderState.resets.dns[href] = EXISTS),
                   resumableState.preconnects &&
@@ -7750,7 +7819,7 @@
                 }
                 JSCompiler_temp =
                   ((header = JSCompiler_temp),
-                  2 <= (resumableState.remainingCapacity -= header.length));
+                  0 <= (resumableState.remainingCapacity -= header.length + 2));
               }
               JSCompiler_temp
                 ? ((renderState.resets.connect[bucket][href] = EXISTS),
@@ -7793,7 +7862,7 @@
                 0 < resumableState.remainingCapacity &&
                 "high" === fetchPriority &&
                 ((header = getPreloadAsHeader(href, as, options)),
-                2 <= (resumableState.remainingCapacity -= header.length))
+                0 <= (resumableState.remainingCapacity -= header.length + 2))
                   ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
                     resumableState.highImagePreloads &&
                       (resumableState.highImagePreloads += ", "),
@@ -7863,7 +7932,7 @@
                   0 < resumableState.remainingCapacity &&
                   "font" === as &&
                   ((key = getPreloadAsHeader(href, as, options)),
-                  2 <= (resumableState.remainingCapacity -= key.length))
+                  0 <= (resumableState.remainingCapacity -= key.length + 2))
                 )
                   (renderState.resets.font[href] = PRELOAD_NO_CREDS),
                     resumableState.fontPreloads &&
@@ -8236,6 +8305,8 @@
     var didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
     var didWarnAboutDirectlyAssigningPropsToState = new Set();
     var didWarnAboutUndefinedDerivedState = new Set();
+    var didWarnAboutContextTypes$1 = new Set();
+    var didWarnAboutChildContextTypes = new Set();
     var didWarnAboutInvalidateContextType = new Set();
     var didWarnOnInvalidCallback = new Set();
     var classComponentUpdater = {
@@ -8392,12 +8463,15 @@
     HooksDispatcher.useFormState = useActionState;
     HooksDispatcher.useActionState = useActionState;
     var currentResumableState = null,
+      currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
           throw Error("Not implemented.");
         },
         getOwner: function () {
-          return null;
+          return null === currentTaskInDEV
+            ? null
+            : currentTaskInDEV.componentStack;
         }
       },
       disabledDepth = 0,
@@ -8410,6 +8484,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -8420,8 +8495,8 @@
       FLUSHED = 2,
       POSTPONED = 5,
       currentRequest = null,
-      currentTaskInDEV = null,
       didWarnAboutBadClass = {},
+      didWarnAboutContextTypes = {},
       didWarnAboutContextTypeOnFunctionComponent = {},
       didWarnAboutGetDerivedStateOnFunctionComponent = {},
       didWarnAboutReassigningProps = !1,
@@ -8429,11 +8504,11 @@
       didWarnAboutMaps = !1;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-rc-dfd30974ab-20240613" !== isomorphicReactPackageVersion)
+      if ("19.0.0-rc-01172397-20240716" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     exports.renderToPipeableStream = function (children, options) {
@@ -8475,5 +8550,5 @@
         }
       };
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js
index 49e5e4325574a..af874c5ea4d98 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js
@@ -51,7 +51,7 @@ function writeChunk(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -1346,22 +1346,64 @@ function pushStartInstance(
         }
       target$jscomp$0.push(endOfStartTag);
       return null;
+    case "object":
+      target$jscomp$0.push(startChunkForTag("object"));
+      var children$jscomp$5 = null,
+        innerHTML$jscomp$4 = null,
+        propKey$jscomp$7;
+      for (propKey$jscomp$7 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$7)) {
+          var propValue$jscomp$7 = props[propKey$jscomp$7];
+          if (null != propValue$jscomp$7)
+            switch (propKey$jscomp$7) {
+              case "children":
+                children$jscomp$5 = propValue$jscomp$7;
+                break;
+              case "dangerouslySetInnerHTML":
+                innerHTML$jscomp$4 = propValue$jscomp$7;
+                break;
+              case "data":
+                var sanitizedValue = sanitizeURL("" + propValue$jscomp$7);
+                if ("" === sanitizedValue) break;
+                target$jscomp$0.push(
+                  attributeSeparator,
+                  "data",
+                  attributeAssign,
+                  escapeTextForBrowser(sanitizedValue),
+                  attributeEnd
+                );
+                break;
+              default:
+                pushAttribute(
+                  target$jscomp$0,
+                  propKey$jscomp$7,
+                  propValue$jscomp$7
+                );
+            }
+        }
+      target$jscomp$0.push(endOfStartTag);
+      pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+      if ("string" === typeof children$jscomp$5) {
+        target$jscomp$0.push(escapeTextForBrowser(children$jscomp$5));
+        var JSCompiler_inline_result$jscomp$2 = null;
+      } else JSCompiler_inline_result$jscomp$2 = children$jscomp$5;
+      return JSCompiler_inline_result$jscomp$2;
     case "title":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$2 = pushTitleImpl(
+        var JSCompiler_inline_result$jscomp$3 = pushTitleImpl(
           target$jscomp$0,
           props
         );
       else
         isFallback
-          ? (JSCompiler_inline_result$jscomp$2 = null)
+          ? (JSCompiler_inline_result$jscomp$3 = null)
           : (pushTitleImpl(renderState.hoistableChunks, props),
-            (JSCompiler_inline_result$jscomp$2 = void 0));
-      return JSCompiler_inline_result$jscomp$2;
+            (JSCompiler_inline_result$jscomp$3 = void 0));
+      return JSCompiler_inline_result$jscomp$3;
     case "link":
       var rel = props.rel,
         href = props.href,
@@ -1375,7 +1417,7 @@ function pushStartInstance(
         "" === href
       ) {
         pushLinkImpl(target$jscomp$0, props);
-        var JSCompiler_inline_result$jscomp$3 = null;
+        var JSCompiler_inline_result$jscomp$4 = null;
       } else if ("stylesheet" === props.rel)
         if (
           "string" !== typeof precedence ||
@@ -1383,7 +1425,7 @@ function pushStartInstance(
           props.onLoad ||
           props.onError
         )
-          JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
             target$jscomp$0,
             props
           );
@@ -1426,19 +1468,19 @@ function pushStartInstance(
               hoistableState.stylesheets.add(resource$9);
           }
           textEmbedded && target$jscomp$0.push(textSeparator);
-          JSCompiler_inline_result$jscomp$3 = null;
+          JSCompiler_inline_result$jscomp$4 = null;
         }
       else
         props.onLoad || props.onError
-          ? (JSCompiler_inline_result$jscomp$3 = pushLinkImpl(
+          ? (JSCompiler_inline_result$jscomp$4 = pushLinkImpl(
               target$jscomp$0,
               props
             ))
           : (textEmbedded && target$jscomp$0.push(textSeparator),
-            (JSCompiler_inline_result$jscomp$3 = isFallback
+            (JSCompiler_inline_result$jscomp$4 = isFallback
               ? null
               : pushLinkImpl(renderState.hoistableChunks, props)));
-      return JSCompiler_inline_result$jscomp$3;
+      return JSCompiler_inline_result$jscomp$4;
     case "script":
       var asyncProp = props.async;
       if (
@@ -1453,7 +1495,7 @@ function pushStartInstance(
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$4 = pushScriptImpl(
+        var JSCompiler_inline_result$jscomp$5 = pushScriptImpl(
           target$jscomp$0,
           props
         );
@@ -1483,9 +1525,9 @@ function pushStartInstance(
           pushScriptImpl(resource$jscomp$0, scriptProps);
         }
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$4 = null;
+        JSCompiler_inline_result$jscomp$5 = null;
       }
-      return JSCompiler_inline_result$jscomp$4;
+      return JSCompiler_inline_result$jscomp$5;
     case "style":
       var precedence$jscomp$0 = props.precedence,
         href$jscomp$0 = props.href;
@@ -1498,42 +1540,42 @@ function pushStartInstance(
         "" === href$jscomp$0
       ) {
         target$jscomp$0.push(startChunkForTag("style"));
-        var children$jscomp$5 = null,
-          innerHTML$jscomp$4 = null,
-          propKey$jscomp$7;
-        for (propKey$jscomp$7 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$7)) {
-            var propValue$jscomp$7 = props[propKey$jscomp$7];
-            if (null != propValue$jscomp$7)
-              switch (propKey$jscomp$7) {
+        var children$jscomp$6 = null,
+          innerHTML$jscomp$5 = null,
+          propKey$jscomp$8;
+        for (propKey$jscomp$8 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$8)) {
+            var propValue$jscomp$8 = props[propKey$jscomp$8];
+            if (null != propValue$jscomp$8)
+              switch (propKey$jscomp$8) {
                 case "children":
-                  children$jscomp$5 = propValue$jscomp$7;
+                  children$jscomp$6 = propValue$jscomp$8;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$4 = propValue$jscomp$7;
+                  innerHTML$jscomp$5 = propValue$jscomp$8;
                   break;
                 default:
                   pushAttribute(
                     target$jscomp$0,
-                    propKey$jscomp$7,
-                    propValue$jscomp$7
+                    propKey$jscomp$8,
+                    propValue$jscomp$8
                   );
               }
           }
         target$jscomp$0.push(endOfStartTag);
-        var child = Array.isArray(children$jscomp$5)
-          ? 2 > children$jscomp$5.length
-            ? children$jscomp$5[0]
+        var child = Array.isArray(children$jscomp$6)
+          ? 2 > children$jscomp$6.length
+            ? children$jscomp$6[0]
             : null
-          : children$jscomp$5;
+          : children$jscomp$6;
         "function" !== typeof child &&
           "symbol" !== typeof child &&
           null !== child &&
           void 0 !== child &&
           target$jscomp$0.push(("" + child).replace(styleRegex, styleReplacer));
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$4, children$jscomp$5);
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$5, children$jscomp$6);
         target$jscomp$0.push(endChunkForTag("style"));
-        var JSCompiler_inline_result$jscomp$5 = null;
+        var JSCompiler_inline_result$jscomp$6 = null;
       } else {
         var styleQueue$jscomp$0 = renderState.styles.get(precedence$jscomp$0);
         if (
@@ -1555,26 +1597,26 @@ function pushStartInstance(
               }),
               renderState.styles.set(precedence$jscomp$0, styleQueue$jscomp$0));
           var target = styleQueue$jscomp$0.rules,
-            children$jscomp$6 = null,
-            innerHTML$jscomp$5 = null,
-            propKey$jscomp$8;
-          for (propKey$jscomp$8 in props)
-            if (hasOwnProperty.call(props, propKey$jscomp$8)) {
-              var propValue$jscomp$8 = props[propKey$jscomp$8];
-              if (null != propValue$jscomp$8)
-                switch (propKey$jscomp$8) {
+            children$jscomp$7 = null,
+            innerHTML$jscomp$6 = null,
+            propKey$jscomp$9;
+          for (propKey$jscomp$9 in props)
+            if (hasOwnProperty.call(props, propKey$jscomp$9)) {
+              var propValue$jscomp$9 = props[propKey$jscomp$9];
+              if (null != propValue$jscomp$9)
+                switch (propKey$jscomp$9) {
                   case "children":
-                    children$jscomp$6 = propValue$jscomp$8;
+                    children$jscomp$7 = propValue$jscomp$9;
                     break;
                   case "dangerouslySetInnerHTML":
-                    innerHTML$jscomp$5 = propValue$jscomp$8;
+                    innerHTML$jscomp$6 = propValue$jscomp$9;
                 }
             }
-          var child$jscomp$0 = Array.isArray(children$jscomp$6)
-            ? 2 > children$jscomp$6.length
-              ? children$jscomp$6[0]
+          var child$jscomp$0 = Array.isArray(children$jscomp$7)
+            ? 2 > children$jscomp$7.length
+              ? children$jscomp$7[0]
               : null
-            : children$jscomp$6;
+            : children$jscomp$7;
           "function" !== typeof child$jscomp$0 &&
             "symbol" !== typeof child$jscomp$0 &&
             null !== child$jscomp$0 &&
@@ -1582,85 +1624,85 @@ function pushStartInstance(
             target.push(
               ("" + child$jscomp$0).replace(styleRegex, styleReplacer)
             );
-          pushInnerHTML(target, innerHTML$jscomp$5, children$jscomp$6);
+          pushInnerHTML(target, innerHTML$jscomp$6, children$jscomp$7);
         }
         styleQueue$jscomp$0 &&
           hoistableState &&
           hoistableState.styles.add(styleQueue$jscomp$0);
         textEmbedded && target$jscomp$0.push(textSeparator);
-        JSCompiler_inline_result$jscomp$5 = void 0;
+        JSCompiler_inline_result$jscomp$6 = void 0;
       }
-      return JSCompiler_inline_result$jscomp$5;
+      return JSCompiler_inline_result$jscomp$6;
     case "meta":
       if (
         3 === formatContext.insertionMode ||
         formatContext.tagScope & 1 ||
         null != props.itemProp
       )
-        var JSCompiler_inline_result$jscomp$6 = pushSelfClosing(
+        var JSCompiler_inline_result$jscomp$7 = pushSelfClosing(
           target$jscomp$0,
           props,
           "meta"
         );
       else
         textEmbedded && target$jscomp$0.push(textSeparator),
-          (JSCompiler_inline_result$jscomp$6 = isFallback
+          (JSCompiler_inline_result$jscomp$7 = isFallback
             ? null
             : "string" === typeof props.charSet
             ? pushSelfClosing(renderState.charsetChunks, props, "meta")
             : "viewport" === props.name
             ? pushSelfClosing(renderState.viewportChunks, props, "meta")
             : pushSelfClosing(renderState.hoistableChunks, props, "meta"));
-      return JSCompiler_inline_result$jscomp$6;
+      return JSCompiler_inline_result$jscomp$7;
     case "listing":
     case "pre":
       target$jscomp$0.push(startChunkForTag(type));
-      var children$jscomp$7 = null,
-        innerHTML$jscomp$6 = null,
-        propKey$jscomp$9;
-      for (propKey$jscomp$9 in props)
-        if (hasOwnProperty.call(props, propKey$jscomp$9)) {
-          var propValue$jscomp$9 = props[propKey$jscomp$9];
-          if (null != propValue$jscomp$9)
-            switch (propKey$jscomp$9) {
+      var children$jscomp$8 = null,
+        innerHTML$jscomp$7 = null,
+        propKey$jscomp$10;
+      for (propKey$jscomp$10 in props)
+        if (hasOwnProperty.call(props, propKey$jscomp$10)) {
+          var propValue$jscomp$10 = props[propKey$jscomp$10];
+          if (null != propValue$jscomp$10)
+            switch (propKey$jscomp$10) {
               case "children":
-                children$jscomp$7 = propValue$jscomp$9;
+                children$jscomp$8 = propValue$jscomp$10;
                 break;
               case "dangerouslySetInnerHTML":
-                innerHTML$jscomp$6 = propValue$jscomp$9;
+                innerHTML$jscomp$7 = propValue$jscomp$10;
                 break;
               default:
                 pushAttribute(
                   target$jscomp$0,
-                  propKey$jscomp$9,
-                  propValue$jscomp$9
+                  propKey$jscomp$10,
+                  propValue$jscomp$10
                 );
             }
         }
       target$jscomp$0.push(endOfStartTag);
-      if (null != innerHTML$jscomp$6) {
-        if (null != children$jscomp$7)
+      if (null != innerHTML$jscomp$7) {
+        if (null != children$jscomp$8)
           throw Error(
             "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
           );
         if (
-          "object" !== typeof innerHTML$jscomp$6 ||
-          !("__html" in innerHTML$jscomp$6)
+          "object" !== typeof innerHTML$jscomp$7 ||
+          !("__html" in innerHTML$jscomp$7)
         )
           throw Error(
             "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://react.dev/link/dangerously-set-inner-html for more information."
           );
-        var html = innerHTML$jscomp$6.__html;
+        var html = innerHTML$jscomp$7.__html;
         null !== html &&
           void 0 !== html &&
           ("string" === typeof html && 0 < html.length && "\n" === html[0]
             ? target$jscomp$0.push(leadingNewline, html)
             : target$jscomp$0.push("" + html));
       }
-      "string" === typeof children$jscomp$7 &&
-        "\n" === children$jscomp$7[0] &&
+      "string" === typeof children$jscomp$8 &&
+        "\n" === children$jscomp$8[0] &&
         target$jscomp$0.push(leadingNewline);
-      return children$jscomp$7;
+      return children$jscomp$8;
     case "img":
       var src = props.src,
         srcSet = props.srcSet;
@@ -1702,7 +1744,7 @@ function pushStartInstance(
         ) {
           resumableState.imageResources[key$jscomp$0] = PRELOAD_NO_CREDS;
           var input = props.crossOrigin;
-          var JSCompiler_inline_result$jscomp$7 =
+          var JSCompiler_inline_result$jscomp$8 =
             "string" === typeof input
               ? "use-credentials" === input
                 ? input
@@ -1717,14 +1759,14 @@ function pushStartInstance(
           ((header = getPreloadAsHeader(src, "image", {
             imageSrcSet: props.srcSet,
             imageSizes: props.sizes,
-            crossOrigin: JSCompiler_inline_result$jscomp$7,
+            crossOrigin: JSCompiler_inline_result$jscomp$8,
             integrity: props.integrity,
             nonce: props.nonce,
             type: props.type,
             fetchPriority: props.fetchPriority,
             referrerPolicy: props.refererPolicy
           })),
-          2 <= (headers.remainingCapacity -= header.length))
+          0 <= (headers.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key$jscomp$0] = PRELOAD_NO_CREDS),
               headers.highImagePreloads && (headers.highImagePreloads += ", "),
               (headers.highImagePreloads += header))
@@ -1735,7 +1777,7 @@ function pushStartInstance(
                 href: srcSet ? void 0 : src,
                 imageSrcSet: srcSet,
                 imageSizes: sizes,
-                crossOrigin: JSCompiler_inline_result$jscomp$7,
+                crossOrigin: JSCompiler_inline_result$jscomp$8,
                 integrity: props.integrity,
                 type: props.type,
                 fetchPriority: props.fetchPriority,
@@ -1773,56 +1815,56 @@ function pushStartInstance(
     case "head":
       if (2 > formatContext.insertionMode && null === renderState.headChunks) {
         renderState.headChunks = [];
-        var JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           renderState.headChunks,
           props,
           "head"
         );
       } else
-        JSCompiler_inline_result$jscomp$8 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "head"
         );
-      return JSCompiler_inline_result$jscomp$8;
+      return JSCompiler_inline_result$jscomp$9;
     case "html":
       if (
         0 === formatContext.insertionMode &&
         null === renderState.htmlChunks
       ) {
         renderState.htmlChunks = [doctypeChunk];
-        var JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        var JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           renderState.htmlChunks,
           props,
           "html"
         );
       } else
-        JSCompiler_inline_result$jscomp$9 = pushStartGenericElement(
+        JSCompiler_inline_result$jscomp$10 = pushStartGenericElement(
           target$jscomp$0,
           props,
           "html"
         );
-      return JSCompiler_inline_result$jscomp$9;
+      return JSCompiler_inline_result$jscomp$10;
     default:
       if (-1 !== type.indexOf("-")) {
         target$jscomp$0.push(startChunkForTag(type));
-        var children$jscomp$8 = null,
-          innerHTML$jscomp$7 = null,
-          propKey$jscomp$10;
-        for (propKey$jscomp$10 in props)
-          if (hasOwnProperty.call(props, propKey$jscomp$10)) {
-            var propValue$jscomp$10 = props[propKey$jscomp$10];
-            if (null != propValue$jscomp$10) {
-              var attributeName = propKey$jscomp$10;
-              switch (propKey$jscomp$10) {
+        var children$jscomp$9 = null,
+          innerHTML$jscomp$8 = null,
+          propKey$jscomp$11;
+        for (propKey$jscomp$11 in props)
+          if (hasOwnProperty.call(props, propKey$jscomp$11)) {
+            var propValue$jscomp$11 = props[propKey$jscomp$11];
+            if (null != propValue$jscomp$11) {
+              var attributeName = propKey$jscomp$11;
+              switch (propKey$jscomp$11) {
                 case "children":
-                  children$jscomp$8 = propValue$jscomp$10;
+                  children$jscomp$9 = propValue$jscomp$11;
                   break;
                 case "dangerouslySetInnerHTML":
-                  innerHTML$jscomp$7 = propValue$jscomp$10;
+                  innerHTML$jscomp$8 = propValue$jscomp$11;
                   break;
                 case "style":
-                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$10);
+                  pushStyleAttribute(target$jscomp$0, propValue$jscomp$11);
                   break;
                 case "suppressContentEditableWarning":
                 case "suppressHydrationWarning":
@@ -1832,18 +1874,18 @@ function pushStartInstance(
                   attributeName = "class";
                 default:
                   if (
-                    isAttributeNameSafe(propKey$jscomp$10) &&
-                    "function" !== typeof propValue$jscomp$10 &&
-                    "symbol" !== typeof propValue$jscomp$10 &&
-                    !1 !== propValue$jscomp$10
+                    isAttributeNameSafe(propKey$jscomp$11) &&
+                    "function" !== typeof propValue$jscomp$11 &&
+                    "symbol" !== typeof propValue$jscomp$11 &&
+                    !1 !== propValue$jscomp$11
                   ) {
-                    if (!0 === propValue$jscomp$10) propValue$jscomp$10 = "";
-                    else if ("object" === typeof propValue$jscomp$10) continue;
+                    if (!0 === propValue$jscomp$11) propValue$jscomp$11 = "";
+                    else if ("object" === typeof propValue$jscomp$11) continue;
                     target$jscomp$0.push(
                       attributeSeparator,
                       attributeName,
                       attributeAssign,
-                      escapeTextForBrowser(propValue$jscomp$10),
+                      escapeTextForBrowser(propValue$jscomp$11),
                       attributeEnd
                     );
                   }
@@ -1851,8 +1893,8 @@ function pushStartInstance(
             }
           }
         target$jscomp$0.push(endOfStartTag);
-        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$7, children$jscomp$8);
-        return children$jscomp$8;
+        pushInnerHTML(target$jscomp$0, innerHTML$jscomp$8, children$jscomp$9);
+        return children$jscomp$9;
       }
   }
   return pushStartGenericElement(target$jscomp$0, props, type);
@@ -2341,7 +2383,7 @@ function prefetchDNS(href) {
                 escapeHrefForLinkHeaderURLContextReplacer
               ) +
               ">; rel=dns-prefetch"),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         JSCompiler_temp
           ? ((renderState.resets.dns[href] = null),
             resumableState.preconnects && (resumableState.preconnects += ", "),
@@ -2390,7 +2432,7 @@ function preconnect(href, crossOrigin) {
           }
           JSCompiler_temp =
             ((header = JSCompiler_temp),
-            2 <= (resumableState.remainingCapacity -= header.length));
+            0 <= (resumableState.remainingCapacity -= header.length + 2));
         }
         JSCompiler_temp
           ? ((renderState.resets.connect[bucket][href] = null),
@@ -2432,7 +2474,7 @@ function preload(href, as, options) {
           0 < resumableState.remainingCapacity &&
           "high" === fetchPriority &&
           ((header = getPreloadAsHeader(href, as, options)),
-          2 <= (resumableState.remainingCapacity -= header.length))
+          0 <= (resumableState.remainingCapacity -= header.length + 2))
             ? ((renderState.resets.image[key] = PRELOAD_NO_CREDS),
               resumableState.highImagePreloads &&
                 (resumableState.highImagePreloads += ", "),
@@ -2498,7 +2540,7 @@ function preload(href, as, options) {
             0 < resumableState.remainingCapacity &&
             "font" === as &&
             ((key = getPreloadAsHeader(href, as, options)),
-            2 <= (resumableState.remainingCapacity -= key.length))
+            0 <= (resumableState.remainingCapacity -= key.length + 2))
           )
             (renderState.resets.font[href] = PRELOAD_NO_CREDS),
               resumableState.fontPreloads &&
@@ -3262,7 +3304,8 @@ var currentResumableState = null,
       throw Error("Not implemented.");
     }
   },
-  prefix;
+  prefix,
+  suffix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
     try {
@@ -3270,8 +3313,14 @@ function describeBuiltInComponentFrame(name) {
     } catch (x) {
       var match = x.stack.trim().match(/\n( *(at )?)/);
       prefix = (match && match[1]) || "";
+      suffix =
+        -1 < x.stack.indexOf("\n    at")
+          ? " (<anonymous>)"
+          : -1 < x.stack.indexOf("@")
+          ? "@unknown:0:0"
+          : "";
     }
-  return "\n" + prefix + name;
+  return "\n" + prefix + name + suffix;
 }
 var reentry = !1;
 function describeNativeComponentFrame(fn, construct) {
@@ -3405,8 +3454,72 @@ function describeNativeComponentFrame(fn, construct) {
     ? describeBuiltInComponentFrame(previousPrepareStackTrace)
     : "";
 }
+function describeComponentStackByType(type) {
+  if ("string" === typeof type) return describeBuiltInComponentFrame(type);
+  if ("function" === typeof type)
+    return type.prototype && type.prototype.isReactComponent
+      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      : describeNativeComponentFrame(type, !1);
+  if ("object" === typeof type && null !== type) {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeNativeComponentFrame(type.render, !1);
+      case REACT_MEMO_TYPE:
+        return describeNativeComponentFrame(type.type, !1);
+      case REACT_LAZY_TYPE:
+        var lazyComponent = type,
+          payload = lazyComponent._payload;
+        lazyComponent = lazyComponent._init;
+        try {
+          type = lazyComponent(payload);
+        } catch (x) {
+          return describeBuiltInComponentFrame("Lazy");
+        }
+        return describeComponentStackByType(type);
+    }
+    if ("string" === typeof type.name)
+      return (
+        (payload = type.env),
+        describeBuiltInComponentFrame(
+          type.name + (payload ? " [" + payload + "]" : "")
+        )
+      );
+  }
+  switch (type) {
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame("SuspenseList");
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame("Suspense");
+  }
+  return "";
+}
 function defaultErrorHandler(error) {
-  console.error(error);
+  if (
+    "object" === typeof error &&
+    null !== error &&
+    "string" === typeof error.environmentName
+  ) {
+    var badgeName = error.environmentName;
+    error = [error].slice(0);
+    "string" === typeof error[0]
+      ? error.splice(
+          0,
+          1,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + error[0],
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        )
+      : error.splice(
+          0,
+          0,
+          "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+          "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+          " " + badgeName + " ",
+          ""
+        );
+    console.error.apply(console, error);
+  } else console.error(error);
   return null;
 }
 function noop() {}
@@ -3470,12 +3583,12 @@ function RequestInstance(
     abortSet,
     null,
     rootFormatContext,
-    emptyContextObject,
     null,
     emptyTreeContext,
     null,
     !1
   );
+  pushComponentStack(children);
   pingedTasks.push(children);
 }
 var currentRequest = null;
@@ -3519,7 +3632,6 @@ function createRenderTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3542,7 +3654,6 @@ function createRenderTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3563,7 +3674,6 @@ function createReplayTask(
   abortSet,
   keyPath,
   formatContext,
-  legacyContext,
   context,
   treeContext,
   componentStack,
@@ -3587,7 +3697,6 @@ function createReplayTask(
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
-    legacyContext: legacyContext,
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
@@ -3618,44 +3727,51 @@ function createPendingSegment(
     textEmbedded: textEmbedded
   };
 }
-function createBuiltInComponentStack(task, type) {
-  return { tag: 0, parent: task.componentStack, type: type };
+function pushComponentStack(task) {
+  var node = task.node;
+  if ("object" === typeof node && null !== node)
+    switch (node.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        task.componentStack = { parent: task.componentStack, type: node.type };
+    }
 }
-function getThrownInfo(request, node) {
-  if (node && null !== request.trackedPostpones) {
-    try {
-      request = "";
-      do {
-        switch (node.tag) {
-          case 0:
-            request += describeBuiltInComponentFrame(node.type);
-            break;
-          case 1:
-            request += describeNativeComponentFrame(node.type, !1);
-            break;
-          case 2:
-            request += describeNativeComponentFrame(node.type, !0);
+function getThrownInfo(node$jscomp$0) {
+  var errorInfo = {};
+  node$jscomp$0 &&
+    Object.defineProperty(errorInfo, "componentStack", {
+      configurable: !0,
+      enumerable: !0,
+      get: function () {
+        try {
+          var info = "",
+            node = node$jscomp$0;
+          do
+            (info += describeComponentStackByType(node.type)),
+              (node = node.parent);
+          while (node);
+          var JSCompiler_inline_result = info;
+        } catch (x) {
+          JSCompiler_inline_result =
+            "\nError generating stack: " + x.message + "\n" + x.stack;
         }
-        node = node.parent;
-      } while (node);
-      var JSCompiler_temp = request;
-    } catch (x) {
-      JSCompiler_temp =
-        "\nError generating stack: " + x.message + "\n" + x.stack;
-    }
-    JSCompiler_temp = { componentStack: JSCompiler_temp };
-  } else JSCompiler_temp = {};
-  return JSCompiler_temp;
+        Object.defineProperty(errorInfo, "componentStack", {
+          value: JSCompiler_inline_result
+        });
+        return JSCompiler_inline_result;
+      }
+    });
+  return errorInfo;
 }
 function logRecoverableError(request, error, errorInfo) {
-  request = request.onError(error, errorInfo);
-  if (null == request || "string" === typeof request) return request;
+  request = request.onError;
+  error = request(error, errorInfo);
+  if (null == error || "string" === typeof error) return error;
 }
 function fatalError(request, error) {
-  var onShellError = request.onShellError;
-  onShellError(error);
-  onShellError = request.onFatalError;
+  var onShellError = request.onShellError,
+    onFatalError = request.onFatalError;
   onShellError(error);
+  onFatalError(error);
   null !== request.destination
     ? ((request.status = 2), request.destination.destroy(error))
     : ((request.status = 1), (request.fatalError = error));
@@ -3718,119 +3834,101 @@ function finishFunctionComponent(
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
-      var JSCompiler_inline_result = props;
+      var newProps = props;
       if ("ref" in props) {
-        JSCompiler_inline_result = {};
+        newProps = {};
         for (var propName in props)
-          "ref" !== propName &&
-            (JSCompiler_inline_result[propName] = props[propName]);
+          "ref" !== propName && (newProps[propName] = props[propName]);
       }
       var defaultProps = type.defaultProps;
       if (defaultProps) {
-        JSCompiler_inline_result === props &&
-          (JSCompiler_inline_result = assign(
-            {},
-            JSCompiler_inline_result,
-            props
-          ));
+        newProps === props && (newProps = assign({}, newProps, props));
         for (var propName$31 in defaultProps)
-          void 0 === JSCompiler_inline_result[propName$31] &&
-            (JSCompiler_inline_result[propName$31] = defaultProps[propName$31]);
+          void 0 === newProps[propName$31] &&
+            (newProps[propName$31] = defaultProps[propName$31]);
       }
-      props = task.componentStack;
-      task.componentStack = { tag: 2, parent: task.componentStack, type: type };
-      defaultProps = emptyContextObject;
-      ref = type.contextType;
-      "object" === typeof ref &&
-        null !== ref &&
-        (defaultProps = ref._currentValue);
-      defaultProps = new type(JSCompiler_inline_result, defaultProps);
-      propName$31 = void 0 !== defaultProps.state ? defaultProps.state : null;
-      defaultProps.updater = classComponentUpdater;
-      defaultProps.props = JSCompiler_inline_result;
-      defaultProps.state = propName$31;
-      ref = { queue: [], replace: !1 };
-      defaultProps._reactInternals = ref;
-      var contextType = type.contextType;
-      defaultProps.context =
-        "object" === typeof contextType && null !== contextType
-          ? contextType._currentValue
+      props = newProps;
+      newProps = emptyContextObject;
+      defaultProps = type.contextType;
+      "object" === typeof defaultProps &&
+        null !== defaultProps &&
+        (newProps = defaultProps._currentValue);
+      newProps = new type(props, newProps);
+      ref = void 0 !== newProps.state ? newProps.state : null;
+      newProps.updater = classComponentUpdater;
+      newProps.props = props;
+      newProps.state = ref;
+      defaultProps = { queue: [], replace: !1 };
+      newProps._reactInternals = defaultProps;
+      propName$31 = type.contextType;
+      newProps.context =
+        "object" === typeof propName$31 && null !== propName$31
+          ? propName$31._currentValue
           : emptyContextObject;
-      contextType = type.getDerivedStateFromProps;
-      "function" === typeof contextType &&
-        ((contextType = contextType(JSCompiler_inline_result, propName$31)),
-        (propName$31 =
-          null === contextType || void 0 === contextType
-            ? propName$31
-            : assign({}, propName$31, contextType)),
-        (defaultProps.state = propName$31));
+      propName$31 = type.getDerivedStateFromProps;
+      "function" === typeof propName$31 &&
+        ((propName$31 = propName$31(props, ref)),
+        (ref =
+          null === propName$31 || void 0 === propName$31
+            ? ref
+            : assign({}, ref, propName$31)),
+        (newProps.state = ref));
       if (
         "function" !== typeof type.getDerivedStateFromProps &&
-        "function" !== typeof defaultProps.getSnapshotBeforeUpdate &&
-        ("function" === typeof defaultProps.UNSAFE_componentWillMount ||
-          "function" === typeof defaultProps.componentWillMount)
+        "function" !== typeof newProps.getSnapshotBeforeUpdate &&
+        ("function" === typeof newProps.UNSAFE_componentWillMount ||
+          "function" === typeof newProps.componentWillMount)
       )
         if (
-          ((type = defaultProps.state),
-          "function" === typeof defaultProps.componentWillMount &&
-            defaultProps.componentWillMount(),
-          "function" === typeof defaultProps.UNSAFE_componentWillMount &&
-            defaultProps.UNSAFE_componentWillMount(),
-          type !== defaultProps.state &&
+          ((type = newProps.state),
+          "function" === typeof newProps.componentWillMount &&
+            newProps.componentWillMount(),
+          "function" === typeof newProps.UNSAFE_componentWillMount &&
+            newProps.UNSAFE_componentWillMount(),
+          type !== newProps.state &&
             classComponentUpdater.enqueueReplaceState(
-              defaultProps,
-              defaultProps.state,
+              newProps,
+              newProps.state,
               null
             ),
-          null !== ref.queue && 0 < ref.queue.length)
+          null !== defaultProps.queue && 0 < defaultProps.queue.length)
         )
           if (
-            ((type = ref.queue),
-            (contextType = ref.replace),
-            (ref.queue = null),
-            (ref.replace = !1),
-            contextType && 1 === type.length)
+            ((type = defaultProps.queue),
+            (propName$31 = defaultProps.replace),
+            (defaultProps.queue = null),
+            (defaultProps.replace = !1),
+            propName$31 && 1 === type.length)
           )
-            defaultProps.state = type[0];
+            newProps.state = type[0];
           else {
-            ref = contextType ? type[0] : defaultProps.state;
-            propName$31 = !0;
+            defaultProps = propName$31 ? type[0] : newProps.state;
+            ref = !0;
             for (
-              contextType = contextType ? 1 : 0;
-              contextType < type.length;
-              contextType++
+              propName$31 = propName$31 ? 1 : 0;
+              propName$31 < type.length;
+              propName$31++
             )
-              (propName = type[contextType]),
+              (propName = type[propName$31]),
                 (propName =
                   "function" === typeof propName
-                    ? propName.call(
-                        defaultProps,
-                        ref,
-                        JSCompiler_inline_result,
-                        void 0
-                      )
+                    ? propName.call(newProps, defaultProps, props, void 0)
                     : propName),
                 null != propName &&
-                  (propName$31
-                    ? ((propName$31 = !1), (ref = assign({}, ref, propName)))
-                    : assign(ref, propName));
-            defaultProps.state = ref;
+                  (ref
+                    ? ((ref = !1),
+                      (defaultProps = assign({}, defaultProps, propName)))
+                    : assign(defaultProps, propName));
+            newProps.state = defaultProps;
           }
-        else ref.queue = null;
-      type = defaultProps.render();
-      JSCompiler_inline_result = task.keyPath;
+        else defaultProps.queue = null;
+      type = newProps.render();
+      props = task.keyPath;
       task.keyPath = keyPath;
       renderNodeDestructive(request, task, type, -1);
-      task.keyPath = JSCompiler_inline_result;
-      task.componentStack = props;
+      task.keyPath = props;
     } else
-      (JSCompiler_inline_result = task.componentStack),
-        (task.componentStack = {
-          tag: 1,
-          parent: task.componentStack,
-          type: type
-        }),
-        (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
+      (type = renderWithHooks(request, task, keyPath, type, props, void 0)),
         finishFunctionComponent(
           request,
           task,
@@ -3839,43 +3937,39 @@ function renderElement(request, task, keyPath, type, props, ref) {
           0 !== localIdCounter,
           actionStateCounter,
           actionStateMatchingIndex
-        ),
-        (task.componentStack = JSCompiler_inline_result);
-  else if ("string" === typeof type) {
-    JSCompiler_inline_result = task.componentStack;
-    task.componentStack = createBuiltInComponentStack(task, type);
-    defaultProps = task.blockedSegment;
-    if (null === defaultProps)
-      (defaultProps = props.children),
-        (ref = task.formatContext),
-        (propName$31 = task.keyPath),
-        (task.formatContext = getChildFormatContext(ref, type, props)),
+        );
+  else if ("string" === typeof type)
+    if (((newProps = task.blockedSegment), null === newProps))
+      (newProps = props.children),
+        (defaultProps = task.formatContext),
+        (ref = task.keyPath),
+        (task.formatContext = getChildFormatContext(defaultProps, type, props)),
         (task.keyPath = keyPath),
-        renderNode(request, task, defaultProps, -1),
-        (task.formatContext = ref),
-        (task.keyPath = propName$31);
+        renderNode(request, task, newProps, -1),
+        (task.formatContext = defaultProps),
+        (task.keyPath = ref);
     else {
-      propName$31 = pushStartInstance(
-        defaultProps.chunks,
+      ref = pushStartInstance(
+        newProps.chunks,
         type,
         props,
         request.resumableState,
         request.renderState,
         task.hoistableState,
         task.formatContext,
-        defaultProps.lastPushedText,
+        newProps.lastPushedText,
         task.isFallback
       );
-      defaultProps.lastPushedText = !1;
-      ref = task.formatContext;
-      contextType = task.keyPath;
-      task.formatContext = getChildFormatContext(ref, type, props);
+      newProps.lastPushedText = !1;
+      defaultProps = task.formatContext;
+      propName$31 = task.keyPath;
+      task.formatContext = getChildFormatContext(defaultProps, type, props);
       task.keyPath = keyPath;
-      renderNode(request, task, propName$31, -1);
-      task.formatContext = ref;
-      task.keyPath = contextType;
+      renderNode(request, task, ref, -1);
+      task.formatContext = defaultProps;
+      task.keyPath = propName$31;
       a: {
-        keyPath = defaultProps.chunks;
+        task = newProps.chunks;
         request = request.resumableState;
         switch (type) {
           case "title":
@@ -3898,23 +3992,22 @@ function renderElement(request, task, keyPath, type, props, ref) {
           case "wbr":
             break a;
           case "body":
-            if (1 >= ref.insertionMode) {
+            if (1 >= defaultProps.insertionMode) {
               request.hasBody = !0;
               break a;
             }
             break;
           case "html":
-            if (0 === ref.insertionMode) {
+            if (0 === defaultProps.insertionMode) {
               request.hasHtml = !0;
               break a;
             }
         }
-        keyPath.push(endChunkForTag(type));
+        task.push(endChunkForTag(type));
       }
-      defaultProps.lastPushedText = !1;
+      newProps.lastPushedText = !1;
     }
-    task.componentStack = JSCompiler_inline_result;
-  } else {
+  else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
       case REACT_DEBUG_TRACING_MODE_TYPE:
@@ -3934,13 +4027,10 @@ function renderElement(request, task, keyPath, type, props, ref) {
           (task.keyPath = type));
         return;
       case REACT_SUSPENSE_LIST_TYPE:
-        type = task.componentStack;
-        task.componentStack = createBuiltInComponentStack(task, "SuspenseList");
-        JSCompiler_inline_result = task.keyPath;
+        type = task.keyPath;
         task.keyPath = keyPath;
         renderNodeDestructive(request, task, props.children, -1);
-        task.keyPath = JSCompiler_inline_result;
-        task.componentStack = type;
+        task.keyPath = type;
         return;
       case REACT_SCOPE_TYPE:
         throw Error("ReactDOMServer does not yet support scope components.");
@@ -3955,25 +4045,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
             task.keyPath = type;
           }
         } else {
-          var previousComponentStack = task.componentStack;
-          type = task.componentStack = createBuiltInComponentStack(
-            task,
-            "Suspense"
-          );
           var prevKeyPath = task.keyPath;
-          ref = task.blockedBoundary;
+          type = task.blockedBoundary;
           var parentHoistableState = task.hoistableState,
             parentSegment = task.blockedSegment;
-          propName$31 = props.fallback;
+          ref = props.fallback;
           var content = props.children;
           props = new Set();
-          contextType = createSuspenseBoundary(request, props);
+          propName$31 = createSuspenseBoundary(request, props);
           null !== request.trackedPostpones &&
-            (contextType.trackedContentKeyPath = keyPath);
+            (propName$31.trackedContentKeyPath = keyPath);
           propName = createPendingSegment(
             request,
             parentSegment.chunks.length,
-            contextType,
+            propName$31,
             task.formatContext,
             !1,
             !1
@@ -3989,8 +4074,8 @@ function renderElement(request, task, keyPath, type, props, ref) {
             !1
           );
           contentRootSegment.parentFlushed = !0;
-          task.blockedBoundary = contextType;
-          task.hoistableState = contextType.contentState;
+          task.blockedBoundary = propName$31;
+          task.hoistableState = propName$31.contentState;
           task.blockedSegment = contentRootSegment;
           task.keyPath = keyPath;
           try {
@@ -4000,72 +4085,50 @@ function renderElement(request, task, keyPath, type, props, ref) {
                 contentRootSegment.textEmbedded &&
                 contentRootSegment.chunks.push(textSeparator),
               (contentRootSegment.status = 1),
-              queueCompletedSegment(contextType, contentRootSegment),
-              0 === contextType.pendingTasks && 0 === contextType.status)
+              queueCompletedSegment(propName$31, contentRootSegment),
+              0 === propName$31.pendingTasks && 0 === propName$31.status)
             ) {
-              contextType.status = 1;
-              task.componentStack = previousComponentStack;
+              propName$31.status = 1;
               break a;
             }
           } catch (error) {
             (contentRootSegment.status = 4),
-              (contextType.status = 4),
-              (JSCompiler_inline_result = getThrownInfo(
-                request,
-                task.componentStack
-              )),
-              (defaultProps = logRecoverableError(
-                request,
-                error,
-                JSCompiler_inline_result
-              )),
-              (contextType.errorDigest = defaultProps),
-              untrackBoundary(request, contextType);
+              (propName$31.status = 4),
+              (newProps = getThrownInfo(task.componentStack)),
+              (defaultProps = logRecoverableError(request, error, newProps)),
+              (propName$31.errorDigest = defaultProps),
+              untrackBoundary(request, propName$31);
           } finally {
-            (task.blockedBoundary = ref),
+            (task.blockedBoundary = type),
               (task.hoistableState = parentHoistableState),
               (task.blockedSegment = parentSegment),
-              (task.keyPath = prevKeyPath),
-              (task.componentStack = previousComponentStack);
+              (task.keyPath = prevKeyPath);
           }
-          JSCompiler_inline_result = [
-            keyPath[0],
-            "Suspense Fallback",
-            keyPath[2]
-          ];
+          newProps = [keyPath[0], "Suspense Fallback", keyPath[2]];
           defaultProps = request.trackedPostpones;
           null !== defaultProps &&
-            ((previousComponentStack = [
-              JSCompiler_inline_result[1],
-              JSCompiler_inline_result[2],
-              [],
-              null
-            ]),
-            defaultProps.workingMap.set(
-              JSCompiler_inline_result,
-              previousComponentStack
-            ),
-            5 === contextType.status
-              ? (defaultProps.workingMap.get(keyPath)[4] =
-                  previousComponentStack)
-              : (contextType.trackedFallbackNode = previousComponentStack));
+            ((prevKeyPath = [newProps[1], newProps[2], [], null]),
+            defaultProps.workingMap.set(newProps, prevKeyPath),
+            5 === propName$31.status
+              ? (defaultProps.workingMap.get(keyPath)[4] = prevKeyPath)
+              : (propName$31.trackedFallbackNode = prevKeyPath));
           task = createRenderTask(
             request,
             null,
-            propName$31,
-            -1,
             ref,
+            -1,
+            type,
             propName,
-            contextType.fallbackState,
+            propName$31.fallbackState,
             props,
-            JSCompiler_inline_result,
+            newProps,
             task.formatContext,
-            task.legacyContext,
             task.context,
             task.treeContext,
-            type,
+            task.componentStack,
             !0
           );
+          pushComponentStack(task);
           request.pingedTasks.push(task);
         }
         return;
@@ -4073,23 +4136,17 @@ function renderElement(request, task, keyPath, type, props, ref) {
     if ("object" === typeof type && null !== type)
       switch (type.$$typeof) {
         case REACT_FORWARD_REF_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = {
-            tag: 1,
-            parent: task.componentStack,
-            type: type.render
-          };
           if ("ref" in props)
-            for (contextType in ((defaultProps = {}), props))
-              "ref" !== contextType &&
-                (defaultProps[contextType] = props[contextType]);
-          else defaultProps = props;
+            for (prevKeyPath in ((newProps = {}), props))
+              "ref" !== prevKeyPath &&
+                (newProps[prevKeyPath] = props[prevKeyPath]);
+          else newProps = props;
           type = renderWithHooks(
             request,
             task,
             keyPath,
             type.render,
-            defaultProps,
+            newProps,
             ref
           );
           finishFunctionComponent(
@@ -4101,7 +4158,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
             actionStateCounter,
             actionStateMatchingIndex
           );
-          task.componentStack = JSCompiler_inline_result;
           return;
         case REACT_MEMO_TYPE:
           renderElement(request, task, keyPath, type.type, props, ref);
@@ -4109,7 +4165,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
         case REACT_PROVIDER_TYPE:
         case REACT_CONTEXT_TYPE:
           defaultProps = props.children;
-          JSCompiler_inline_result = task.keyPath;
+          newProps = task.keyPath;
           props = props.value;
           ref = type._currentValue;
           type._currentValue = props;
@@ -4132,7 +4188,7 @@ function renderElement(request, task, keyPath, type, props, ref) {
           request.context._currentValue = request.parentValue;
           request = currentActiveSnapshot = request.parent;
           task.context = request;
-          task.keyPath = JSCompiler_inline_result;
+          task.keyPath = newProps;
           return;
         case REACT_CONSUMER_TYPE:
           props = props.children;
@@ -4143,12 +4199,9 @@ function renderElement(request, task, keyPath, type, props, ref) {
           task.keyPath = props;
           return;
         case REACT_LAZY_TYPE:
-          JSCompiler_inline_result = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          defaultProps = type._init;
-          type = defaultProps(type._payload);
-          renderElement(request, task, keyPath, type, props, void 0);
-          task.componentStack = JSCompiler_inline_result;
+          newProps = type._init;
+          type = newProps(type._payload);
+          renderElement(request, task, keyPath, type, props, ref);
           return;
       }
     throw Error(
@@ -4184,22 +4237,28 @@ function resumeNode(request, task, segmentId, node, childIndex) {
     (task.replay = prevReplay), (task.blockedSegment = null);
   }
 }
-function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
-  if (null !== task.replay && "number" === typeof task.replay.slots)
-    resumeNode(request, task, task.replay.slots, node$jscomp$0, childIndex);
-  else if (
-    ((task.node = node$jscomp$0),
-    (task.childIndex = childIndex),
-    null !== node$jscomp$0)
-  ) {
-    if ("object" === typeof node$jscomp$0) {
-      switch (node$jscomp$0.$$typeof) {
+function renderNodeDestructive(request, task, node, childIndex) {
+  null !== task.replay && "number" === typeof task.replay.slots
+    ? resumeNode(request, task, task.replay.slots, node, childIndex)
+    : ((task.node = node),
+      (task.childIndex = childIndex),
+      (node = task.componentStack),
+      pushComponentStack(task),
+      retryNode(request, task),
+      (task.componentStack = node));
+}
+function retryNode(request, task) {
+  var node = task.node,
+    childIndex = task.childIndex;
+  if (null !== node) {
+    if ("object" === typeof node) {
+      switch (node.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          var type = node$jscomp$0.type,
-            key = node$jscomp$0.key,
-            props = node$jscomp$0.props;
-          node$jscomp$0 = props.ref;
-          var ref = void 0 !== node$jscomp$0 ? node$jscomp$0 : null;
+          var type = node.type,
+            key = node.key,
+            props = node.props;
+          node = props.ref;
+          var ref = void 0 !== node ? node : null;
           var name = getComponentNameFromType(type),
             keyOrIndex =
               null == key ? (-1 === childIndex ? 0 : childIndex) : key;
@@ -4208,24 +4267,20 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             a: {
               var replay = task.replay;
               childIndex = replay.nodes;
-              for (
-                node$jscomp$0 = 0;
-                node$jscomp$0 < childIndex.length;
-                node$jscomp$0++
-              ) {
-                var node = childIndex[node$jscomp$0];
-                if (keyOrIndex === node[1]) {
-                  if (4 === node.length) {
-                    if (null !== name && name !== node[0])
+              for (node = 0; node < childIndex.length; node++) {
+                var node$jscomp$0 = childIndex[node];
+                if (keyOrIndex === node$jscomp$0[1]) {
+                  if (4 === node$jscomp$0.length) {
+                    if (null !== name && name !== node$jscomp$0[0])
                       throw Error(
                         "Expected the resume to render <" +
-                          node[0] +
+                          node$jscomp$0[0] +
                           "> in this slot but instead it rendered <" +
                           name +
                           ">. The tree doesn't match so React will fallback to client rendering."
                       );
-                    var childNodes = node[2];
-                    name = node[3];
+                    var childNodes = node$jscomp$0[2];
+                    name = node$jscomp$0[3];
                     keyOrIndex = task.node;
                     task.replay = {
                       nodes: childNodes,
@@ -4254,14 +4309,13 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                           x)
                         );
                       task.replay.pendingTasks--;
-                      props = getThrownInfo(request, task.componentStack);
-                      key = request;
-                      request = task.blockedBoundary;
+                      props = getThrownInfo(task.componentStack);
+                      key = task.blockedBoundary;
                       type = x;
-                      props = logRecoverableError(key, type, props);
+                      props = logRecoverableError(request, type, props);
                       abortRemainingReplayNodes(
-                        key,
                         request,
+                        key,
                         childNodes,
                         name,
                         type,
@@ -4278,15 +4332,14 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                       );
                     b: {
                       replay = void 0;
-                      type = node[5];
-                      ref = node[2];
-                      name = node[3];
-                      keyOrIndex = null === node[4] ? [] : node[4][2];
-                      node = null === node[4] ? null : node[4][3];
-                      var previousComponentStack = task.componentStack,
-                        suspenseComponentStack = (task.componentStack =
-                          createBuiltInComponentStack(task, "Suspense")),
-                        prevKeyPath = task.keyPath,
+                      type = node$jscomp$0[5];
+                      ref = node$jscomp$0[2];
+                      name = node$jscomp$0[3];
+                      keyOrIndex =
+                        null === node$jscomp$0[4] ? [] : node$jscomp$0[4][2];
+                      node$jscomp$0 =
+                        null === node$jscomp$0[4] ? null : node$jscomp$0[4][3];
+                      var prevKeyPath = task.keyPath,
                         previousReplaySet = task.replay,
                         parentBoundary = task.blockedBoundary,
                         parentHoistableState = task.hoistableState,
@@ -4326,10 +4379,7 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         }
                       } catch (error) {
                         (resumedBoundary.status = 4),
-                          (childNodes = getThrownInfo(
-                            request,
-                            task.componentStack
-                          )),
+                          (childNodes = getThrownInfo(task.componentStack)),
                           (replay = logRecoverableError(
                             request,
                             error,
@@ -4344,13 +4394,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         (task.blockedBoundary = parentBoundary),
                           (task.hoistableState = parentHoistableState),
                           (task.replay = previousReplaySet),
-                          (task.keyPath = prevKeyPath),
-                          (task.componentStack = previousComponentStack);
+                          (task.keyPath = prevKeyPath);
                       }
                       task = createReplayTask(
                         request,
                         null,
-                        { nodes: keyOrIndex, slots: node, pendingTasks: 0 },
+                        {
+                          nodes: keyOrIndex,
+                          slots: node$jscomp$0,
+                          pendingTasks: 0
+                        },
                         props,
                         -1,
                         parentBoundary,
@@ -4358,16 +4411,16 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
                         fallbackAbortSet,
                         [key[0], "Suspense Fallback", key[2]],
                         task.formatContext,
-                        task.legacyContext,
                         task.context,
                         task.treeContext,
-                        suspenseComponentStack,
+                        task.componentStack,
                         !0
                       );
+                      pushComponentStack(task);
                       request.pingedTasks.push(task);
                     }
                   }
-                  childIndex.splice(node$jscomp$0, 1);
+                  childIndex.splice(node, 1);
                   break a;
                 }
               }
@@ -4379,80 +4432,67 @@ function renderNodeDestructive(request, task, node$jscomp$0, childIndex) {
             "Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render."
           );
         case REACT_LAZY_TYPE:
-          childNodes = task.componentStack;
-          task.componentStack = createBuiltInComponentStack(task, "Lazy");
-          props = node$jscomp$0._init;
-          node$jscomp$0 = props(node$jscomp$0._payload);
-          task.componentStack = childNodes;
-          renderNodeDestructive(request, task, node$jscomp$0, childIndex);
+          childNodes = node._init;
+          node = childNodes(node._payload);
+          renderNodeDestructive(request, task, node, childIndex);
           return;
       }
-      if (isArrayImpl(node$jscomp$0)) {
-        renderChildrenArray(request, task, node$jscomp$0, childIndex);
+      if (isArrayImpl(node)) {
+        renderChildrenArray(request, task, node, childIndex);
         return;
       }
-      null === node$jscomp$0 || "object" !== typeof node$jscomp$0
+      null === node || "object" !== typeof node
         ? (childNodes = null)
         : ((childNodes =
-            (MAYBE_ITERATOR_SYMBOL && node$jscomp$0[MAYBE_ITERATOR_SYMBOL]) ||
-            node$jscomp$0["@@iterator"]),
+            (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
+            node["@@iterator"]),
           (childNodes = "function" === typeof childNodes ? childNodes : null));
-      if (childNodes && (childNodes = childNodes.call(node$jscomp$0))) {
-        node$jscomp$0 = childNodes.next();
-        if (!node$jscomp$0.done) {
+      if (childNodes && (childNodes = childNodes.call(node))) {
+        node = childNodes.next();
+        if (!node.done) {
           props = [];
-          do
-            props.push(node$jscomp$0.value),
-              (node$jscomp$0 = childNodes.next());
-          while (!node$jscomp$0.done);
+          do props.push(node.value), (node = childNodes.next());
+          while (!node.done);
           renderChildrenArray(request, task, props, childIndex);
         }
         return;
       }
-      if ("function" === typeof node$jscomp$0.then)
+      if ("function" === typeof node.then)
         return (
           (task.thenableState = null),
-          renderNodeDestructive(
-            request,
-            task,
-            unwrapThenable(node$jscomp$0),
-            childIndex
-          )
+          renderNodeDestructive(request, task, unwrapThenable(node), childIndex)
         );
-      if (node$jscomp$0.$$typeof === REACT_CONTEXT_TYPE)
+      if (node.$$typeof === REACT_CONTEXT_TYPE)
         return renderNodeDestructive(
           request,
           task,
-          node$jscomp$0._currentValue,
+          node._currentValue,
           childIndex
         );
-      childIndex = Object.prototype.toString.call(node$jscomp$0);
+      childIndex = Object.prototype.toString.call(node);
       throw Error(
         "Objects are not valid as a React child (found: " +
           ("[object Object]" === childIndex
-            ? "object with keys {" + Object.keys(node$jscomp$0).join(", ") + "}"
+            ? "object with keys {" + Object.keys(node).join(", ") + "}"
             : childIndex) +
           "). If you meant to render a collection of children, use an array instead."
       );
     }
-    if ("string" === typeof node$jscomp$0)
+    if ("string" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            node$jscomp$0,
+            node,
             request.renderState,
             childIndex.lastPushedText
           ));
-    else if (
-      "number" === typeof node$jscomp$0 ||
-      "bigint" === typeof node$jscomp$0
-    )
+    else if ("number" === typeof node || "bigint" === typeof node)
       (childIndex = task.blockedSegment),
         null !== childIndex &&
           (childIndex.lastPushedText = pushTextInstance(
             childIndex.chunks,
-            "" + node$jscomp$0,
+            "" + node,
             request.renderState,
             childIndex.lastPushedText
           ));
@@ -4490,7 +4530,7 @@ function renderChildrenArray(request, task, children, childIndex) {
           )
             throw x;
           task.replay.pendingTasks--;
-          children = getThrownInfo(request, task.componentStack);
+          children = getThrownInfo(task.componentStack);
           var boundary = task.blockedBoundary,
             error = x;
           children = logRecoverableError(request, error, children);
@@ -4547,7 +4587,6 @@ function untrackBoundary(request, boundary) {
 }
 function renderNode(request, task, node, childIndex) {
   var previousFormatContext = task.formatContext,
-    previousLegacyContext = task.legacyContext,
     previousContext = task.context,
     previousKeyPath = task.keyPath,
     previousTreeContext = task.treeContext,
@@ -4579,15 +4618,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4637,15 +4674,13 @@ function renderNode(request, task, node, childIndex) {
           task.abortSet,
           task.keyPath,
           task.formatContext,
-          task.legacyContext,
           task.context,
           task.treeContext,
-          null !== task.componentStack ? task.componentStack.parent : null,
+          task.componentStack,
           task.isFallback
         ).ping;
         node.then(request, request);
         task.formatContext = previousFormatContext;
-        task.legacyContext = previousLegacyContext;
         task.context = previousContext;
         task.keyPath = previousKeyPath;
         task.treeContext = previousTreeContext;
@@ -4656,7 +4691,6 @@ function renderNode(request, task, node, childIndex) {
     }
   }
   task.formatContext = previousFormatContext;
-  task.legacyContext = previousLegacyContext;
   task.context = previousContext;
   task.keyPath = previousKeyPath;
   task.treeContext = previousTreeContext;
@@ -4745,7 +4779,7 @@ function abortTask(task, request, error) {
     boundary.pendingTasks--,
       4 !== boundary.status &&
         ((boundary.status = 4),
-        (task = getThrownInfo(request, task.componentStack)),
+        (task = getThrownInfo(task.componentStack)),
         (task = logRecoverableError(request, error, task)),
         (boundary.errorDigest = task),
         untrackBoundary(request, boundary),
@@ -4800,7 +4834,7 @@ function safelyEmitEarlyPreloads(request, shellComplete) {
                   referrerPolicy: props$jscomp$0.referrerPolicy,
                   media: props$jscomp$0.media
                 });
-              if (2 <= (headers.remainingCapacity -= header.length))
+              if (0 <= (headers.remainingCapacity -= header.length + 2))
                 (renderState.resets.style[key] = PRELOAD_NO_CREDS),
                   linkHeader && (linkHeader += ", "),
                   (linkHeader += header),
@@ -4907,12 +4941,15 @@ function performWork(request$jscomp$2) {
           if (0 !== task.replay.pendingTasks) {
             switchContext(task.context);
             try {
-              renderNodeDestructive(
-                request$jscomp$0,
-                task,
-                task.node,
-                task.childIndex
-              );
+              "number" === typeof task.replay.slots
+                ? resumeNode(
+                    request$jscomp$0,
+                    task,
+                    task.replay.slots,
+                    task.node,
+                    task.childIndex
+                  )
+                : retryNode(request$jscomp$0, task);
               if (
                 1 === task.replay.pendingTasks &&
                 0 < task.replay.nodes.length
@@ -4937,15 +4974,10 @@ function performWork(request$jscomp$2) {
                 var ping = task.ping;
                 x.then(ping, ping);
                 task.thenableState = getThenableStateAfterSuspending();
-                null !== task.componentStack &&
-                  (task.componentStack = task.componentStack.parent);
               } else {
                 task.replay.pendingTasks--;
                 task.abortSet.delete(task);
-                var errorInfo = getThrownInfo(
-                  request$jscomp$0,
-                  task.componentStack
-                );
+                var errorInfo = getThrownInfo(task.componentStack);
                 request = void 0;
                 var request$jscomp$1 = request$jscomp$0,
                   boundary = task.blockedBoundary,
@@ -4984,7 +5016,7 @@ function performWork(request$jscomp$2) {
           var childrenLength = request$jscomp$1.children.length,
             chunkLength = request$jscomp$1.chunks.length;
           try {
-            renderNodeDestructive(request, task, task.node, task.childIndex),
+            retryNode(request, task),
               request$jscomp$1.lastPushedText &&
                 request$jscomp$1.textEmbedded &&
                 request$jscomp$1.chunks.push(textSeparator),
@@ -5007,13 +5039,8 @@ function performWork(request$jscomp$2) {
               var ping$jscomp$0 = task.ping;
               x$jscomp$0.then(ping$jscomp$0, ping$jscomp$0);
               task.thenableState = getThenableStateAfterSuspending();
-              null !== task.componentStack &&
-                (task.componentStack = task.componentStack.parent);
             } else {
-              var errorInfo$jscomp$0 = getThrownInfo(
-                request,
-                task.componentStack
-              );
+              var errorInfo$jscomp$0 = getThrownInfo(task.componentStack);
               task.abortSet.delete(task);
               request$jscomp$1.status = 4;
               var boundary$jscomp$0 = task.blockedBoundary;
@@ -5522,15 +5549,15 @@ function abort(request, reason) {
     logRecoverableError(request, error$46, {}), fatalError(request, error$46);
   }
 }
-var isomorphicReactPackageVersion$jscomp$inline_751 = React.version;
+var isomorphicReactPackageVersion$jscomp$inline_767 = React.version;
 if (
-  "19.0.0-rc-dfd30974ab-20240613" !==
-  isomorphicReactPackageVersion$jscomp$inline_751
+  "19.0.0-rc-01172397-20240716" !==
+  isomorphicReactPackageVersion$jscomp$inline_767
 )
   throw Error(
     'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
-      (isomorphicReactPackageVersion$jscomp$inline_751 +
-        "\n  - react-dom:  19.0.0-rc-dfd30974ab-20240613\nLearn more: https://react.dev/warnings/version-mismatch")
+      (isomorphicReactPackageVersion$jscomp$inline_767 +
+        "\n  - react-dom:  19.0.0-rc-01172397-20240716\nLearn more: https://react.dev/warnings/version-mismatch")
   );
 function createDrainHandler(destination, request) {
   return function () {
@@ -5599,7 +5626,7 @@ function createRequestImpl(children, options) {
         fontPreloads: "",
         highImagePreloads: "",
         remainingCapacity:
-          "number" === typeof maxHeadersLength ? maxHeadersLength : 2e3
+          2 + ("number" === typeof maxHeadersLength ? maxHeadersLength : 2e3)
       }
     : null;
   onHeaders = {
@@ -5805,4 +5832,4 @@ exports.renderToPipeableStream = function (children, options) {
     }
   };
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js
index f41691245e548..0c89da314a66b 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function noop() {}
     function testStringCoercion(value) {
       return "" + value;
@@ -42,7 +25,7 @@
         JSCompiler_inline_result = !0;
       }
       JSCompiler_inline_result &&
-        (error(
+        (console.error(
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           ("function" === typeof Symbol &&
             Symbol.toStringTag &&
@@ -89,7 +72,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -98,8 +81,7 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var ReactSharedInternals =
-        require("next/dist/compiled/react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+    var React = require("next/dist/compiled/react"),
       Internals = {
         d: {
           f: noop,
@@ -119,7 +101,9 @@
         p: 0,
         findDOMNode: null
       },
-      REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     ("function" === typeof Map &&
       null != Map.prototype &&
       "function" === typeof Map.prototype.forEach &&
@@ -127,7 +111,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -154,7 +138,7 @@
         (ReactSharedInternals.T = previousTransition),
           (Internals.p = previousUpdatePriority),
           Internals.d.f() &&
-            error(
+            console.error(
               "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
             );
       }
@@ -162,17 +146,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -190,18 +174,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -211,17 +195,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -279,7 +263,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -294,7 +278,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -336,7 +320,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -397,7 +381,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -432,7 +416,7 @@
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js
index 5e2bd2f357bd2..19cf6436cb25a 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js
@@ -9,6 +9,7 @@
  */
 
 "use strict";
+var React = require("next/dist/compiled/react");
 function formatProdErrorMessage(code) {
   var url = "https://react.dev/errors/" + code;
   if (1 < arguments.length) {
@@ -24,8 +25,6 @@ function formatProdErrorMessage(code) {
     " for the full message or use the non-minified dev environment for full errors and additional helpful warnings."
   );
 }
-var ReactSharedInternals =
-  require("next/dist/compiled/react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 function noop() {}
 var Internals = {
     d: {
@@ -56,6 +55,8 @@ function createPortal$1(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
+var ReactSharedInternals =
+  React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 function getCrossOriginStringAs(as, input) {
   if ("font" === as) return "";
   if ("string" === typeof input)
@@ -206,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) {
 exports.useFormStatus = function () {
   return ReactSharedInternals.H.useHostTransitionStatus();
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js
index 608cf972a2734..574ea2cabfcec 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function noop() {}
     function getCrossOriginStringAs(as, input) {
       if ("font" === as) return "";
@@ -56,31 +39,30 @@
         ? "`" + thing + "`"
         : 'something with type "' + typeof thing + '"';
     }
-    var ReactSharedInternalsServer =
-      require("next/dist/compiled/react").__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
+    var React = require("next/dist/compiled/react"),
+      Internals = {
+        d: {
+          f: noop,
+          r: function () {
+            throw Error(
+              "Invalid form element. requestFormReset must be passed a form that was rendered by React."
+            );
+          },
+          D: noop,
+          C: noop,
+          L: noop,
+          m: noop,
+          X: noop,
+          S: noop,
+          M: noop
+        },
+        p: 0,
+        findDOMNode: null
+      };
+    if (!React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)
       throw Error(
         'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
       );
-    var Internals = {
-      d: {
-        f: noop,
-        r: function () {
-          throw Error(
-            "Invalid form element. requestFormReset must be passed a form that was rendered by React."
-          );
-        },
-        D: noop,
-        C: noop,
-        L: noop,
-        m: noop,
-        X: noop,
-        S: noop,
-        M: noop
-      },
-      p: 0,
-      findDOMNode: null
-    };
     ("function" === typeof Map &&
       null != Map.prototype &&
       "function" === typeof Map.prototype.forEach &&
@@ -88,7 +70,7 @@
       null != Set.prototype &&
       "function" === typeof Set.prototype.clear &&
       "function" === typeof Set.prototype.forEach) ||
-      error(
+      console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
     exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
@@ -96,17 +78,17 @@
     exports.preconnect = function (href, options) {
       "string" === typeof href && href
         ? null != options && "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : null != options &&
             "string" !== typeof options.crossOrigin &&
-            error(
+            console.error(
               "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
               getValueDescriptorExpectingObjectForWarning(options.crossOrigin)
             )
-        : error(
+        : console.error(
             "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -124,18 +106,18 @@
     };
     exports.prefetchDNS = function (href) {
       if ("string" !== typeof href || !href)
-        error(
+        console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
           getValueDescriptorExpectingObjectForWarning(href)
         );
       else if (1 < arguments.length) {
         var options = arguments[1];
         "object" === typeof options && options.hasOwnProperty("crossOrigin")
-          ? error(
+          ? console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
-          : error(
+          : console.error(
               "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
               getValueDescriptorExpectingEnumForWarning(options)
             );
@@ -145,17 +127,17 @@
     exports.preinit = function (href, options) {
       "string" === typeof href && href
         ? null == options || "object" !== typeof options
-          ? error(
+          ? console.error(
               "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
               getValueDescriptorExpectingEnumForWarning(options)
             )
           : "style" !== options.as &&
             "script" !== options.as &&
-            error(
+            console.error(
               'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
               getValueDescriptorExpectingEnumForWarning(options.as)
             )
-        : error(
+        : console.error(
             "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
             getValueDescriptorExpectingObjectForWarning(href)
           );
@@ -213,7 +195,7 @@
             getValueDescriptorExpectingEnumForWarning(options.as) +
             ".");
       if (encountered)
-        error(
+        console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           encountered
         );
@@ -228,7 +210,7 @@
           default:
             (encountered =
               getValueDescriptorExpectingEnumForWarning(encountered)),
-              error(
+              console.error(
                 'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
                 encountered,
                 href
@@ -270,7 +252,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
           encountered
         );
@@ -331,7 +313,7 @@
             getValueDescriptorExpectingObjectForWarning(options.as) +
             ".");
       encountered &&
-        error(
+        console.error(
           'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
           encountered
         );
@@ -354,5 +336,5 @@
             }))
           : Internals.d.m(href));
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js
index f8127a5adab9c..d8da97e157a17 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js
@@ -9,13 +9,7 @@
  */
 
 "use strict";
-if (
-  !require("next/dist/compiled/react")
-    .__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE
-)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
+var React = require("next/dist/compiled/react");
 function noop() {}
 var Internals = {
   d: {
@@ -36,6 +30,10 @@ var Internals = {
   p: 0,
   findDOMNode: null
 };
+if (!React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
 function getCrossOriginStringAs(as, input) {
   if ("font" === as) return "";
   if ("string" === typeof input)
@@ -151,4 +149,4 @@ exports.preloadModule = function (href, options) {
       });
     } else Internals.d.m(href);
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json
index 4427c97182972..bf1838e5ee85b 100644
--- a/packages/next/src/compiled/react-dom/package.json
+++ b/packages/next/src/compiled/react-dom/package.json
@@ -67,10 +67,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "scheduler": "0.25.0-rc-dfd30974ab-20240613"
+    "scheduler": "0.25.0-rc-01172397-20240716"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716"
   },
   "browser": {
     "./server.js": "./server.browser.js",
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-compiler-runtime.development.js b/packages/next/src/compiled/react-experimental/cjs/react-compiler-runtime.development.js
index f195cb37aa7cc..1003dba47ef6e 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-compiler-runtime.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-compiler-runtime.development.js
@@ -11,31 +11,12 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     var ReactSharedInternals =
-        require("next/dist/compiled/react-experimental").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask;
+      require("next/dist/compiled/react-experimental").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     exports.c = function (size) {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher.useMemoCache(size);
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js
index 2cb691b21c2c3..2d43cff367bd4 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.development.js
@@ -11,28 +11,10 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -53,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -95,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getTaskName(type) {
       if (type === REACT_FRAGMENT_TYPE) return "<>";
@@ -147,7 +131,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -162,7 +146,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -231,67 +215,22 @@
       debugStack,
       debugTask
     ) {
-      if (
-        "string" === typeof type ||
-        "function" === typeof type ||
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        type === REACT_OFFSCREEN_TYPE ||
-        ("object" === typeof type &&
-          null !== type &&
-          (type.$$typeof === REACT_LAZY_TYPE ||
-            type.$$typeof === REACT_MEMO_TYPE ||
-            type.$$typeof === REACT_CONTEXT_TYPE ||
-            type.$$typeof === REACT_CONSUMER_TYPE ||
-            type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
-            void 0 !== type.getModuleId))
-      ) {
-        var children = config.children;
-        if (void 0 !== children)
-          if (isStaticChildren)
-            if (isArrayImpl(children)) {
-              for (
-                isStaticChildren = 0;
-                isStaticChildren < children.length;
-                isStaticChildren++
-              )
-                validateChildKeys(children[isStaticChildren]);
-              Object.freeze && Object.freeze(children);
-            } else
-              error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else validateChildKeys(children);
-      } else {
-        children = "";
-        if (
-          void 0 === type ||
-          ("object" === typeof type &&
-            null !== type &&
-            0 === Object.keys(type).length)
-        )
-          children +=
-            " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-        null === type
-          ? (isStaticChildren = "null")
-          : isArrayImpl(type)
-          ? (isStaticChildren = "array")
-          : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-          ? ((isStaticChildren =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"),
-            (children =
-              " Did you accidentally export a JSX literal instead of a component?"))
-          : (isStaticChildren = typeof type);
-        error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          isStaticChildren,
-          children
-        );
-      }
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (
+              isStaticChildren = 0;
+              isStaticChildren < children.length;
+              isStaticChildren++
+            )
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
       if (hasOwnProperty.call(config, "key")) {
         children = getComponentNameFromType(type);
         var keys = Object.keys(config).filter(function (k) {
@@ -304,7 +243,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -343,33 +282,11 @@
       );
     }
     function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (
-          "object" === typeof node &&
-          null !== node &&
-          node.$$typeof === REACT_ELEMENT_TYPE
-        )
-          node._store && (node._store.validated = 1);
-        else {
-          if (null === node || "object" !== typeof node) var iteratorFn = null;
-          else
-            (iteratorFn =
-              (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
-              node["@@iterator"]),
-              (iteratorFn =
-                "function" === typeof iteratorFn ? iteratorFn : null);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
+      "object" === typeof node &&
+        null !== node &&
+        node.$$typeof === REACT_ELEMENT_TYPE &&
+        node._store &&
+        (node._store.validated = 1);
     }
     var React = require("next/dist/compiled/react-experimental"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
@@ -385,18 +302,13 @@
       REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-      REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInternals =
         React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       hasOwnProperty = Object.prototype.hasOwnProperty,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       isArrayImpl = Array.isArray;
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js
index 7a24616a44fba..47bc567b52afb 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-dev-runtime.react-server.development.js
@@ -11,28 +11,10 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -53,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -95,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getTaskName(type) {
       if (type === REACT_FRAGMENT_TYPE) return "<>";
@@ -147,7 +131,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -162,7 +146,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -231,67 +215,22 @@
       debugStack,
       debugTask
     ) {
-      if (
-        "string" === typeof type ||
-        "function" === typeof type ||
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        type === REACT_OFFSCREEN_TYPE ||
-        ("object" === typeof type &&
-          null !== type &&
-          (type.$$typeof === REACT_LAZY_TYPE ||
-            type.$$typeof === REACT_MEMO_TYPE ||
-            type.$$typeof === REACT_CONTEXT_TYPE ||
-            type.$$typeof === REACT_CONSUMER_TYPE ||
-            type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
-            void 0 !== type.getModuleId))
-      ) {
-        var children = config.children;
-        if (void 0 !== children)
-          if (isStaticChildren)
-            if (isArrayImpl(children)) {
-              for (
-                isStaticChildren = 0;
-                isStaticChildren < children.length;
-                isStaticChildren++
-              )
-                validateChildKeys(children[isStaticChildren]);
-              Object.freeze && Object.freeze(children);
-            } else
-              error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else validateChildKeys(children);
-      } else {
-        children = "";
-        if (
-          void 0 === type ||
-          ("object" === typeof type &&
-            null !== type &&
-            0 === Object.keys(type).length)
-        )
-          children +=
-            " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-        null === type
-          ? (isStaticChildren = "null")
-          : isArrayImpl(type)
-          ? (isStaticChildren = "array")
-          : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-          ? ((isStaticChildren =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"),
-            (children =
-              " Did you accidentally export a JSX literal instead of a component?"))
-          : (isStaticChildren = typeof type);
-        error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          isStaticChildren,
-          children
-        );
-      }
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (
+              isStaticChildren = 0;
+              isStaticChildren < children.length;
+              isStaticChildren++
+            )
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
       if (hasOwnProperty.call(config, "key")) {
         children = getComponentNameFromType(type);
         var keys = Object.keys(config).filter(function (k) {
@@ -304,7 +243,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -343,33 +282,11 @@
       );
     }
     function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (
-          "object" === typeof node &&
-          null !== node &&
-          node.$$typeof === REACT_ELEMENT_TYPE
-        )
-          node._store && (node._store.validated = 1);
-        else {
-          if (null === node || "object" !== typeof node) var iteratorFn = null;
-          else
-            (iteratorFn =
-              (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
-              node["@@iterator"]),
-              (iteratorFn =
-                "function" === typeof iteratorFn ? iteratorFn : null);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
+      "object" === typeof node &&
+        null !== node &&
+        node.$$typeof === REACT_ELEMENT_TYPE &&
+        node._store &&
+        (node._store.validated = 1);
     }
     var React = require("next/dist/compiled/react-experimental"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
@@ -385,22 +302,17 @@
       REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-      REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInternalsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     if (!ReactSharedInternalsServer)
       throw Error(
         'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
       );
-    var supportsCreateTask = !!console.createTask,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
-      hasOwnProperty = Object.prototype.hasOwnProperty,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
       isArrayImpl = Array.isArray;
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js
index ad4680eb9c433..5a99a22eda7f6 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.development.js
@@ -11,28 +11,10 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -53,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -95,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getTaskName(type) {
       if (type === REACT_FRAGMENT_TYPE) return "<>";
@@ -147,7 +131,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -162,7 +146,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -231,67 +215,22 @@
       debugStack,
       debugTask
     ) {
-      if (
-        "string" === typeof type ||
-        "function" === typeof type ||
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        type === REACT_OFFSCREEN_TYPE ||
-        ("object" === typeof type &&
-          null !== type &&
-          (type.$$typeof === REACT_LAZY_TYPE ||
-            type.$$typeof === REACT_MEMO_TYPE ||
-            type.$$typeof === REACT_CONTEXT_TYPE ||
-            type.$$typeof === REACT_CONSUMER_TYPE ||
-            type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
-            void 0 !== type.getModuleId))
-      ) {
-        var children = config.children;
-        if (void 0 !== children)
-          if (isStaticChildren)
-            if (isArrayImpl(children)) {
-              for (
-                isStaticChildren = 0;
-                isStaticChildren < children.length;
-                isStaticChildren++
-              )
-                validateChildKeys(children[isStaticChildren]);
-              Object.freeze && Object.freeze(children);
-            } else
-              error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else validateChildKeys(children);
-      } else {
-        children = "";
-        if (
-          void 0 === type ||
-          ("object" === typeof type &&
-            null !== type &&
-            0 === Object.keys(type).length)
-        )
-          children +=
-            " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-        null === type
-          ? (isStaticChildren = "null")
-          : isArrayImpl(type)
-          ? (isStaticChildren = "array")
-          : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-          ? ((isStaticChildren =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"),
-            (children =
-              " Did you accidentally export a JSX literal instead of a component?"))
-          : (isStaticChildren = typeof type);
-        error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          isStaticChildren,
-          children
-        );
-      }
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (
+              isStaticChildren = 0;
+              isStaticChildren < children.length;
+              isStaticChildren++
+            )
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
       if (hasOwnProperty.call(config, "key")) {
         children = getComponentNameFromType(type);
         var keys = Object.keys(config).filter(function (k) {
@@ -304,7 +243,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -343,33 +282,11 @@
       );
     }
     function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (
-          "object" === typeof node &&
-          null !== node &&
-          node.$$typeof === REACT_ELEMENT_TYPE
-        )
-          node._store && (node._store.validated = 1);
-        else {
-          if (null === node || "object" !== typeof node) var iteratorFn = null;
-          else
-            (iteratorFn =
-              (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
-              node["@@iterator"]),
-              (iteratorFn =
-                "function" === typeof iteratorFn ? iteratorFn : null);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
+      "object" === typeof node &&
+        null !== node &&
+        node.$$typeof === REACT_ELEMENT_TYPE &&
+        node._store &&
+        (node._store.validated = 1);
     }
     var React = require("next/dist/compiled/react-experimental"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
@@ -385,18 +302,13 @@
       REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-      REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInternals =
         React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask = !!console.createTask,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       hasOwnProperty = Object.prototype.hasOwnProperty,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       isArrayImpl = Array.isArray;
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js
index 91e5afecbdce3..707b6ec59f705 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js
@@ -11,28 +11,10 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -53,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -95,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getTaskName(type) {
       if (type === REACT_FRAGMENT_TYPE) return "<>";
@@ -147,7 +131,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -162,7 +146,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -231,67 +215,22 @@
       debugStack,
       debugTask
     ) {
-      if (
-        "string" === typeof type ||
-        "function" === typeof type ||
-        type === REACT_FRAGMENT_TYPE ||
-        type === REACT_PROFILER_TYPE ||
-        type === REACT_STRICT_MODE_TYPE ||
-        type === REACT_SUSPENSE_TYPE ||
-        type === REACT_SUSPENSE_LIST_TYPE ||
-        type === REACT_OFFSCREEN_TYPE ||
-        ("object" === typeof type &&
-          null !== type &&
-          (type.$$typeof === REACT_LAZY_TYPE ||
-            type.$$typeof === REACT_MEMO_TYPE ||
-            type.$$typeof === REACT_CONTEXT_TYPE ||
-            type.$$typeof === REACT_CONSUMER_TYPE ||
-            type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
-            void 0 !== type.getModuleId))
-      ) {
-        var children = config.children;
-        if (void 0 !== children)
-          if (isStaticChildren)
-            if (isArrayImpl(children)) {
-              for (
-                isStaticChildren = 0;
-                isStaticChildren < children.length;
-                isStaticChildren++
-              )
-                validateChildKeys(children[isStaticChildren]);
-              Object.freeze && Object.freeze(children);
-            } else
-              error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else validateChildKeys(children);
-      } else {
-        children = "";
-        if (
-          void 0 === type ||
-          ("object" === typeof type &&
-            null !== type &&
-            0 === Object.keys(type).length)
-        )
-          children +=
-            " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
-        null === type
-          ? (isStaticChildren = "null")
-          : isArrayImpl(type)
-          ? (isStaticChildren = "array")
-          : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE
-          ? ((isStaticChildren =
-              "<" + (getComponentNameFromType(type.type) || "Unknown") + " />"),
-            (children =
-              " Did you accidentally export a JSX literal instead of a component?"))
-          : (isStaticChildren = typeof type);
-        error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          isStaticChildren,
-          children
-        );
-      }
+      var children = config.children;
+      if (void 0 !== children)
+        if (isStaticChildren)
+          if (isArrayImpl(children)) {
+            for (
+              isStaticChildren = 0;
+              isStaticChildren < children.length;
+              isStaticChildren++
+            )
+              validateChildKeys(children[isStaticChildren]);
+            Object.freeze && Object.freeze(children);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else validateChildKeys(children);
       if (hasOwnProperty.call(config, "key")) {
         children = getComponentNameFromType(type);
         var keys = Object.keys(config).filter(function (k) {
@@ -304,7 +243,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -343,33 +282,11 @@
       );
     }
     function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (
-          "object" === typeof node &&
-          null !== node &&
-          node.$$typeof === REACT_ELEMENT_TYPE
-        )
-          node._store && (node._store.validated = 1);
-        else {
-          if (null === node || "object" !== typeof node) var iteratorFn = null;
-          else
-            (iteratorFn =
-              (MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
-              node["@@iterator"]),
-              (iteratorFn =
-                "function" === typeof iteratorFn ? iteratorFn : null);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
+      "object" === typeof node &&
+        null !== node &&
+        node.$$typeof === REACT_ELEMENT_TYPE &&
+        node._store &&
+        (node._store.validated = 1);
     }
     var React = require("next/dist/compiled/react-experimental"),
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
@@ -385,22 +302,17 @@
       REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-      REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
-      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInternalsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     if (!ReactSharedInternalsServer)
       throw Error(
         'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
       );
-    var supportsCreateTask = !!console.createTask,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
-      hasOwnProperty = Object.prototype.hasOwnProperty,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
       isArrayImpl = Array.isArray;
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js
index b545633f9ef47..f2cc44f11d3e2 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js
@@ -14,7 +14,7 @@
     function defineDeprecationWarning(methodName, info) {
       Object.defineProperty(Component.prototype, methodName, {
         get: function () {
-          warn(
+          console.warn(
             "%s(...) is deprecated in plain JavaScript React classes. %s",
             info[0],
             info[1]
@@ -22,37 +22,6 @@
         }
       });
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -68,7 +37,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnStateUpdateForUnmountedComponent[warningKey] ||
-        (error$jscomp$0(
+        (console.error(
           "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
           callerName,
           publicInstance
@@ -98,25 +67,27 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error$jscomp$0(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE$1
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -137,7 +108,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -206,7 +177,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error$jscomp$0(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -221,7 +192,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error$jscomp$0(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -295,24 +266,6 @@
       newKey._store.validated = oldElement._store.validated;
       return newKey;
     }
-    function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (isValidElement(node)) node._store && (node._store.validated = 1);
-        else {
-          var iteratorFn = getIteratorFn(node);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
-    }
     function isValidElement(object) {
       return (
         "object" === typeof object &&
@@ -459,7 +412,7 @@
         for (
           i === children.entries &&
             (didWarnAboutMaps ||
-              warn(
+              console.warn(
                 "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
               ),
             (didWarnAboutMaps = !0)),
@@ -527,12 +480,12 @@
         return (
           (ctor = payload._result),
           void 0 === ctor &&
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
               ctor
             ),
           "default" in ctor ||
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
               ctor
             ),
@@ -543,7 +496,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -565,7 +518,7 @@
             !1 === didWarnAboutMessageChannel &&
               ((didWarnAboutMessageChannel = !0),
               "undefined" === typeof MessageChannel &&
-                error$jscomp$0(
+                console.error(
                   "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
                 ));
             var channel = new MessageChannel();
@@ -582,7 +535,7 @@
     }
     function popActScope(prevActQueue, prevActScopeDepth) {
       prevActScopeDepth !== actScopeDepth - 1 &&
-        error$jscomp$0(
+        console.error(
           "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
         );
       actScopeDepth = prevActScopeDepth;
@@ -597,8 +550,8 @@
               return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
             });
             return;
-          } catch (error$3) {
-            ReactSharedInternals.thrownErrors.push(error$3);
+          } catch (error) {
+            ReactSharedInternals.thrownErrors.push(error);
           }
         else ReactSharedInternals.actQueue = null;
       0 < ReactSharedInternals.thrownErrors.length
@@ -628,9 +581,8 @@
             } while (1);
           }
           queue.length = 0;
-        } catch (error$4) {
-          queue.splice(0, i + 1),
-            ReactSharedInternals.thrownErrors.push(error$4);
+        } catch (error) {
+          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
         } finally {
           isFlushing = !1;
         }
@@ -640,20 +592,7 @@
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var ReactSharedInternals = {
-        H: null,
-        A: null,
-        T: null,
-        S: null,
-        actQueue: null,
-        isBatchingLegacy: !1,
-        didScheduleLegacyUpdate: !1,
-        didUsePromise: !1,
-        thrownErrors: [],
-        getCurrentStack: null
-      },
-      supportsCreateTask = !!console.createTask,
-      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
       REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
@@ -723,12 +662,23 @@
     assign(deprecatedAPIs, Component.prototype);
     deprecatedAPIs.isPureReactComponent = !0;
     var isArrayImpl = Array.isArray,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
+      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
+      ReactSharedInternals = {
+        H: null,
+        A: null,
+        T: null,
+        S: null,
+        actQueue: null,
+        isBatchingLegacy: !1,
+        didScheduleLegacyUpdate: !1,
+        didUsePromise: !1,
+        thrownErrors: [],
+        getCurrentStack: null
+      },
       hasOwnProperty = Object.prototype.hasOwnProperty,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference");
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
@@ -830,8 +780,8 @@
         didAwaitActCall = !1;
       try {
         var result = callback();
-      } catch (error$1) {
-        ReactSharedInternals.thrownErrors.push(error$1);
+      } catch (error) {
+        ReactSharedInternals.thrownErrors.push(error);
       }
       if (0 < ReactSharedInternals.thrownErrors.length)
         throw (
@@ -850,7 +800,7 @@
           didAwaitActCall ||
             didWarnNoAwaitAct ||
             ((didWarnNoAwaitAct = !0),
-            error$jscomp$0(
+            console.error(
               "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
             ));
         });
@@ -870,8 +820,8 @@
                           reject
                         );
                       });
-                  } catch (error$2) {
-                    ReactSharedInternals.thrownErrors.push(error$2);
+                  } catch (error$0) {
+                    ReactSharedInternals.thrownErrors.push(error$0);
                   }
                   if (0 < ReactSharedInternals.thrownErrors.length) {
                     var _thrownError = aggregateErrors(
@@ -905,7 +855,7 @@
             didAwaitActCall ||
               didWarnNoAwaitAct ||
               ((didWarnNoAwaitAct = !0),
-              error$jscomp$0(
+              console.error(
                 "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
               ));
           }),
@@ -937,6 +887,10 @@
         return fn.apply(null, arguments);
       };
     };
+    exports.captureOwnerStack = function () {
+      var getCurrentStack = ReactSharedInternals.getCurrentStack;
+      return null === getCurrentStack ? null : getCurrentStack();
+    };
     exports.cloneElement = function (element, config, children) {
       if (null === element || void 0 === element)
         throw Error(
@@ -977,7 +931,8 @@
         element._debugTask
       );
       for (key = 2; key < arguments.length; key++)
-        validateChildKeys(arguments[key]);
+        (owner = arguments[key]),
+          isValidElement(owner) && owner._store && (owner._store.validated = 1);
       return props;
     };
     exports.createContext = function (defaultValue) {
@@ -999,21 +954,23 @@
       return defaultValue;
     };
     exports.createElement = function (type, config, children) {
-      for (var i = 2; i < arguments.length; i++)
-        validateChildKeys(arguments[i]);
+      for (var i = 2; i < arguments.length; i++) {
+        var node = arguments[i];
+        isValidElement(node) && node._store && (node._store.validated = 1);
+      }
       i = {};
-      var key = null;
+      node = null;
       if (null != config)
         for (propName in (didWarnAboutOldJSXRuntime ||
           !("__self" in config) ||
           "key" in config ||
           ((didWarnAboutOldJSXRuntime = !0),
-          warn(
+          console.warn(
             "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
           )),
         hasValidRef(config),
         hasValidKey(config) &&
-          (checkKeyStringCoercion(config.key), (key = "" + config.key)),
+          (checkKeyStringCoercion(config.key), (node = "" + config.key)),
         config))
           hasOwnProperty.call(config, propName) &&
             "key" !== propName &&
@@ -1035,16 +992,16 @@
       if (type && type.defaultProps)
         for (propName in ((childrenLength = type.defaultProps), childrenLength))
           void 0 === i[propName] && (i[propName] = childrenLength[propName]);
-      if (key) {
+      if (node) {
         var propName =
           "function" === typeof type
             ? type.displayName || type.name || "Unknown"
             : type;
-        key && defineKeyPropWarningGetter(i, propName);
+        node && defineKeyPropWarningGetter(i, propName);
       }
       return ReactElement(
         type,
-        key,
+        node,
         null,
         void 0,
         void 0,
@@ -1063,24 +1020,24 @@
       return resolveDispatcher().useEffectEvent(callback);
     };
     exports.experimental_useOptimistic = function (passthrough, reducer) {
-      error$jscomp$0(
+      console.error(
         "useOptimistic is now in canary. Remove the experimental_ prefix. The prefixed alias will be removed in an upcoming release."
       );
       return useOptimistic(passthrough, reducer);
     };
     exports.forwardRef = function (render) {
       null != render && render.$$typeof === REACT_MEMO_TYPE
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
           )
         : "function" !== typeof render
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but was given %s.",
             null === render ? "null" : typeof render
           )
         : 0 !== render.length &&
           2 !== render.length &&
-          error$jscomp$0(
+          console.error(
             "forwardRef render functions accept exactly two parameters: props and ref. %s",
             1 === render.length
               ? "Did you forget to use the ref parameter?"
@@ -1088,7 +1045,7 @@
           );
       null != render &&
         null != render.defaultProps &&
-        error$jscomp$0(
+        console.error(
           "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
         );
       var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
@@ -1133,9 +1090,9 @@
             type.$$typeof === REACT_CONTEXT_TYPE ||
             type.$$typeof === REACT_CONSUMER_TYPE ||
             type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
+            type.$$typeof === REACT_CLIENT_REFERENCE ||
             void 0 !== type.getModuleId)) ||
-        error$jscomp$0(
+        console.error(
           "memo: The first argument must be a component. Instead received: %s",
           null === type ? "null" : typeof type
         );
@@ -1176,15 +1133,15 @@
           null !== returnValue &&
           "function" === typeof returnValue.then &&
           returnValue.then(noop, reportGlobalError);
-      } catch (error$0) {
-        reportGlobalError(error$0);
+      } catch (error) {
+        reportGlobalError(error);
       } finally {
         null === prevTransition &&
           currentTransition._updatedFibers &&
           ((scope = currentTransition._updatedFibers.size),
           currentTransition._updatedFibers.clear(),
           10 < scope &&
-            warn(
+            console.warn(
               "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
             )),
           (ReactSharedInternals.T = prevTransition);
@@ -1223,7 +1180,7 @@
     exports.useContext = function (Context) {
       var dispatcher = resolveDispatcher();
       Context.$$typeof === REACT_CONSUMER_TYPE &&
-        error$jscomp$0(
+        console.error(
           "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
         );
       return dispatcher.useContext(Context);
@@ -1276,7 +1233,7 @@
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js
index 7f4a2fe576885..885200c14ceed 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.production.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js
@@ -373,6 +373,9 @@ exports.cache = function (fn) {
     return fn.apply(null, arguments);
   };
 };
+exports.captureOwnerStack = function () {
+  return null;
+};
 exports.cloneElement = function (element, config, children) {
   if (null === element || void 0 === element)
     throw Error(
@@ -559,4 +562,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js
index 115ba6e839329..3ebb30cbf09fe 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js
@@ -11,37 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      !supportsCreateTask &&
-        ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -60,25 +29,27 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error$jscomp$0(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
-        return type.$$typeof === REACT_CLIENT_REFERENCE$2
+        return type.$$typeof === REACT_CLIENT_REFERENCE$1
           ? null
           : type.displayName || type.name || null;
       if ("string" === typeof type) return type;
@@ -99,7 +70,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -168,7 +139,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error$jscomp$0(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -183,7 +154,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error$jscomp$0(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -257,24 +228,6 @@
       newKey._store.validated = oldElement._store.validated;
       return newKey;
     }
-    function validateChildKeys(node) {
-      if (
-        "object" === typeof node &&
-        node &&
-        node.$$typeof !== REACT_CLIENT_REFERENCE &&
-        !isArrayImpl(node)
-      )
-        if (isValidElement(node)) node._store && (node._store.validated = 1);
-        else {
-          var iteratorFn = getIteratorFn(node);
-          if (
-            "function" === typeof iteratorFn &&
-            iteratorFn !== node.entries &&
-            ((iteratorFn = iteratorFn.call(node)), iteratorFn !== node)
-          )
-            for (; !iteratorFn.next().done; );
-        }
-    }
     function isValidElement(object) {
       return (
         "object" === typeof object &&
@@ -421,7 +374,7 @@
         for (
           i === children.entries &&
             (didWarnAboutMaps ||
-              warn(
+              console.warn(
                 "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
               ),
             (didWarnAboutMaps = !0)),
@@ -471,7 +424,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -497,12 +450,12 @@
         return (
           (ctor = payload._result),
           void 0 === ctor &&
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
               ctor
             ),
           "default" in ctor ||
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
               ctor
             ),
@@ -539,8 +492,7 @@
     ReactSharedInternals.TaintRegistryPendingRequests =
       TaintRegistryPendingRequests$1;
     ReactSharedInternals.getCurrentStack = null;
-    var supportsCreateTask = !!console.createTask,
-      isArrayImpl = Array.isArray,
+    var isArrayImpl = Array.isArray,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -558,13 +510,12 @@
     var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       REACT_POSTPONE_TYPE = Symbol.for("react.postpone"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
+      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       hasOwnProperty = Object.prototype.hasOwnProperty,
       assign = Object.assign,
-      REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference");
+      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-      createTask = console.createTask
+    var createTask = console.createTask
         ? console.createTask
         : function () {
             return null;
@@ -692,16 +643,17 @@
           fnMap = dispatcher;
           fnMap.s = 1;
           return (fnMap.v = result);
-        } catch (error$0) {
+        } catch (error) {
           throw (
-            ((result = dispatcher),
-            (result.s = 2),
-            (result.v = error$0),
-            error$0)
+            ((result = dispatcher), (result.s = 2), (result.v = error), error)
           );
         }
       };
     };
+    exports.captureOwnerStack = function () {
+      var getCurrentStack = ReactSharedInternals.getCurrentStack;
+      return null === getCurrentStack ? null : getCurrentStack();
+    };
     exports.cloneElement = function (element, config, children) {
       if (null === element || void 0 === element)
         throw Error(
@@ -742,25 +694,28 @@
         element._debugTask
       );
       for (key = 2; key < arguments.length; key++)
-        validateChildKeys(arguments[key]);
+        (owner = arguments[key]),
+          isValidElement(owner) && owner._store && (owner._store.validated = 1);
       return props;
     };
     exports.createElement = function (type, config, children) {
-      for (var i = 2; i < arguments.length; i++)
-        validateChildKeys(arguments[i]);
+      for (var i = 2; i < arguments.length; i++) {
+        var node = arguments[i];
+        isValidElement(node) && node._store && (node._store.validated = 1);
+      }
       i = {};
-      var key = null;
+      node = null;
       if (null != config)
         for (propName in (didWarnAboutOldJSXRuntime ||
           !("__self" in config) ||
           "key" in config ||
           ((didWarnAboutOldJSXRuntime = !0),
-          warn(
+          console.warn(
             "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
           )),
         hasValidRef(config),
         hasValidKey(config) &&
-          (checkKeyStringCoercion(config.key), (key = "" + config.key)),
+          (checkKeyStringCoercion(config.key), (node = "" + config.key)),
         config))
           hasOwnProperty.call(config, propName) &&
             "key" !== propName &&
@@ -782,16 +737,16 @@
       if (type && type.defaultProps)
         for (propName in ((childrenLength = type.defaultProps), childrenLength))
           void 0 === i[propName] && (i[propName] = childrenLength[propName]);
-      if (key) {
+      if (node) {
         var propName =
           "function" === typeof type
             ? type.displayName || type.name || "Unknown"
             : type;
-        key && defineKeyPropWarningGetter(i, propName);
+        node && defineKeyPropWarningGetter(i, propName);
       }
       return ReactElement(
         type,
-        key,
+        node,
         null,
         void 0,
         void 0,
@@ -869,17 +824,17 @@
     };
     exports.forwardRef = function (render) {
       null != render && render.$$typeof === REACT_MEMO_TYPE
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
           )
         : "function" !== typeof render
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but was given %s.",
             null === render ? "null" : typeof render
           )
         : 0 !== render.length &&
           2 !== render.length &&
-          error$jscomp$0(
+          console.error(
             "forwardRef render functions accept exactly two parameters: props and ref. %s",
             1 === render.length
               ? "Did you forget to use the ref parameter?"
@@ -887,7 +842,7 @@
           );
       null != render &&
         null != render.defaultProps &&
-        error$jscomp$0(
+        console.error(
           "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
         );
       var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
@@ -932,9 +887,9 @@
             type.$$typeof === REACT_CONTEXT_TYPE ||
             type.$$typeof === REACT_CONSUMER_TYPE ||
             type.$$typeof === REACT_FORWARD_REF_TYPE ||
-            type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
+            type.$$typeof === REACT_CLIENT_REFERENCE ||
             void 0 !== type.getModuleId)) ||
-        error$jscomp$0(
+        console.error(
           "memo: The first argument must be a component. Instead received: %s",
           null === type ? "null" : typeof type
         );
@@ -975,15 +930,15 @@
           null !== returnValue &&
           "function" === typeof returnValue.then &&
           returnValue.then(noop, reportGlobalError);
-      } catch (error$1) {
-        reportGlobalError(error$1);
+      } catch (error) {
+        reportGlobalError(error);
       } finally {
         null === prevTransition &&
           currentTransition._updatedFibers &&
           ((scope = currentTransition._updatedFibers.size),
           currentTransition._updatedFibers.clear(),
           10 < scope &&
-            warn(
+            console.warn(
               "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
             )),
           (ReactSharedInternals.T = prevTransition);
@@ -1024,5 +979,5 @@
     exports.useMemo = function (create, deps) {
       return resolveDispatcher().useMemo(create, deps);
     };
-    exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+    exports.version = "19.0.0-experimental-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js
index c1eccaf870afc..071845b502b3e 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js
@@ -404,6 +404,9 @@ exports.cache = function (fn) {
     }
   };
 };
+exports.captureOwnerStack = function () {
+  return null;
+};
 exports.cloneElement = function (element, config, children) {
   if (null === element || void 0 === element)
     throw Error(formatProdErrorMessage(267, element));
@@ -564,4 +567,4 @@ exports.useId = function () {
 exports.useMemo = function (create, deps) {
   return ReactSharedInternals.H.useMemo(create, deps);
 };
-exports.version = "19.0.0-experimental-dfd30974ab-20240613";
+exports.version = "19.0.0-experimental-01172397-20240716";
diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json
index 09ce5fa418552..09281fa96e8fd 100644
--- a/packages/next/src/compiled/react-is/package.json
+++ b/packages/next/src/compiled/react-is/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-is",
-  "version": "19.0.0-rc-dfd30974ab-20240613",
+  "version": "19.0.0-rc-01172397-20240716",
   "description": "Brand checking of React Elements.",
   "main": "index.js",
   "sideEffects": false,
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
index 95883b81aadb2..263885bf697d2 100644
--- 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
@@ -118,24 +118,6 @@
         ? Promise.all(promises)
         : null;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -456,12 +438,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -644,17 +626,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -663,12 +646,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -775,7 +758,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -938,8 +921,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -962,8 +945,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1279,6 +1262,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1300,7 +1294,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1317,6 +1312,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1541,34 +1537,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1649,7 +1651,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1701,46 +1703,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1748,64 +1750,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -1823,24 +1827,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1936,7 +1943,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !1 !== options.replayConsoleLogs : !0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2006,7 +2014,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2036,14 +2044,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js
index 494b39576b3e7..0d953eeef22de 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js
@@ -1151,7 +1151,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1203,44 +1203,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1248,27 +1250,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1290,24 +1292,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1422,7 +1424,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
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
index d8acc7ca23669..1be0f9fe79db3 100644
--- 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
@@ -143,24 +143,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -481,12 +463,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -669,17 +651,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -688,12 +671,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -895,7 +878,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -950,7 +933,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1113,8 +1096,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1137,8 +1120,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1454,6 +1437,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1475,7 +1469,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1492,6 +1487,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1721,34 +1717,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1829,7 +1831,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1881,46 +1883,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1928,64 +1930,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -2003,24 +2007,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -2121,7 +2128,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2191,7 +2199,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2221,14 +2229,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js
index 5f41a5adf11b7..e485f5f736cbf 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js
@@ -1319,7 +1319,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1371,44 +1371,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1416,27 +1418,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1458,24 +1460,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1595,7 +1597,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
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
index d4c661b4aeb11..40571d05e130c 100644
--- 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
@@ -143,24 +143,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -481,12 +463,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -669,17 +651,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -688,12 +671,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -895,7 +878,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -950,7 +933,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1113,8 +1096,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1137,8 +1120,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1454,6 +1437,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1475,7 +1469,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1492,6 +1487,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1721,34 +1717,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1829,7 +1831,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1881,46 +1883,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1928,64 +1930,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -2003,24 +2007,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -2113,14 +2120,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2188,7 +2191,8 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
         for (
@@ -2253,7 +2257,7 @@
           var offset = chunk.byteOffset + i;
           if (-1 < lastIdx)
             (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
+              processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
               (i = lastIdx),
               3 === rowState && i++,
               (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js
index 69ccaa6063788..c3b0accf5ad92 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js
@@ -1320,7 +1320,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1372,44 +1372,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1417,27 +1419,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1459,24 +1461,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1589,7 +1591,7 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
       var offset = chunk.byteOffset + i;
       if (-1 < lastIdx)
         (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
+          processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
           (i = lastIdx),
           3 === rowState && i++,
           (rowLength = rowID = rowTag = rowState = 0),
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
index c48da7b1667c1..950be5f6768f4 100644
--- 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
@@ -123,24 +123,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -461,12 +443,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -649,17 +631,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -668,12 +651,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -875,7 +858,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -930,7 +913,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1093,8 +1076,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1113,8 +1096,8 @@
             : moduleExports[metadata.name];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1430,6 +1413,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1451,7 +1445,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1468,6 +1463,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1697,34 +1693,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1805,7 +1807,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1857,46 +1859,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1904,64 +1906,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -1979,24 +1983,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -2089,14 +2096,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       asyncModuleCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2164,7 +2167,8 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
         for (
@@ -2229,7 +2233,7 @@
           var offset = chunk.byteOffset + i;
           if (-1 < lastIdx)
             (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
+              processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
               (i = lastIdx),
               3 === rowState && i++,
               (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
index 4e493d7e06dc4..b3f9480de8550 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
@@ -1300,7 +1300,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1352,44 +1352,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1397,27 +1399,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1439,24 +1441,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1569,7 +1571,7 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
       var offset = chunk.byteOffset + i;
       if (-1 < lastIdx)
         (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
+          processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
           (i = lastIdx),
           3 === rowState && i++,
           (rowLength = rowID = rowTag = rowState = 0),
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
index 5124f47f27418..ed168564a6027 100644
--- 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
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function scheduleWork(callback) {
       taskQueue.push(callback);
       channel.port2.postMessage(null);
@@ -80,6 +62,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -300,6 +285,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -480,60 +483,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -561,6 +575,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -591,13 +642,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -639,7 +691,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function serializeThenable(request, task, thenable) {
@@ -648,7 +700,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -666,10 +721,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -707,11 +762,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -736,8 +791,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -749,10 +804,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -772,7 +827,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -816,8 +874,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -829,10 +887,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -846,7 +904,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -900,10 +961,17 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return Component(props, void 0);
+        return debugTask
+          ? debugTask.run(Component.bind(null, props, void 0))
+          : Component(props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -912,35 +980,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -948,8 +1043,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -958,7 +1053,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -971,9 +1066,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -992,25 +1089,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1021,14 +1126,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1062,21 +1168,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1084,24 +1191,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1110,63 +1210,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1178,8 +1253,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1189,8 +1262,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1201,16 +1272,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1221,7 +1303,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1239,31 +1330,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1343,17 +1440,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1394,7 +1513,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1402,7 +1521,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1430,15 +1558,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1453,7 +1584,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1463,16 +1594,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1497,50 +1630,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1637,13 +1774,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1652,34 +1787,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1700,43 +1816,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1747,7 +1850,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1765,21 +1868,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1803,12 +1892,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1831,15 +1920,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1854,22 +1938,27 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onPostpone = request.onPostpone;
-        onPostpone(reason);
+        null !== task
+          ? callWithDebugContextInDEV(task, onPostpone, reason)
+          : onPostpone(reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = onError(error);
+        var errorDigest =
+          null !== task
+            ? callWithDebugContextInDEV(task, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1903,11 +1992,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1916,11 +2008,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1968,6 +2064,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1997,7 +2097,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2010,15 +2110,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2028,9 +2128,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2090,8 +2192,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2157,7 +2258,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2249,7 +2350,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2262,7 +2363,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2280,8 +2381,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2291,10 +2392,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2393,7 +2494,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2408,7 +2509,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2442,8 +2543,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2705,8 +2807,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3181,15 +3283,8 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
       channel = new MessageChannel(),
       taskQueue = [];
     channel.port1.onmessage = function () {
@@ -3238,6 +3333,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3535,12 +3634,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3568,11 +3674,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3732,9 +3839,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$4) {
-                logRecoverableError(request, error$4),
-                  fatalError(request, error$4);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.js
index 4f9c5789bddf9..6512a2332598d 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.js
@@ -66,6 +66,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -121,6 +124,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -576,7 +583,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -687,12 +700,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -789,9 +796,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -827,10 +834,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -867,10 +874,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -943,10 +950,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1070,43 +1077,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1118,10 +1118,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1219,7 +1223,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1252,7 +1256,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1287,8 +1291,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1310,7 +1314,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1320,16 +1324,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1480,9 +1486,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1490,8 +1496,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1501,7 +1507,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1516,7 +1522,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1528,7 +1535,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1710,6 +1717,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1719,7 +1730,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1800,7 +1811,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1813,7 +1824,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1833,7 +1844,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1911,7 +1922,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1922,7 +1933,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -1957,7 +1968,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2786,7 +2797,8 @@ exports.renderToReadableStream = function (model, turbopackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
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
index 4f270bc9fb61e..2db17a8cf15e4 100644
--- 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
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function handleErrorInNextTick(error) {
       setTimeout(function () {
         throw error;
@@ -76,6 +58,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -301,6 +286,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -481,60 +484,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -562,6 +576,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -592,13 +643,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -640,7 +692,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -657,7 +709,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -675,10 +730,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -716,11 +771,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -745,8 +800,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -758,10 +813,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -781,7 +836,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -825,8 +883,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -838,10 +896,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -855,7 +913,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -909,11 +970,28 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
         return supportsComponentStorage
-          ? componentStorage.run(componentDebugInfo, Component, props, void 0)
+          ? debugTask
+            ? debugTask.run(
+                componentStorage.run.bind(
+                  componentStorage,
+                  componentDebugInfo,
+                  Component,
+                  props,
+                  void 0
+                )
+              )
+            : componentStorage.run(componentDebugInfo, Component, props, void 0)
+          : debugTask
+          ? debugTask.run(Component.bind(null, props, void 0))
           : Component(props, void 0);
       } finally {
         currentOwner = null;
@@ -923,35 +1001,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -959,8 +1064,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -969,7 +1074,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -982,9 +1087,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1003,25 +1110,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1032,14 +1147,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1073,21 +1189,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1095,24 +1212,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1121,63 +1231,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1189,8 +1274,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1200,8 +1283,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1212,16 +1293,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1232,7 +1324,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1250,31 +1351,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1354,17 +1461,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1405,7 +1534,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1413,7 +1542,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1441,15 +1579,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1464,7 +1605,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1474,16 +1615,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1508,50 +1651,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1648,13 +1795,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1663,34 +1808,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1711,43 +1837,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1758,7 +1871,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1776,21 +1889,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1814,12 +1913,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1842,15 +1941,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1865,26 +1959,47 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onPostpone = request.onPostpone;
-        supportsRequestStorage
+        null !== task
+          ? supportsRequestStorage
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onPostpone,
+                reason
+              )
+            : callWithDebugContextInDEV(task, onPostpone, reason)
+          : supportsRequestStorage
           ? requestStorage.run(void 0, onPostpone, reason)
           : onPostpone(reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = supportsRequestStorage
-          ? requestStorage.run(void 0, onError, error)
-          : onError(error);
+        var errorDigest =
+          null !== task
+            ? supportsRequestStorage
+              ? requestStorage.run(
+                  void 0,
+                  callWithDebugContextInDEV,
+                  task,
+                  onError,
+                  error
+                )
+              : callWithDebugContextInDEV(task, onError, error)
+            : supportsRequestStorage
+            ? requestStorage.run(void 0, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1918,11 +2033,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1931,11 +2049,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1983,6 +2105,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -2012,7 +2138,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2025,15 +2151,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2043,9 +2169,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2105,8 +2233,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2172,7 +2299,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2264,7 +2391,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2277,7 +2404,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2295,8 +2422,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2306,10 +2433,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2412,7 +2539,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2427,7 +2554,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2461,8 +2588,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2724,8 +2852,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3200,15 +3328,8 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
       LocalPromise = Promise,
       scheduleMicrotask =
         "function" === typeof queueMicrotask
@@ -3251,6 +3372,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3560,12 +3685,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3602,11 +3734,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3766,9 +3899,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$4) {
-                logRecoverableError(request, error$4),
-                  fatalError(request, error$4);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.js
index f0ca9c8410245..13733f35eb195 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.js
@@ -56,6 +56,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -111,6 +114,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -573,7 +580,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -684,12 +697,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -794,9 +801,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -832,10 +839,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -872,10 +879,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -948,10 +955,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1075,43 +1082,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1123,10 +1123,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1224,7 +1228,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1257,7 +1261,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1292,8 +1296,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1315,7 +1319,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1325,16 +1329,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1485,9 +1491,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1495,8 +1501,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1506,7 +1512,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1521,7 +1527,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1533,7 +1540,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,6 +1726,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1728,7 +1739,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1809,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1822,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1842,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1924,7 +1935,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1935,7 +1946,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -1970,7 +1981,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2799,7 +2810,8 @@ exports.renderToReadableStream = function (model, turbopackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
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
index c3450dea9519e..be66e74dda55c 100644
--- 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
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -55,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -106,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -323,6 +310,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -503,60 +508,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -584,6 +600,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -614,13 +667,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -662,7 +716,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -676,7 +730,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -694,10 +751,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -735,11 +792,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -764,8 +821,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -777,10 +834,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -800,7 +857,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -844,8 +904,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -857,10 +917,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -874,7 +934,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -927,15 +990,25 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return componentStorage.run(
-          componentDebugInfo,
-          Component,
-          props,
-          void 0
-        );
+        return debugTask
+          ? debugTask.run(
+              componentStorage.run.bind(
+                componentStorage,
+                componentDebugInfo,
+                Component,
+                props,
+                void 0
+              )
+            )
+          : componentStorage.run(componentDebugInfo, Component, props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -944,35 +1017,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -980,8 +1080,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -990,7 +1090,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -1003,9 +1103,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1024,25 +1126,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1053,14 +1163,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1094,21 +1205,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1116,24 +1228,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1142,63 +1247,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1210,8 +1290,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1221,8 +1299,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1233,16 +1309,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1253,7 +1340,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1271,31 +1367,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1373,17 +1475,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1424,7 +1548,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1432,7 +1556,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1460,15 +1593,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1483,7 +1619,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1493,16 +1629,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1527,50 +1665,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1667,13 +1809,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1682,34 +1822,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1730,43 +1851,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1777,7 +1885,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1795,21 +1903,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1833,12 +1927,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1861,15 +1955,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1884,20 +1973,39 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        requestStorage.run(void 0, request.onPostpone, reason);
+        var onPostpone = request.onPostpone;
+        null !== task
+          ? requestStorage.run(
+              void 0,
+              callWithDebugContextInDEV,
+              task,
+              onPostpone,
+              reason
+            )
+          : requestStorage.run(void 0, onPostpone, reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1929,11 +2037,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1942,10 +2053,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1989,11 +2104,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -2019,7 +2135,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2032,15 +2148,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2050,9 +2166,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2112,8 +2230,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2177,7 +2294,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2269,7 +2386,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2282,7 +2399,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2300,8 +2417,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2311,10 +2428,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2408,8 +2525,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$4) {
-          logRecoverableError(request, error$4), fatalError(request, error$4);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2426,7 +2543,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2441,7 +2558,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2475,8 +2592,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2738,8 +2856,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3233,18 +3351,11 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+      React = require("react"),
       scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
@@ -3280,6 +3391,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3577,12 +3692,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3621,11 +3743,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3750,12 +3873,12 @@
             "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 JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_146 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_146.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_146, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.js
index 97541748099e2..96afcd83bfc8f 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -808,9 +817,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -846,10 +855,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -886,10 +895,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -962,10 +971,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1088,43 +1097,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1136,10 +1138,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1235,7 +1241,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1274,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1303,8 +1309,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1326,7 +1332,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1336,16 +1342,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1496,9 +1504,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1506,8 +1514,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1517,7 +1525,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1532,7 +1540,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1544,7 +1553,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,17 +1728,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1810,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1823,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1843,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1940,7 +1950,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1957,7 +1967,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1968,7 +1978,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -2003,7 +2013,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2815,12 +2825,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, turbopackMap, options) {
         "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 JSCompiler_object_inline_chunks_205 = [];
+    var JSCompiler_object_inline_chunks_214 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_205.push(chunk);
+      JSCompiler_object_inline_chunks_214.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_205, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_214, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
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
index 6df150a28d10e..398dbc304882c 100644
--- 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
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -55,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -106,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -323,6 +310,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -503,60 +508,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -584,6 +600,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -614,13 +667,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -662,7 +716,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -676,7 +730,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -694,10 +751,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -735,11 +792,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -764,8 +821,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -777,10 +834,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -800,7 +857,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -844,8 +904,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -857,10 +917,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -874,7 +934,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -927,15 +990,25 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return componentStorage.run(
-          componentDebugInfo,
-          Component,
-          props,
-          void 0
-        );
+        return debugTask
+          ? debugTask.run(
+              componentStorage.run.bind(
+                componentStorage,
+                componentDebugInfo,
+                Component,
+                props,
+                void 0
+              )
+            )
+          : componentStorage.run(componentDebugInfo, Component, props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -944,35 +1017,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -980,8 +1080,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -990,7 +1090,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -1003,9 +1103,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1024,25 +1126,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1053,14 +1163,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1094,21 +1205,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1116,24 +1228,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1142,63 +1247,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1210,8 +1290,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1221,8 +1299,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1233,16 +1309,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1253,7 +1340,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1271,31 +1367,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1373,17 +1475,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1424,7 +1548,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1432,7 +1556,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1460,15 +1593,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1483,7 +1619,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1493,16 +1629,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1527,50 +1665,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1667,13 +1809,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1682,34 +1822,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1730,43 +1851,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1777,7 +1885,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1795,21 +1903,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1833,12 +1927,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1861,15 +1955,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1884,20 +1973,39 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        requestStorage.run(void 0, request.onPostpone, reason);
+        var onPostpone = request.onPostpone;
+        null !== task
+          ? requestStorage.run(
+              void 0,
+              callWithDebugContextInDEV,
+              task,
+              onPostpone,
+              reason
+            )
+          : requestStorage.run(void 0, onPostpone, reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1929,11 +2037,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1942,10 +2053,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1989,11 +2104,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -2019,7 +2135,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2032,15 +2148,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2050,9 +2166,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2112,8 +2230,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2177,7 +2294,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2269,7 +2386,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2282,7 +2399,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2300,8 +2417,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2311,10 +2428,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2408,8 +2525,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$4) {
-          logRecoverableError(request, error$4), fatalError(request, error$4);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2426,7 +2543,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2441,7 +2558,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2475,8 +2592,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2704,8 +2822,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3199,18 +3317,11 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+      React = require("react"),
       scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
@@ -3246,6 +3357,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3543,12 +3658,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3587,11 +3709,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3716,12 +3839,12 @@
             "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 JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_146 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_146.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_146, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
index 119b2aa949570..d121ffd931b63 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -808,9 +817,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -846,10 +855,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -886,10 +895,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -962,10 +971,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1088,43 +1097,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1136,10 +1138,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1235,7 +1241,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1274,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1303,8 +1309,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1326,7 +1332,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1336,16 +1342,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1496,9 +1504,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1506,8 +1514,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1517,7 +1525,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1532,7 +1540,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1544,7 +1553,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,17 +1728,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1810,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1823,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1843,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1940,7 +1950,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1957,7 +1967,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1968,7 +1978,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -2003,7 +2013,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2784,12 +2794,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, turbopackMap, options) {
         "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 JSCompiler_object_inline_chunks_205 = [];
+    var JSCompiler_object_inline_chunks_214 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_205.push(chunk);
+      JSCompiler_object_inline_chunks_214.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_205, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_214, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
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 a32d30797e9a7..708a34a5dc5a1 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
@@ -47,7 +47,7 @@
     "neo-async": "^2.6.1"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-dfd30974ab-20240613",
-    "react-dom": "0.0.0-experimental-dfd30974ab-20240613"
+    "react": "0.0.0-experimental-01172397-20240716",
+    "react-dom": "0.0.0-experimental-01172397-20240716"
   }
 }
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js
index 29ce5b407ad84..9161c2b908446 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js
@@ -86,23 +86,6 @@
         ? Promise.all(promises)
         : null;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -423,12 +406,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -611,17 +594,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -630,12 +614,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -742,7 +726,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -905,8 +889,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -929,8 +913,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1223,6 +1207,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1244,7 +1239,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1259,6 +1255,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1517,7 +1514,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1569,46 +1566,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1616,72 +1613,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "%c%s%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "%c%s%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "%c%s%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "%c%s%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1698,13 +1698,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1779,7 +1782,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !1 !== options.replayConsoleLogs : !0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -1849,7 +1853,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -1879,13 +1883,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js
index 42ad7a10e0354..ff33cdc110739 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js
@@ -1150,7 +1150,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1202,44 +1202,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1247,27 +1249,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1289,13 +1291,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1410,7 +1412,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js
index dcbde629b6eee..409395b14e9e0 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js
@@ -111,23 +111,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -448,12 +431,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -636,17 +619,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -655,12 +639,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -862,7 +846,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -917,7 +901,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1080,8 +1064,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1104,8 +1088,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1398,6 +1382,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1419,7 +1414,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1434,6 +1430,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1697,7 +1694,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1749,46 +1746,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1796,72 +1793,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1878,13 +1878,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1964,7 +1967,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2034,7 +2038,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2064,13 +2068,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js
index d58f9fbf81633..a9e374466610b 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js
@@ -1318,7 +1318,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1370,44 +1370,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1415,27 +1417,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1457,13 +1459,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1583,7 +1585,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js
index 5a4394dd69c95..4e736a7817d6d 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js
@@ -111,23 +111,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -448,12 +431,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -636,17 +619,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -655,12 +639,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -862,7 +846,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -917,7 +901,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1080,8 +1064,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1104,8 +1088,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1398,6 +1382,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1419,7 +1414,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1434,6 +1430,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1697,7 +1694,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1749,46 +1746,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1796,72 +1793,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1878,13 +1878,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1956,13 +1959,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2024,7 +2024,8 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
         for (
@@ -2089,7 +2090,7 @@
           var offset = chunk.byteOffset + i;
           if (-1 < lastIdx)
             (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
+              processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
               (i = lastIdx),
               3 === rowState && i++,
               (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js
index b1ec3cec0d8ad..f7be8c250453e 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js
@@ -1319,7 +1319,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1371,44 +1371,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1416,27 +1418,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1458,13 +1460,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1577,7 +1579,7 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
       var offset = chunk.byteOffset + i;
       if (-1 < lastIdx)
         (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
+          processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
           (i = lastIdx),
           3 === rowState && i++,
           (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js
index f1862f9353162..4c3435d2d417e 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js
@@ -91,23 +91,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -428,12 +411,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -616,17 +599,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -635,12 +619,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -842,7 +826,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -897,7 +881,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1060,8 +1044,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1080,8 +1064,8 @@
             : moduleExports[metadata.name];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1374,6 +1358,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1395,7 +1390,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1410,6 +1406,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1673,7 +1670,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1725,46 +1722,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1772,72 +1769,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1854,13 +1854,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1932,13 +1935,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       asyncModuleCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2000,7 +2000,8 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
         for (
@@ -2065,7 +2066,7 @@
           var offset = chunk.byteOffset + i;
           if (-1 < lastIdx)
             (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
+              processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
               (i = lastIdx),
               3 === rowState && i++,
               (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
index c77bc07d64a2c..f2bfe85c0d780 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js
@@ -1299,7 +1299,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1351,44 +1351,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1396,27 +1398,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1438,13 +1440,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1557,7 +1559,7 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
       var offset = chunk.byteOffset + i;
       if (-1 < lastIdx)
         (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
+          processFullBinaryRow(response, rowID, rowTag, buffer, rowLength),
           (i = lastIdx),
           3 === rowState && i++,
           (rowLength = rowID = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js
index 64c7a9822006a..9a36fb6d06112 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function scheduleWork(callback) {
       taskQueue.push(callback);
       channel.port2.postMessage(null);
@@ -79,6 +62,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -296,6 +282,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -464,6 +468,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -478,13 +485,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -546,7 +554,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -579,7 +587,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -611,7 +619,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -682,7 +690,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -762,31 +770,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -818,9 +836,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -839,9 +859,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -886,13 +908,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -907,7 +936,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -916,60 +945,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -998,95 +1024,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1167,7 +1128,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1178,6 +1139,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1218,7 +1192,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1233,6 +1207,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1255,46 +1289,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1389,13 +1424,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1404,32 +1437,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1442,43 +1458,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1486,7 +1489,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1503,21 +1506,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1539,12 +1528,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1567,15 +1556,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1585,12 +1569,15 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = onError(error);
+        var errorDigest =
+          null !== task
+            ? callWithDebugContextInDEV(task, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1609,7 +1596,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1624,6 +1612,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1632,11 +1622,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1671,6 +1665,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1700,7 +1698,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1713,11 +1711,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1727,9 +1725,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1789,8 +1789,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1827,7 +1826,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1923,7 +1922,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1941,8 +1940,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1952,10 +1951,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2058,7 +2057,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2087,8 +2086,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2350,8 +2350,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2826,15 +2826,9 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var channel = new MessageChannel(),
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
+      channel = new MessageChannel(),
       taskQueue = [];
     channel.port1.onmessage = function () {
       var task = taskQueue.shift();
@@ -2882,6 +2876,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3181,12 +3179,18 @@
           return currentOwner ? currentOwner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3347,9 +3351,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$3) {
-                logRecoverableError(request, error$3),
-                  fatalError(request, error$3);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.js
index 7a6979e5e24ad..3952eb3ba55f6 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.js
@@ -66,6 +66,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -121,6 +124,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -576,7 +583,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -687,12 +700,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -761,7 +768,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -795,7 +802,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -827,7 +834,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -894,7 +901,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1017,43 +1024,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1065,10 +1065,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1158,7 +1162,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1230,7 +1234,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1263,7 +1267,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1425,9 +1429,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1435,8 +1439,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1446,7 +1450,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1461,7 +1465,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1471,7 +1476,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1617,6 +1622,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1626,7 +1635,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1707,7 +1716,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1727,7 +1736,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1805,7 +1814,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1835,7 +1844,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2664,7 +2673,8 @@ exports.renderToReadableStream = function (model, turbopackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js
index c82e2952c0c93..1e1f300a80c68 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function handleErrorInNextTick(error) {
       setTimeout(function () {
         throw error;
@@ -75,6 +58,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -292,6 +278,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -460,6 +464,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -474,13 +481,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -550,7 +558,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -583,7 +591,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -615,7 +623,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -686,7 +694,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -768,31 +776,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -824,9 +842,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -845,9 +865,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -892,13 +914,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -913,7 +942,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -922,60 +951,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1004,95 +1030,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1173,7 +1134,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1184,6 +1145,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1224,7 +1198,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1239,6 +1213,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1261,46 +1295,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1395,13 +1430,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1410,32 +1443,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1448,43 +1464,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1492,7 +1495,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1509,21 +1512,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1545,12 +1534,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1573,15 +1562,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1591,14 +1575,25 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = supportsRequestStorage
-          ? requestStorage.run(void 0, onError, error)
-          : onError(error);
+        var errorDigest =
+          null !== task
+            ? supportsRequestStorage
+              ? requestStorage.run(
+                  void 0,
+                  callWithDebugContextInDEV,
+                  task,
+                  onError,
+                  error
+                )
+              : callWithDebugContextInDEV(task, onError, error)
+            : supportsRequestStorage
+            ? requestStorage.run(void 0, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1617,7 +1612,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1632,6 +1628,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1640,11 +1638,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1679,6 +1681,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1708,7 +1714,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1721,11 +1727,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1735,9 +1741,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1797,8 +1805,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1835,7 +1842,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1931,7 +1938,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1949,8 +1956,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1960,10 +1967,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2070,7 +2077,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2099,8 +2106,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2362,8 +2370,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2838,15 +2846,9 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var LocalPromise = Promise,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
+      LocalPromise = Promise,
       scheduleMicrotask =
         "function" === typeof queueMicrotask
           ? queueMicrotask
@@ -2888,6 +2890,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3202,12 +3208,18 @@
           return null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3368,9 +3380,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$3) {
-                logRecoverableError(request, error$3),
-                  fatalError(request, error$3);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js
index b30059e258072..d2072ec6b3388 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.js
@@ -56,6 +56,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -111,6 +114,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -573,7 +580,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -684,12 +697,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -766,7 +773,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -800,7 +807,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -832,7 +839,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -899,7 +906,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1022,43 +1029,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1070,10 +1070,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1163,7 +1167,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1235,7 +1239,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1272,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1430,9 +1434,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1440,8 +1444,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1451,7 +1455,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1466,7 +1470,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1476,7 +1481,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1624,6 +1629,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1633,7 +1642,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1714,7 +1723,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1734,7 +1743,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1816,7 +1825,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1846,7 +1855,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2675,7 +2684,8 @@ exports.renderToReadableStream = function (model, turbopackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js
index cf0cb338801bc..69526668566d5 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -54,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -105,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -317,6 +305,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -485,6 +491,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -499,13 +508,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -572,7 +582,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -605,7 +615,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -637,7 +647,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -708,7 +718,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -792,31 +802,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -848,9 +868,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -869,9 +891,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -916,13 +940,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -937,7 +968,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -946,60 +977,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1028,95 +1056,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1195,7 +1158,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1206,6 +1169,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1246,7 +1222,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1261,6 +1237,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1283,46 +1319,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1417,13 +1454,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1432,32 +1467,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1470,43 +1488,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1514,7 +1519,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1531,21 +1536,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1567,12 +1558,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1595,15 +1586,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1613,11 +1599,21 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1635,7 +1631,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1650,6 +1647,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1658,10 +1657,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1692,11 +1695,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1722,7 +1726,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1735,11 +1739,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1749,9 +1753,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1811,8 +1817,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1848,7 +1853,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1944,7 +1949,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1962,8 +1967,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1973,10 +1978,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2069,8 +2074,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$3) {
-          logRecoverableError(request, error$3), fatalError(request, error$3);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2092,7 +2097,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2121,8 +2126,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2384,8 +2390,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2879,18 +2885,12 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var scheduleMicrotask = queueMicrotask,
+      React = require("react"),
+      scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
       destinationHasCapacity = !0,
@@ -2925,6 +2925,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3226,12 +3230,18 @@
           return owner ? owner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3357,12 +3367,12 @@
             "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 JSCompiler_object_inline_chunks_147 = [];
+        var JSCompiler_object_inline_chunks_129 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_147.push(chunk);
+          JSCompiler_object_inline_chunks_129.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_147, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_129, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js
index 10ebe520e9242..d0531d22b1c00 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -780,7 +789,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -814,7 +823,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -846,7 +855,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -913,7 +922,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1035,43 +1044,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1083,10 +1085,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1176,7 +1182,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1246,7 +1252,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1279,7 +1285,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1441,9 +1447,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1451,8 +1457,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1462,7 +1468,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1477,7 +1483,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1487,7 +1494,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1628,17 +1635,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1719,7 +1727,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1739,7 +1747,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1833,7 +1841,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1853,7 +1861,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1883,7 +1891,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2695,12 +2703,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, turbopackMap, options) {
         "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 JSCompiler_object_inline_chunks_201 = [];
+    var JSCompiler_object_inline_chunks_210 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_201.push(chunk);
+      JSCompiler_object_inline_chunks_210.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_201, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_210, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js
index 419c1f135d100..7914487cec169 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -54,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -105,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -317,6 +305,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -485,6 +491,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -499,13 +508,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -572,7 +582,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -605,7 +615,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -637,7 +647,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -708,7 +718,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -792,31 +802,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -848,9 +868,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -869,9 +891,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -916,13 +940,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -937,7 +968,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -946,60 +977,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1028,95 +1056,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1195,7 +1158,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1206,6 +1169,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1246,7 +1222,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1261,6 +1237,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1283,46 +1319,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1417,13 +1454,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1432,32 +1467,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1470,43 +1488,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1514,7 +1519,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1531,21 +1536,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1567,12 +1558,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1595,15 +1586,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1613,11 +1599,21 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1635,7 +1631,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1650,6 +1647,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1658,10 +1657,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1692,11 +1695,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1722,7 +1726,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1735,11 +1739,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1749,9 +1753,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1811,8 +1817,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1848,7 +1853,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1944,7 +1949,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1962,8 +1967,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1973,10 +1978,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2069,8 +2074,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$3) {
-          logRecoverableError(request, error$3), fatalError(request, error$3);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2092,7 +2097,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2121,8 +2126,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2350,8 +2356,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2845,18 +2851,12 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var scheduleMicrotask = queueMicrotask,
+      React = require("react"),
+      scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
       destinationHasCapacity = !0,
@@ -2891,6 +2891,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3192,12 +3196,18 @@
           return owner ? owner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3323,12 +3333,12 @@
             "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 JSCompiler_object_inline_chunks_147 = [];
+        var JSCompiler_object_inline_chunks_129 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_147.push(chunk);
+          JSCompiler_object_inline_chunks_129.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_147, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_129, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
index 18cc8a6a0aefa..d2d56529916bb 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -780,7 +789,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -814,7 +823,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -846,7 +855,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -913,7 +922,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1035,43 +1044,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1083,10 +1085,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1176,7 +1182,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1246,7 +1252,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1279,7 +1285,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1441,9 +1447,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1451,8 +1457,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1462,7 +1468,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1477,7 +1483,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1487,7 +1494,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1628,17 +1635,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1719,7 +1727,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1739,7 +1747,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1833,7 +1841,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1853,7 +1861,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1883,7 +1891,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2664,12 +2672,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, turbopackMap, options) {
         "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 JSCompiler_object_inline_chunks_201 = [];
+    var JSCompiler_object_inline_chunks_210 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_201.push(chunk);
+      JSCompiler_object_inline_chunks_210.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_201, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_210, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json
index 5265fb35de22c..dab30c9636937 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/package.json
+++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json
@@ -47,7 +47,7 @@
     "neo-async": "^2.6.1"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716"
   }
 }
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js
index bab056811f1be..b76c133ba72ab 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js
@@ -123,24 +123,6 @@
       chunkMap.set(chunkId, filename);
       return __webpack_chunk_load__(chunkId);
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -461,12 +443,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -649,17 +631,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -668,12 +651,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -780,7 +763,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -943,8 +926,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -967,8 +950,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1284,6 +1267,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1305,7 +1299,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1322,6 +1317,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1546,34 +1542,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1654,7 +1656,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1706,46 +1708,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1753,64 +1755,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -1828,24 +1832,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1941,7 +1948,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !1 !== options.replayConsoleLogs : !0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2011,7 +2019,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2041,7 +2049,6 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       chunkMap = new Map(),
@@ -2054,9 +2061,6 @@
     };
     var ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js
index b5016630b30d3..86e6cedc84cec 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js
@@ -1161,7 +1161,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1213,44 +1213,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1258,27 +1260,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1300,24 +1302,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1432,7 +1434,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js
index c1dd17ca6a8e5..3cce94f22c2f1 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js
@@ -144,24 +144,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -482,12 +464,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -670,17 +652,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -689,12 +672,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -896,7 +879,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -951,7 +934,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1114,8 +1097,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1138,8 +1121,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1455,6 +1438,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1476,7 +1470,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1493,6 +1488,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1722,34 +1718,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1830,7 +1832,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1882,46 +1884,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1929,64 +1931,66 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          chunk = JSON.parse(buffer);
+          buffer = chunk.digest;
+          tag = chunk.env;
+          chunk = buildFakeCallStack(
             response,
-            tag.stack,
+            chunk.stack,
             Error.bind(
               null,
-              tag.message ||
+              chunk.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
-          row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          stringDecoder = response._debugRootTask;
+          chunk = null != stringDecoder ? stringDecoder.run(chunk) : chunk();
+          chunk.digest = buffer;
+          chunk.environmentName = tag;
+          buffer = response._chunks;
+          (tag = buffer.get(id))
+            ? triggerErrorOnChunk(tag, chunk)
+            : buffer.set(id, new Chunk("rejected", null, chunk, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
-          initializeFakeTask(response, row);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeTask(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
-            row = buildFakeCallStack(
+          a: if (response._replayConsole) {
+            stringDecoder = JSON.parse(buffer, response._fromJSON);
+            buffer = stringDecoder[0];
+            tag = stringDecoder[1];
+            id = stringDecoder[2];
+            chunk = stringDecoder[3];
+            stringDecoder = stringDecoder.slice(4);
+            buffer = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, buffer, stringDecoder, chunk)
             );
             if (
               null != id &&
               ((id = initializeFakeTask(response, id)), null !== id)
             ) {
-              id.run(row);
+              id.run(buffer);
               break a;
             }
             response = response._debugRootTask;
-            null != response ? response.run(row) : row();
+            null != response ? response.run(buffer) : buffer();
           }
           break;
         case 82:
@@ -2004,24 +2008,27 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         case 80:
-          row = JSON.parse(row);
-          tag = row.stack;
-          row = Error(row.reason || "");
-          row.$$typeof = REACT_POSTPONE_TYPE;
-          row.stack = tag;
+          buffer = JSON.parse(buffer);
+          tag = buffer.stack;
+          buffer = Error(buffer.reason || "");
+          buffer.$$typeof = REACT_POSTPONE_TYPE;
+          buffer.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -2122,7 +2129,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2192,7 +2200,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2222,14 +2230,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js
index b477fe63686b8..8f928863947be 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js
@@ -1320,7 +1320,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1372,44 +1372,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1417,27 +1419,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1459,24 +1461,24 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     case 80:
-      row = Error(
+      buffer = Error(
         "A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details."
       );
-      row.$$typeof = REACT_POSTPONE_TYPE;
-      row.stack = "Error: " + row.message;
+      buffer.$$typeof = REACT_POSTPONE_TYPE;
+      buffer.stack = "Error: " + buffer.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1596,7 +1598,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js
index beb9ad51b3bd8..5e6e34a4f07df 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js
@@ -144,24 +144,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -482,12 +464,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -670,17 +652,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -689,12 +672,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -896,7 +879,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -951,7 +934,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1114,8 +1097,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1138,8 +1121,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1455,6 +1438,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1476,7 +1470,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1493,6 +1488,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1722,34 +1718,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1830,7 +1832,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1883,6 +1885,9 @@
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
       row += stringDecoder.decode(chunk);
+      processFullStringRow(response, id, tag, row);
+    }
+    function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
           resolveModule(response, id, row);
@@ -1934,29 +1939,31 @@
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          var errorInfo = JSON.parse(row);
+          row = errorInfo.digest;
+          tag = errorInfo.env;
+          errorInfo = buildFakeCallStack(
             response,
-            tag.stack,
+            errorInfo.stack,
             Error.bind(
               null,
-              tag.message ||
+              errorInfo.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
+          var rootTask = response._debugRootTask;
+          errorInfo = null != rootTask ? rootTask.run(errorInfo) : errorInfo();
+          errorInfo.digest = row;
+          errorInfo.environmentName = tag;
           row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          (tag = row.get(id))
+            ? triggerErrorOnChunk(tag, errorInfo)
+            : row.set(id, new Chunk("rejected", null, errorInfo, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
+          (errorInfo = tag.get(id)) && "pending" !== errorInfo.status
+            ? errorInfo.reason.enqueueValue(row)
             : tag.set(id, new Chunk("fulfilled", row, null, response));
           break;
         case 68:
@@ -1966,17 +1973,17 @@
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
+          a: if (response._replayConsole) {
+            rootTask = JSON.parse(row, response._fromJSON);
+            row = rootTask[0];
+            tag = rootTask[1];
+            id = rootTask[2];
+            errorInfo = rootTask[3];
+            rootTask = rootTask.slice(4);
             row = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, row, rootTask, errorInfo)
             );
             if (
               null != id &&
@@ -2013,14 +2020,14 @@
           row.$$typeof = REACT_POSTPONE_TYPE;
           row.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
+          (errorInfo = tag.get(id))
+            ? triggerErrorOnChunk(errorInfo, row)
             : tag.set(id, new Chunk("rejected", null, row, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
+            (errorInfo = tag.get(id))
+              ? resolveModelChunk(errorInfo, row)
               : tag.set(id, new Chunk("resolved_model", row, null, response));
       }
     }
@@ -2114,14 +2121,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2189,87 +2192,181 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
-        for (
-          var i = 0,
-            rowState = response._rowState,
-            rowID = response._rowID,
-            rowTag = response._rowTag,
-            rowLength = response._rowLength,
-            buffer = response._buffer,
-            chunkLength = chunk.length;
-          i < chunkLength;
+        if ("string" === typeof chunk) {
+          for (
+            var i = 0,
+              rowState = response._rowState,
+              rowID = response._rowID,
+              rowTag = response._rowTag,
+              rowLength = response._rowLength,
+              buffer = response._buffer,
+              chunkLength = chunk.length;
+            i < chunkLength;
 
-        ) {
-          var lastIdx = -1;
-          switch (rowState) {
-            case 0:
-              lastIdx = chunk[i++];
-              58 === lastIdx
-                ? (rowState = 1)
-                : (rowID =
-                    (rowID << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 1:
-              rowState = chunk[i];
-              84 === rowState ||
-              65 === rowState ||
-              79 === rowState ||
-              111 === rowState ||
-              85 === rowState ||
-              83 === rowState ||
-              115 === rowState ||
-              76 === rowState ||
-              108 === rowState ||
-              71 === rowState ||
-              103 === rowState ||
-              77 === rowState ||
-              109 === rowState ||
-              86 === rowState
-                ? ((rowTag = rowState), (rowState = 2), i++)
-                : (64 < rowState && 91 > rowState) ||
-                  114 === rowState ||
-                  120 === rowState
-                ? ((rowTag = rowState), (rowState = 3), i++)
-                : ((rowTag = 0), (rowState = 3));
-              continue;
-            case 2:
-              lastIdx = chunk[i++];
-              44 === lastIdx
-                ? (rowState = 4)
-                : (rowLength =
-                    (rowLength << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 3:
-              lastIdx = chunk.indexOf(10, i);
-              break;
-            case 4:
-              (lastIdx = i + rowLength),
-                lastIdx > chunk.length && (lastIdx = -1);
+          ) {
+            var lastIdx = -1;
+            switch (rowState) {
+              case 0:
+                lastIdx = chunk.charCodeAt(i++);
+                58 === lastIdx
+                  ? (rowState = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                rowState = chunk.charCodeAt(i);
+                84 === rowState ||
+                65 === rowState ||
+                79 === rowState ||
+                111 === rowState ||
+                85 === rowState ||
+                83 === rowState ||
+                115 === rowState ||
+                76 === rowState ||
+                108 === rowState ||
+                71 === rowState ||
+                103 === rowState ||
+                77 === rowState ||
+                109 === rowState ||
+                86 === rowState
+                  ? ((rowTag = rowState), (rowState = 2), i++)
+                  : (64 < rowState && 91 > rowState) ||
+                    114 === rowState ||
+                    120 === rowState
+                  ? ((rowTag = rowState), (rowState = 3), i++)
+                  : ((rowTag = 0), (rowState = 3));
+                continue;
+              case 2:
+                lastIdx = chunk.charCodeAt(i++);
+                44 === lastIdx
+                  ? (rowState = 4)
+                  : (rowLength =
+                      (rowLength << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf("\n", i);
+                break;
+              case 4:
+                if (84 !== rowTag)
+                  throw Error(
+                    "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+                  );
+                if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+                  throw Error(
+                    "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                  );
+                lastIdx = chunk.length;
+            }
+            if (-1 < lastIdx) {
+              if (0 < buffer.length)
+                throw Error(
+                  "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                );
+              i = chunk.slice(i, lastIdx);
+              processFullStringRow(response, rowID, rowTag, i);
+              i = lastIdx;
+              3 === rowState && i++;
+              rowLength = rowID = rowTag = rowState = 0;
+              buffer.length = 0;
+            } else if (chunk.length !== i)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
           }
-          var offset = chunk.byteOffset + i;
-          if (-1 < lastIdx)
-            (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
-              (i = lastIdx),
-              3 === rowState && i++,
-              (rowLength = rowID = rowTag = rowState = 0),
-              (buffer.length = 0);
-          else {
-            chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-            buffer.push(chunk);
-            rowLength -= chunk.byteLength;
-            break;
+          response._rowState = rowState;
+          response._rowID = rowID;
+          response._rowTag = rowTag;
+          response._rowLength = rowLength;
+        } else {
+          rowLength = 0;
+          chunkLength = response._rowState;
+          rowID = response._rowID;
+          i = response._rowTag;
+          rowState = response._rowLength;
+          buffer = response._buffer;
+          for (rowTag = chunk.length; rowLength < rowTag; ) {
+            lastIdx = -1;
+            switch (chunkLength) {
+              case 0:
+                lastIdx = chunk[rowLength++];
+                58 === lastIdx
+                  ? (chunkLength = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                chunkLength = chunk[rowLength];
+                84 === chunkLength ||
+                65 === chunkLength ||
+                79 === chunkLength ||
+                111 === chunkLength ||
+                85 === chunkLength ||
+                83 === chunkLength ||
+                115 === chunkLength ||
+                76 === chunkLength ||
+                108 === chunkLength ||
+                71 === chunkLength ||
+                103 === chunkLength ||
+                77 === chunkLength ||
+                109 === chunkLength ||
+                86 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+                  : (64 < chunkLength && 91 > chunkLength) ||
+                    114 === chunkLength ||
+                    120 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+                  : ((i = 0), (chunkLength = 3));
+                continue;
+              case 2:
+                lastIdx = chunk[rowLength++];
+                44 === lastIdx
+                  ? (chunkLength = 4)
+                  : (rowState =
+                      (rowState << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf(10, rowLength);
+                break;
+              case 4:
+                (lastIdx = rowLength + rowState),
+                  lastIdx > chunk.length && (lastIdx = -1);
+            }
+            var offset = chunk.byteOffset + rowLength;
+            if (-1 < lastIdx)
+              (rowState = new Uint8Array(
+                chunk.buffer,
+                offset,
+                lastIdx - rowLength
+              )),
+                processFullBinaryRow(response, rowID, i, buffer, rowState),
+                (rowLength = lastIdx),
+                3 === chunkLength && rowLength++,
+                (rowState = rowID = i = chunkLength = 0),
+                (buffer.length = 0);
+            else {
+              chunk = new Uint8Array(
+                chunk.buffer,
+                offset,
+                chunk.byteLength - rowLength
+              );
+              buffer.push(chunk);
+              rowState -= chunk.byteLength;
+              break;
+            }
           }
+          response._rowState = chunkLength;
+          response._rowID = rowID;
+          response._rowTag = i;
+          response._rowLength = rowState;
         }
-        response._rowState = rowState;
-        response._rowID = rowID;
-        response._rowTag = rowTag;
-        response._rowLength = rowLength;
       });
       stream.on("error", function (error) {
         reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js
index 1f9d5be4c4b09..2daa888d1373e 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js
@@ -1321,7 +1321,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1374,6 +1374,9 @@ function processFullRow(response, id, tag, buffer, chunk) {
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
   row += stringDecoder.decode(chunk);
+  processFullStringRow(response, id, tag, row);
+}
+function processFullStringRow(response, id, tag, row) {
   switch (tag) {
     case 73:
       resolveModule(response, id, row);
@@ -1430,14 +1433,15 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.stack = "Error: " + row.message;
       row.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      var chunk = tag.get(id);
+      chunk
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(row)
         : tag.set(id, new Chunk("fulfilled", row, null, response));
       break;
     case 68:
@@ -1469,14 +1473,14 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.$$typeof = REACT_POSTPONE_TYPE;
       row.stack = "Error: " + row.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, row)
           : tag.set(id, new Chunk("resolved_model", row, null, response));
   }
 }
@@ -1530,82 +1534,175 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
     void 0
   );
   stream.on("data", function (chunk) {
-    for (
-      var i = 0,
-        rowState = response._rowState,
-        rowID = response._rowID,
-        rowTag = response._rowTag,
-        rowLength = response._rowLength,
-        buffer = response._buffer,
-        chunkLength = chunk.length;
-      i < chunkLength;
+    if ("string" === typeof chunk) {
+      for (
+        var i = 0,
+          rowState = response._rowState,
+          rowID = response._rowID,
+          rowTag = response._rowTag,
+          rowLength = response._rowLength,
+          buffer = response._buffer,
+          chunkLength = chunk.length;
+        i < chunkLength;
 
-    ) {
-      var lastIdx = -1;
-      switch (rowState) {
-        case 0:
-          lastIdx = chunk[i++];
-          58 === lastIdx
-            ? (rowState = 1)
-            : (rowID =
-                (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 1:
-          rowState = chunk[i];
-          84 === rowState ||
-          65 === rowState ||
-          79 === rowState ||
-          111 === rowState ||
-          85 === rowState ||
-          83 === rowState ||
-          115 === rowState ||
-          76 === rowState ||
-          108 === rowState ||
-          71 === rowState ||
-          103 === rowState ||
-          77 === rowState ||
-          109 === rowState ||
-          86 === rowState
-            ? ((rowTag = rowState), (rowState = 2), i++)
-            : (64 < rowState && 91 > rowState) ||
-              114 === rowState ||
-              120 === rowState
-            ? ((rowTag = rowState), (rowState = 3), i++)
-            : ((rowTag = 0), (rowState = 3));
-          continue;
-        case 2:
-          lastIdx = chunk[i++];
-          44 === lastIdx
-            ? (rowState = 4)
-            : (rowLength =
-                (rowLength << 4) |
-                (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 3:
-          lastIdx = chunk.indexOf(10, i);
-          break;
-        case 4:
-          (lastIdx = i + rowLength), lastIdx > chunk.length && (lastIdx = -1);
+      ) {
+        var lastIdx = -1;
+        switch (rowState) {
+          case 0:
+            lastIdx = chunk.charCodeAt(i++);
+            58 === lastIdx
+              ? (rowState = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            rowState = chunk.charCodeAt(i);
+            84 === rowState ||
+            65 === rowState ||
+            79 === rowState ||
+            111 === rowState ||
+            85 === rowState ||
+            83 === rowState ||
+            115 === rowState ||
+            76 === rowState ||
+            108 === rowState ||
+            71 === rowState ||
+            103 === rowState ||
+            77 === rowState ||
+            109 === rowState ||
+            86 === rowState
+              ? ((rowTag = rowState), (rowState = 2), i++)
+              : (64 < rowState && 91 > rowState) ||
+                114 === rowState ||
+                120 === rowState
+              ? ((rowTag = rowState), (rowState = 3), i++)
+              : ((rowTag = 0), (rowState = 3));
+            continue;
+          case 2:
+            lastIdx = chunk.charCodeAt(i++);
+            44 === lastIdx
+              ? (rowState = 4)
+              : (rowLength =
+                  (rowLength << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf("\n", i);
+            break;
+          case 4:
+            if (84 !== rowTag)
+              throw Error(
+                "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+              );
+            if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
+            lastIdx = chunk.length;
+        }
+        if (-1 < lastIdx) {
+          if (0 < buffer.length)
+            throw Error(
+              "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+            );
+          i = chunk.slice(i, lastIdx);
+          processFullStringRow(response, rowID, rowTag, i);
+          i = lastIdx;
+          3 === rowState && i++;
+          rowLength = rowID = rowTag = rowState = 0;
+          buffer.length = 0;
+        } else if (chunk.length !== i)
+          throw Error(
+            "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+          );
       }
-      var offset = chunk.byteOffset + i;
-      if (-1 < lastIdx)
-        (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
-          (i = lastIdx),
-          3 === rowState && i++,
-          (rowLength = rowID = rowTag = rowState = 0),
-          (buffer.length = 0);
-      else {
-        chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-        buffer.push(chunk);
-        rowLength -= chunk.byteLength;
-        break;
+      response._rowState = rowState;
+      response._rowID = rowID;
+      response._rowTag = rowTag;
+      response._rowLength = rowLength;
+    } else {
+      rowLength = 0;
+      chunkLength = response._rowState;
+      rowID = response._rowID;
+      i = response._rowTag;
+      rowState = response._rowLength;
+      buffer = response._buffer;
+      for (rowTag = chunk.length; rowLength < rowTag; ) {
+        lastIdx = -1;
+        switch (chunkLength) {
+          case 0:
+            lastIdx = chunk[rowLength++];
+            58 === lastIdx
+              ? (chunkLength = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            chunkLength = chunk[rowLength];
+            84 === chunkLength ||
+            65 === chunkLength ||
+            79 === chunkLength ||
+            111 === chunkLength ||
+            85 === chunkLength ||
+            83 === chunkLength ||
+            115 === chunkLength ||
+            76 === chunkLength ||
+            108 === chunkLength ||
+            71 === chunkLength ||
+            103 === chunkLength ||
+            77 === chunkLength ||
+            109 === chunkLength ||
+            86 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+              : (64 < chunkLength && 91 > chunkLength) ||
+                114 === chunkLength ||
+                120 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+              : ((i = 0), (chunkLength = 3));
+            continue;
+          case 2:
+            lastIdx = chunk[rowLength++];
+            44 === lastIdx
+              ? (chunkLength = 4)
+              : (rowState =
+                  (rowState << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf(10, rowLength);
+            break;
+          case 4:
+            (lastIdx = rowLength + rowState),
+              lastIdx > chunk.length && (lastIdx = -1);
+        }
+        var offset = chunk.byteOffset + rowLength;
+        if (-1 < lastIdx)
+          (rowState = new Uint8Array(
+            chunk.buffer,
+            offset,
+            lastIdx - rowLength
+          )),
+            processFullBinaryRow(response, rowID, i, buffer, rowState),
+            (rowLength = lastIdx),
+            3 === chunkLength && rowLength++,
+            (rowState = rowID = i = chunkLength = 0),
+            (buffer.length = 0);
+        else {
+          chunk = new Uint8Array(
+            chunk.buffer,
+            offset,
+            chunk.byteLength - rowLength
+          );
+          buffer.push(chunk);
+          rowState -= chunk.byteLength;
+          break;
+        }
       }
+      response._rowState = chunkLength;
+      response._rowID = rowID;
+      response._rowTag = i;
+      response._rowLength = rowState;
     }
-    response._rowState = rowState;
-    response._rowID = rowID;
-    response._rowTag = rowTag;
-    response._rowLength = rowLength;
   });
   stream.on("error", function (error) {
     reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js
index c4a9174160dd3..91b1a5dcbfa23 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js
@@ -123,24 +123,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask$1 &&
-        ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -461,12 +443,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -649,17 +631,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -668,12 +651,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -875,7 +858,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -930,7 +913,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1093,8 +1076,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1113,8 +1096,8 @@
             : moduleExports[metadata.name];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1430,6 +1413,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1451,7 +1445,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1468,6 +1463,7 @@
       supportsCreateTask &&
         (this._debugRootTask = console.createTask('"use server"'));
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1697,34 +1693,40 @@
       );
     }
     function createFakeFunction(name, filename, sourceMap, line, col) {
-      line =
-        1 >= line
-          ? "_=>" +
-            " ".repeat(4 > col ? 0 : col - 4) +
-            "_()\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"
-          : "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
             "\n".repeat(line - 2) +
-            "_=>\n" +
+            "({" +
+            encodedName +
+            ":_=>\n" +
             " ".repeat(1 > col ? 0 : col - 1) +
-            "_()";
+            "_()})");
       filename.startsWith("/") && (filename = "file://" + filename);
       sourceMap
-        ? ((line +=
+        ? ((col +=
             "\n//# sourceURL=rsc://React/" +
             filename +
             "?" +
             fakeFunctionIdx++),
-          (line += "\n//# sourceMappingURL=" + sourceMap))
-        : filename && (line += "\n//# sourceURL=" + filename);
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
       try {
-        var fn = (0, eval)(line);
+        var fn = (0, eval)(col)[name];
       } catch (x) {
         fn = function (_) {
           return _();
         };
       }
-      Object.defineProperty(fn, "name", { value: name || "(anonymous)" });
-      fn.displayName = name;
       return fn;
     }
     function buildFakeCallStack(response, stack, innerCall) {
@@ -1805,7 +1807,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1858,6 +1860,9 @@
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
       row += stringDecoder.decode(chunk);
+      processFullStringRow(response, id, tag, row);
+    }
+    function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
           resolveModule(response, id, row);
@@ -1909,29 +1914,31 @@
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          row = tag.digest;
-          tag = buildFakeCallStack(
+          var errorInfo = JSON.parse(row);
+          row = errorInfo.digest;
+          tag = errorInfo.env;
+          errorInfo = buildFakeCallStack(
             response,
-            tag.stack,
+            errorInfo.stack,
             Error.bind(
               null,
-              tag.message ||
+              errorInfo.message ||
                 "An error occurred in the Server Components render but no message was provided"
             )
           );
-          buffer = response._debugRootTask;
-          tag = null != buffer ? buffer.run(tag) : tag();
-          tag.digest = row;
+          var rootTask = response._debugRootTask;
+          errorInfo = null != rootTask ? rootTask.run(errorInfo) : errorInfo();
+          errorInfo.digest = row;
+          errorInfo.environmentName = tag;
           row = response._chunks;
-          (buffer = row.get(id))
-            ? triggerErrorOnChunk(buffer, tag)
-            : row.set(id, new Chunk("rejected", null, tag, response));
+          (tag = row.get(id))
+            ? triggerErrorOnChunk(tag, errorInfo)
+            : row.set(id, new Chunk("rejected", null, errorInfo, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
+          (errorInfo = tag.get(id)) && "pending" !== errorInfo.status
+            ? errorInfo.reason.enqueueValue(row)
             : tag.set(id, new Chunk("fulfilled", row, null, response));
           break;
         case 68:
@@ -1941,17 +1948,17 @@
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
         case 87:
-          a: {
-            chunk = JSON.parse(row, response._fromJSON);
-            row = chunk[0];
-            tag = chunk[1];
-            id = chunk[2];
-            buffer = chunk[3];
-            chunk = chunk.slice(4);
+          a: if (response._replayConsole) {
+            rootTask = JSON.parse(row, response._fromJSON);
+            row = rootTask[0];
+            tag = rootTask[1];
+            id = rootTask[2];
+            errorInfo = rootTask[3];
+            rootTask = rootTask.slice(4);
             row = buildFakeCallStack(
               response,
               tag,
-              printToConsole.bind(null, row, chunk, buffer)
+              printToConsole.bind(null, row, rootTask, errorInfo)
             );
             if (
               null != id &&
@@ -1988,14 +1995,14 @@
           row.$$typeof = REACT_POSTPONE_TYPE;
           row.stack = tag;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
+          (errorInfo = tag.get(id))
+            ? triggerErrorOnChunk(errorInfo, row)
             : tag.set(id, new Chunk("rejected", null, row, response));
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
+            (errorInfo = tag.get(id))
+              ? resolveModelChunk(errorInfo, row)
               : tag.set(id, new Chunk("resolved_model", row, null, response));
       }
     }
@@ -2089,14 +2096,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       asyncModuleCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      supportsCreateTask$1 = !!console.createTask,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2164,87 +2167,181 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
-        for (
-          var i = 0,
-            rowState = response._rowState,
-            rowID = response._rowID,
-            rowTag = response._rowTag,
-            rowLength = response._rowLength,
-            buffer = response._buffer,
-            chunkLength = chunk.length;
-          i < chunkLength;
+        if ("string" === typeof chunk) {
+          for (
+            var i = 0,
+              rowState = response._rowState,
+              rowID = response._rowID,
+              rowTag = response._rowTag,
+              rowLength = response._rowLength,
+              buffer = response._buffer,
+              chunkLength = chunk.length;
+            i < chunkLength;
 
-        ) {
-          var lastIdx = -1;
-          switch (rowState) {
-            case 0:
-              lastIdx = chunk[i++];
-              58 === lastIdx
-                ? (rowState = 1)
-                : (rowID =
-                    (rowID << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 1:
-              rowState = chunk[i];
-              84 === rowState ||
-              65 === rowState ||
-              79 === rowState ||
-              111 === rowState ||
-              85 === rowState ||
-              83 === rowState ||
-              115 === rowState ||
-              76 === rowState ||
-              108 === rowState ||
-              71 === rowState ||
-              103 === rowState ||
-              77 === rowState ||
-              109 === rowState ||
-              86 === rowState
-                ? ((rowTag = rowState), (rowState = 2), i++)
-                : (64 < rowState && 91 > rowState) ||
-                  114 === rowState ||
-                  120 === rowState
-                ? ((rowTag = rowState), (rowState = 3), i++)
-                : ((rowTag = 0), (rowState = 3));
-              continue;
-            case 2:
-              lastIdx = chunk[i++];
-              44 === lastIdx
-                ? (rowState = 4)
-                : (rowLength =
-                    (rowLength << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 3:
-              lastIdx = chunk.indexOf(10, i);
-              break;
-            case 4:
-              (lastIdx = i + rowLength),
-                lastIdx > chunk.length && (lastIdx = -1);
+          ) {
+            var lastIdx = -1;
+            switch (rowState) {
+              case 0:
+                lastIdx = chunk.charCodeAt(i++);
+                58 === lastIdx
+                  ? (rowState = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                rowState = chunk.charCodeAt(i);
+                84 === rowState ||
+                65 === rowState ||
+                79 === rowState ||
+                111 === rowState ||
+                85 === rowState ||
+                83 === rowState ||
+                115 === rowState ||
+                76 === rowState ||
+                108 === rowState ||
+                71 === rowState ||
+                103 === rowState ||
+                77 === rowState ||
+                109 === rowState ||
+                86 === rowState
+                  ? ((rowTag = rowState), (rowState = 2), i++)
+                  : (64 < rowState && 91 > rowState) ||
+                    114 === rowState ||
+                    120 === rowState
+                  ? ((rowTag = rowState), (rowState = 3), i++)
+                  : ((rowTag = 0), (rowState = 3));
+                continue;
+              case 2:
+                lastIdx = chunk.charCodeAt(i++);
+                44 === lastIdx
+                  ? (rowState = 4)
+                  : (rowLength =
+                      (rowLength << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf("\n", i);
+                break;
+              case 4:
+                if (84 !== rowTag)
+                  throw Error(
+                    "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+                  );
+                if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+                  throw Error(
+                    "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                  );
+                lastIdx = chunk.length;
+            }
+            if (-1 < lastIdx) {
+              if (0 < buffer.length)
+                throw Error(
+                  "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                );
+              i = chunk.slice(i, lastIdx);
+              processFullStringRow(response, rowID, rowTag, i);
+              i = lastIdx;
+              3 === rowState && i++;
+              rowLength = rowID = rowTag = rowState = 0;
+              buffer.length = 0;
+            } else if (chunk.length !== i)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
           }
-          var offset = chunk.byteOffset + i;
-          if (-1 < lastIdx)
-            (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
-              (i = lastIdx),
-              3 === rowState && i++,
-              (rowLength = rowID = rowTag = rowState = 0),
-              (buffer.length = 0);
-          else {
-            chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-            buffer.push(chunk);
-            rowLength -= chunk.byteLength;
-            break;
+          response._rowState = rowState;
+          response._rowID = rowID;
+          response._rowTag = rowTag;
+          response._rowLength = rowLength;
+        } else {
+          rowLength = 0;
+          chunkLength = response._rowState;
+          rowID = response._rowID;
+          i = response._rowTag;
+          rowState = response._rowLength;
+          buffer = response._buffer;
+          for (rowTag = chunk.length; rowLength < rowTag; ) {
+            lastIdx = -1;
+            switch (chunkLength) {
+              case 0:
+                lastIdx = chunk[rowLength++];
+                58 === lastIdx
+                  ? (chunkLength = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                chunkLength = chunk[rowLength];
+                84 === chunkLength ||
+                65 === chunkLength ||
+                79 === chunkLength ||
+                111 === chunkLength ||
+                85 === chunkLength ||
+                83 === chunkLength ||
+                115 === chunkLength ||
+                76 === chunkLength ||
+                108 === chunkLength ||
+                71 === chunkLength ||
+                103 === chunkLength ||
+                77 === chunkLength ||
+                109 === chunkLength ||
+                86 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+                  : (64 < chunkLength && 91 > chunkLength) ||
+                    114 === chunkLength ||
+                    120 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+                  : ((i = 0), (chunkLength = 3));
+                continue;
+              case 2:
+                lastIdx = chunk[rowLength++];
+                44 === lastIdx
+                  ? (chunkLength = 4)
+                  : (rowState =
+                      (rowState << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf(10, rowLength);
+                break;
+              case 4:
+                (lastIdx = rowLength + rowState),
+                  lastIdx > chunk.length && (lastIdx = -1);
+            }
+            var offset = chunk.byteOffset + rowLength;
+            if (-1 < lastIdx)
+              (rowState = new Uint8Array(
+                chunk.buffer,
+                offset,
+                lastIdx - rowLength
+              )),
+                processFullBinaryRow(response, rowID, i, buffer, rowState),
+                (rowLength = lastIdx),
+                3 === chunkLength && rowLength++,
+                (rowState = rowID = i = chunkLength = 0),
+                (buffer.length = 0);
+            else {
+              chunk = new Uint8Array(
+                chunk.buffer,
+                offset,
+                chunk.byteLength - rowLength
+              );
+              buffer.push(chunk);
+              rowState -= chunk.byteLength;
+              break;
+            }
           }
+          response._rowState = chunkLength;
+          response._rowID = rowID;
+          response._rowTag = i;
+          response._rowLength = rowState;
         }
-        response._rowState = rowState;
-        response._rowID = rowID;
-        response._rowTag = rowTag;
-        response._rowLength = rowLength;
       });
       stream.on("error", function (error) {
         reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js
index 57f323fe039fd..aa05fcf9d28a7 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js
@@ -1300,7 +1300,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1353,6 +1353,9 @@ function processFullRow(response, id, tag, buffer, chunk) {
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
   row += stringDecoder.decode(chunk);
+  processFullStringRow(response, id, tag, row);
+}
+function processFullStringRow(response, id, tag, row) {
   switch (tag) {
     case 73:
       resolveModule(response, id, row);
@@ -1409,14 +1412,15 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.stack = "Error: " + row.message;
       row.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      var chunk = tag.get(id);
+      chunk
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(row)
         : tag.set(id, new Chunk("fulfilled", row, null, response));
       break;
     case 68:
@@ -1448,14 +1452,14 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.$$typeof = REACT_POSTPONE_TYPE;
       row.stack = "Error: " + row.message;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, row)
           : tag.set(id, new Chunk("resolved_model", row, null, response));
   }
 }
@@ -1509,82 +1513,175 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
     void 0
   );
   stream.on("data", function (chunk) {
-    for (
-      var i = 0,
-        rowState = response._rowState,
-        rowID = response._rowID,
-        rowTag = response._rowTag,
-        rowLength = response._rowLength,
-        buffer = response._buffer,
-        chunkLength = chunk.length;
-      i < chunkLength;
+    if ("string" === typeof chunk) {
+      for (
+        var i = 0,
+          rowState = response._rowState,
+          rowID = response._rowID,
+          rowTag = response._rowTag,
+          rowLength = response._rowLength,
+          buffer = response._buffer,
+          chunkLength = chunk.length;
+        i < chunkLength;
 
-    ) {
-      var lastIdx = -1;
-      switch (rowState) {
-        case 0:
-          lastIdx = chunk[i++];
-          58 === lastIdx
-            ? (rowState = 1)
-            : (rowID =
-                (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 1:
-          rowState = chunk[i];
-          84 === rowState ||
-          65 === rowState ||
-          79 === rowState ||
-          111 === rowState ||
-          85 === rowState ||
-          83 === rowState ||
-          115 === rowState ||
-          76 === rowState ||
-          108 === rowState ||
-          71 === rowState ||
-          103 === rowState ||
-          77 === rowState ||
-          109 === rowState ||
-          86 === rowState
-            ? ((rowTag = rowState), (rowState = 2), i++)
-            : (64 < rowState && 91 > rowState) ||
-              114 === rowState ||
-              120 === rowState
-            ? ((rowTag = rowState), (rowState = 3), i++)
-            : ((rowTag = 0), (rowState = 3));
-          continue;
-        case 2:
-          lastIdx = chunk[i++];
-          44 === lastIdx
-            ? (rowState = 4)
-            : (rowLength =
-                (rowLength << 4) |
-                (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 3:
-          lastIdx = chunk.indexOf(10, i);
-          break;
-        case 4:
-          (lastIdx = i + rowLength), lastIdx > chunk.length && (lastIdx = -1);
+      ) {
+        var lastIdx = -1;
+        switch (rowState) {
+          case 0:
+            lastIdx = chunk.charCodeAt(i++);
+            58 === lastIdx
+              ? (rowState = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            rowState = chunk.charCodeAt(i);
+            84 === rowState ||
+            65 === rowState ||
+            79 === rowState ||
+            111 === rowState ||
+            85 === rowState ||
+            83 === rowState ||
+            115 === rowState ||
+            76 === rowState ||
+            108 === rowState ||
+            71 === rowState ||
+            103 === rowState ||
+            77 === rowState ||
+            109 === rowState ||
+            86 === rowState
+              ? ((rowTag = rowState), (rowState = 2), i++)
+              : (64 < rowState && 91 > rowState) ||
+                114 === rowState ||
+                120 === rowState
+              ? ((rowTag = rowState), (rowState = 3), i++)
+              : ((rowTag = 0), (rowState = 3));
+            continue;
+          case 2:
+            lastIdx = chunk.charCodeAt(i++);
+            44 === lastIdx
+              ? (rowState = 4)
+              : (rowLength =
+                  (rowLength << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf("\n", i);
+            break;
+          case 4:
+            if (84 !== rowTag)
+              throw Error(
+                "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+              );
+            if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
+            lastIdx = chunk.length;
+        }
+        if (-1 < lastIdx) {
+          if (0 < buffer.length)
+            throw Error(
+              "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+            );
+          i = chunk.slice(i, lastIdx);
+          processFullStringRow(response, rowID, rowTag, i);
+          i = lastIdx;
+          3 === rowState && i++;
+          rowLength = rowID = rowTag = rowState = 0;
+          buffer.length = 0;
+        } else if (chunk.length !== i)
+          throw Error(
+            "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+          );
       }
-      var offset = chunk.byteOffset + i;
-      if (-1 < lastIdx)
-        (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
-          (i = lastIdx),
-          3 === rowState && i++,
-          (rowLength = rowID = rowTag = rowState = 0),
-          (buffer.length = 0);
-      else {
-        chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-        buffer.push(chunk);
-        rowLength -= chunk.byteLength;
-        break;
+      response._rowState = rowState;
+      response._rowID = rowID;
+      response._rowTag = rowTag;
+      response._rowLength = rowLength;
+    } else {
+      rowLength = 0;
+      chunkLength = response._rowState;
+      rowID = response._rowID;
+      i = response._rowTag;
+      rowState = response._rowLength;
+      buffer = response._buffer;
+      for (rowTag = chunk.length; rowLength < rowTag; ) {
+        lastIdx = -1;
+        switch (chunkLength) {
+          case 0:
+            lastIdx = chunk[rowLength++];
+            58 === lastIdx
+              ? (chunkLength = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            chunkLength = chunk[rowLength];
+            84 === chunkLength ||
+            65 === chunkLength ||
+            79 === chunkLength ||
+            111 === chunkLength ||
+            85 === chunkLength ||
+            83 === chunkLength ||
+            115 === chunkLength ||
+            76 === chunkLength ||
+            108 === chunkLength ||
+            71 === chunkLength ||
+            103 === chunkLength ||
+            77 === chunkLength ||
+            109 === chunkLength ||
+            86 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+              : (64 < chunkLength && 91 > chunkLength) ||
+                114 === chunkLength ||
+                120 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+              : ((i = 0), (chunkLength = 3));
+            continue;
+          case 2:
+            lastIdx = chunk[rowLength++];
+            44 === lastIdx
+              ? (chunkLength = 4)
+              : (rowState =
+                  (rowState << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf(10, rowLength);
+            break;
+          case 4:
+            (lastIdx = rowLength + rowState),
+              lastIdx > chunk.length && (lastIdx = -1);
+        }
+        var offset = chunk.byteOffset + rowLength;
+        if (-1 < lastIdx)
+          (rowState = new Uint8Array(
+            chunk.buffer,
+            offset,
+            lastIdx - rowLength
+          )),
+            processFullBinaryRow(response, rowID, i, buffer, rowState),
+            (rowLength = lastIdx),
+            3 === chunkLength && rowLength++,
+            (rowState = rowID = i = chunkLength = 0),
+            (buffer.length = 0);
+        else {
+          chunk = new Uint8Array(
+            chunk.buffer,
+            offset,
+            chunk.byteLength - rowLength
+          );
+          buffer.push(chunk);
+          rowState -= chunk.byteLength;
+          break;
+        }
       }
+      response._rowState = chunkLength;
+      response._rowID = rowID;
+      response._rowTag = i;
+      response._rowLength = rowState;
     }
-    response._rowState = rowState;
-    response._rowID = rowID;
-    response._rowTag = rowTag;
-    response._rowLength = rowLength;
   });
   stream.on("error", function (error) {
     reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js
index 7d495cec78850..4bd8e22713dba 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function scheduleWork(callback) {
       taskQueue.push(callback);
       channel.port2.postMessage(null);
@@ -80,6 +62,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -96,7 +81,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$2(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -304,6 +289,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -484,60 +487,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -565,6 +579,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -595,13 +646,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -643,7 +695,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function serializeThenable(request, task, thenable) {
@@ -652,7 +704,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -670,10 +725,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -711,11 +766,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -740,8 +795,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -753,10 +808,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -776,7 +831,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -820,8 +878,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -833,10 +891,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -850,7 +908,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -904,10 +965,17 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return Component(props, void 0);
+        return debugTask
+          ? debugTask.run(Component.bind(null, props, void 0))
+          : Component(props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -916,35 +984,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -952,8 +1047,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -962,7 +1057,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -975,9 +1070,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -996,25 +1093,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1025,14 +1130,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1066,21 +1172,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1088,24 +1195,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1114,63 +1214,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1182,8 +1257,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1193,8 +1266,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1205,16 +1276,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1225,7 +1307,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1243,31 +1334,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1347,17 +1444,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1398,7 +1517,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1406,7 +1525,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1434,15 +1562,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1457,7 +1588,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1467,16 +1598,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1501,50 +1634,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1641,13 +1778,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1656,34 +1791,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1704,43 +1820,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1751,7 +1854,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1769,21 +1872,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1807,12 +1896,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1835,15 +1924,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1858,22 +1942,27 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onPostpone = request.onPostpone;
-        onPostpone(reason);
+        null !== task
+          ? callWithDebugContextInDEV(task, onPostpone, reason)
+          : onPostpone(reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = onError(error);
+        var errorDigest =
+          null !== task
+            ? callWithDebugContextInDEV(task, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1907,11 +1996,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1920,11 +2012,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1972,6 +2068,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -2001,7 +2101,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2014,15 +2114,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2032,9 +2132,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2094,8 +2196,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2161,7 +2262,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2253,7 +2354,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2266,7 +2367,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2284,8 +2385,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2295,10 +2396,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2397,7 +2498,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2412,7 +2513,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2446,8 +2547,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2714,8 +2816,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3190,15 +3292,8 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
       channel = new MessageChannel(),
       taskQueue = [];
     channel.port1.onmessage = function () {
@@ -3247,6 +3342,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3544,12 +3643,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3577,11 +3683,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3749,9 +3856,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$4) {
-                logRecoverableError(request, error$4),
-                  fatalError(request, error$4);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js
index 5ca2a56b0d998..24a715da1d870 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.js
@@ -66,6 +66,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -121,6 +124,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -576,7 +583,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -687,12 +700,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -789,9 +796,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -827,10 +834,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -867,10 +874,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -943,10 +950,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1070,43 +1077,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1118,10 +1118,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1219,7 +1223,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1252,7 +1256,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1287,8 +1291,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1310,7 +1314,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1320,16 +1324,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1480,9 +1486,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1490,8 +1496,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1501,7 +1507,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1516,7 +1522,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1528,7 +1535,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1710,6 +1717,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1719,7 +1730,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1800,7 +1811,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1813,7 +1824,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1833,7 +1844,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1911,7 +1922,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1922,7 +1933,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -1957,7 +1968,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2796,7 +2807,8 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js
index 6b6d4ddc6ec1b..707d09618e32c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function handleErrorInNextTick(error) {
       setTimeout(function () {
         throw error;
@@ -76,6 +58,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -92,7 +77,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$2(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -305,6 +290,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -485,60 +488,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -566,6 +580,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -596,13 +647,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -644,7 +696,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -661,7 +713,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -679,10 +734,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -720,11 +775,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -749,8 +804,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -762,10 +817,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -785,7 +840,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -829,8 +887,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -842,10 +900,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -859,7 +917,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -913,11 +974,28 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
         return supportsComponentStorage
-          ? componentStorage.run(componentDebugInfo, Component, props, void 0)
+          ? debugTask
+            ? debugTask.run(
+                componentStorage.run.bind(
+                  componentStorage,
+                  componentDebugInfo,
+                  Component,
+                  props,
+                  void 0
+                )
+              )
+            : componentStorage.run(componentDebugInfo, Component, props, void 0)
+          : debugTask
+          ? debugTask.run(Component.bind(null, props, void 0))
           : Component(props, void 0);
       } finally {
         currentOwner = null;
@@ -927,35 +1005,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -963,8 +1068,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -973,7 +1078,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -986,9 +1091,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1007,25 +1114,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1036,14 +1151,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1077,21 +1193,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1099,24 +1216,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1125,63 +1235,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1193,8 +1278,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1204,8 +1287,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1216,16 +1297,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1236,7 +1328,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1254,31 +1355,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1358,17 +1465,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1409,7 +1538,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1417,7 +1546,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1445,15 +1583,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1468,7 +1609,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1478,16 +1619,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1512,50 +1655,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1652,13 +1799,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1667,34 +1812,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1715,43 +1841,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1762,7 +1875,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1780,21 +1893,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1818,12 +1917,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1846,15 +1945,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1869,26 +1963,47 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onPostpone = request.onPostpone;
-        supportsRequestStorage
+        null !== task
+          ? supportsRequestStorage
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onPostpone,
+                reason
+              )
+            : callWithDebugContextInDEV(task, onPostpone, reason)
+          : supportsRequestStorage
           ? requestStorage.run(void 0, onPostpone, reason)
           : onPostpone(reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = supportsRequestStorage
-          ? requestStorage.run(void 0, onError, error)
-          : onError(error);
+        var errorDigest =
+          null !== task
+            ? supportsRequestStorage
+              ? requestStorage.run(
+                  void 0,
+                  callWithDebugContextInDEV,
+                  task,
+                  onError,
+                  error
+                )
+              : callWithDebugContextInDEV(task, onError, error)
+            : supportsRequestStorage
+            ? requestStorage.run(void 0, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1922,11 +2037,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1935,11 +2053,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1987,6 +2109,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -2016,7 +2142,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2029,15 +2155,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2047,9 +2173,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2109,8 +2237,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2176,7 +2303,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2268,7 +2395,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2281,7 +2408,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2299,8 +2426,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2310,10 +2437,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2416,7 +2543,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2431,7 +2558,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2465,8 +2592,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2729,8 +2857,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3205,15 +3333,8 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
       LocalPromise = Promise,
       scheduleMicrotask =
         "function" === typeof queueMicrotask
@@ -3256,6 +3377,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3565,12 +3690,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3607,11 +3739,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3771,9 +3904,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$4) {
-                logRecoverableError(request, error$4),
-                  fatalError(request, error$4);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.js
index a92c9b8a20e35..cb679c3c10380 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.js
@@ -56,6 +56,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -111,6 +114,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -573,7 +580,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -684,12 +697,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -794,9 +801,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -832,10 +839,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -872,10 +879,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -948,10 +955,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1075,43 +1082,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1123,10 +1123,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1224,7 +1228,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1257,7 +1261,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1292,8 +1296,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1315,7 +1319,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1325,16 +1329,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1485,9 +1491,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1495,8 +1501,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1506,7 +1512,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1521,7 +1527,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1533,7 +1540,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,6 +1726,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1728,7 +1739,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1809,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1822,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1842,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1924,7 +1935,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1935,7 +1946,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -1970,7 +1981,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2800,7 +2811,8 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js
index 76f6ce2fac07c..bb64f4b7df5f9 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -55,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -106,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -117,7 +104,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$2(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -327,6 +314,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -507,60 +512,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -588,6 +604,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -618,13 +671,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -666,7 +720,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -680,7 +734,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -698,10 +755,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -739,11 +796,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -768,8 +825,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -781,10 +838,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -804,7 +861,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -848,8 +908,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -861,10 +921,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -878,7 +938,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -931,15 +994,25 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return componentStorage.run(
-          componentDebugInfo,
-          Component,
-          props,
-          void 0
-        );
+        return debugTask
+          ? debugTask.run(
+              componentStorage.run.bind(
+                componentStorage,
+                componentDebugInfo,
+                Component,
+                props,
+                void 0
+              )
+            )
+          : componentStorage.run(componentDebugInfo, Component, props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -948,35 +1021,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -984,8 +1084,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -994,7 +1094,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -1007,9 +1107,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1028,25 +1130,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1057,14 +1167,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1098,21 +1209,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1120,24 +1232,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1146,63 +1251,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1214,8 +1294,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1225,8 +1303,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1237,16 +1313,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1257,7 +1344,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1275,31 +1371,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1377,17 +1479,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1428,7 +1552,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1436,7 +1560,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1464,15 +1597,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1487,7 +1623,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1497,16 +1633,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1531,50 +1669,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1671,13 +1813,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1686,34 +1826,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1734,43 +1855,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1781,7 +1889,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1799,21 +1907,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1837,12 +1931,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1865,15 +1959,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1888,20 +1977,39 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        requestStorage.run(void 0, request.onPostpone, reason);
+        var onPostpone = request.onPostpone;
+        null !== task
+          ? requestStorage.run(
+              void 0,
+              callWithDebugContextInDEV,
+              task,
+              onPostpone,
+              reason
+            )
+          : requestStorage.run(void 0, onPostpone, reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1933,11 +2041,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1946,10 +2057,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1993,11 +2108,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -2023,7 +2139,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2036,15 +2152,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2054,9 +2170,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2116,8 +2234,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2181,7 +2298,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2273,7 +2390,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2286,7 +2403,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2304,8 +2421,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2315,10 +2432,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2412,8 +2529,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$4) {
-          logRecoverableError(request, error$4), fatalError(request, error$4);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2430,7 +2547,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2445,7 +2562,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2479,8 +2596,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2743,8 +2861,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3238,18 +3356,11 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+      React = require("react"),
       scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
@@ -3285,6 +3396,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3582,12 +3697,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3626,11 +3748,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3755,12 +3878,12 @@
             "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 JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_146 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_146.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_146, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.js
index b84269b8041fb..15bcf52130e14 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -808,9 +817,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -846,10 +855,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -886,10 +895,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -962,10 +971,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1088,43 +1097,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1136,10 +1138,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1235,7 +1241,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1274,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1303,8 +1309,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1326,7 +1332,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1336,16 +1342,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1496,9 +1504,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1506,8 +1514,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1517,7 +1525,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1532,7 +1540,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1544,7 +1553,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,17 +1728,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1810,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1823,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1843,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1940,7 +1950,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1957,7 +1967,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1968,7 +1978,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -2003,7 +2013,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2816,12 +2826,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, webpackMap, options) {
         "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 JSCompiler_object_inline_chunks_205 = [];
+    var JSCompiler_object_inline_chunks_214 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_205.push(chunk);
+      JSCompiler_object_inline_chunks_214.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_205, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_214, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js
index f881a78c8b003..0c4e5ecfaa456 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js
@@ -22,24 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$2(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      !supportsCreateTask &&
-        ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -55,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -106,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -117,7 +104,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$2(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -327,6 +314,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -507,60 +512,71 @@
         Error.prepareStackTrace = previousPrepare;
       }
     }
-    function filterDebugStack(error$jscomp$0) {
-      error$jscomp$0 = getStack(error$jscomp$0);
-      error$jscomp$0.startsWith("Error: react-stack-top-frame\n") &&
-        (error$jscomp$0 = error$jscomp$0.slice(29));
-      error$jscomp$0 = error$jscomp$0.split("\n").slice(1);
+    function filterDebugStack(error$jscomp$1) {
+      error$jscomp$1 = getStack(error$jscomp$1);
+      error$jscomp$1.startsWith("Error: react-stack-top-frame\n") &&
+        (error$jscomp$1 = error$jscomp$1.slice(29));
+      error$jscomp$1 = error$jscomp$1.split("\n").slice(1);
       if (null === callComponentFrame) {
-        var error = callComponentInDEV(Error, "react-stack-top-frame", {});
-        error = getStack(error);
-        var startIdx = error.startsWith("Error: react-stack-top-frame\n")
+        var error$jscomp$0 = callComponentInDEV(
+          Error,
+          "react-stack-top-frame",
+          {},
+          null
+        );
+        error$jscomp$0 = getStack(error$jscomp$0);
+        var startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0,
-          endIdx = error.indexOf("\n", startIdx);
+          endIdx = error$jscomp$0.indexOf("\n", startIdx);
         callComponentFrame =
-          -1 === endIdx ? error.slice(startIdx) : error.slice(startIdx, endIdx);
+          -1 === endIdx
+            ? error$jscomp$0.slice(startIdx)
+            : error$jscomp$0.slice(startIdx, endIdx);
       }
-      error = error$jscomp$0.indexOf(callComponentFrame);
+      error$jscomp$0 = error$jscomp$1.indexOf(callComponentFrame);
       if (
-        -1 === error &&
+        -1 === error$jscomp$0 &&
         (null === callLazyInitFrame &&
-          ((error = callLazyInitInDEV({
+          ((error$jscomp$0 = callLazyInitInDEV({
             $$typeof: REACT_LAZY_TYPE,
             _init: Error,
             _payload: "react-stack-top-frame"
           })),
-          (error = getStack(error)),
-          (startIdx = error.startsWith("Error: react-stack-top-frame\n")
+          (error$jscomp$0 = getStack(error$jscomp$0)),
+          (startIdx = error$jscomp$0.startsWith(
+            "Error: react-stack-top-frame\n"
+          )
             ? 29
             : 0),
-          (endIdx = error.indexOf("\n", startIdx)),
+          (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
           (callLazyInitFrame =
             -1 === endIdx
-              ? error.slice(startIdx)
-              : error.slice(startIdx, endIdx))),
-        (error = error$jscomp$0.indexOf(callLazyInitFrame)),
-        -1 === error)
+              ? error$jscomp$0.slice(startIdx)
+              : error$jscomp$0.slice(startIdx, endIdx))),
+        (error$jscomp$0 = error$jscomp$1.indexOf(callLazyInitFrame)),
+        -1 === error$jscomp$0)
       ) {
         if (null === callIteratorFrame)
           try {
             callIteratorInDEV({ next: null }), (callIteratorFrame = "");
-          } catch (error$0) {
-            (error = getStack(error$0)),
-              (startIdx = error.startsWith("TypeError: ")
-                ? error.indexOf("\n") + 1
+          } catch (error) {
+            (error$jscomp$0 = getStack(error)),
+              (startIdx = error$jscomp$0.startsWith("TypeError: ")
+                ? error$jscomp$0.indexOf("\n") + 1
                 : 0),
-              (endIdx = error.indexOf("\n", startIdx)),
+              (endIdx = error$jscomp$0.indexOf("\n", startIdx)),
               (callIteratorFrame =
                 -1 === endIdx
-                  ? error.slice(startIdx)
-                  : error.slice(startIdx, endIdx));
+                  ? error$jscomp$0.slice(startIdx)
+                  : error$jscomp$0.slice(startIdx, endIdx));
           }
-        error = error$jscomp$0.indexOf(callIteratorFrame);
+        error$jscomp$0 = error$jscomp$1.indexOf(callIteratorFrame);
       }
-      -1 !== error && (error$jscomp$0.length = error);
-      return error$jscomp$0.filter(isNotExternal).join("\n");
+      -1 !== error$jscomp$0 && (error$jscomp$1.length = error$jscomp$0);
+      return error$jscomp$1.filter(isNotExternal).join("\n");
     }
     function patchConsole(consoleInst, methodName) {
       var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
@@ -588,6 +604,43 @@
         });
       }
     }
+    function getCurrentStackInDEV() {
+      var owner = resolveOwner();
+      if (null === owner) return "";
+      try {
+        var info = "";
+        if (owner.owner || "string" !== typeof owner.name) {
+          for (; owner; )
+            if ("string" === typeof owner.stack) {
+              var ownerStack = owner.stack;
+              (owner = owner.owner) &&
+                "" !== ownerStack &&
+                (info += "\n" + ownerStack);
+            } else break;
+          var JSCompiler_inline_result = info;
+        } else {
+          var name = owner.name;
+          if (void 0 === prefix)
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = (match && match[1]) || "";
+              suffix =
+                -1 < x.stack.indexOf("\n    at")
+                  ? " (<anonymous>)"
+                  : -1 < x.stack.indexOf("@")
+                  ? "@unknown:0:0"
+                  : "";
+            }
+          JSCompiler_inline_result = "\n" + prefix + name + suffix;
+        }
+      } catch (x) {
+        JSCompiler_inline_result =
+          "\nError generating stack: " + x.message + "\n" + x.stack;
+      }
+      return JSCompiler_inline_result;
+    }
     function throwTaintViolation(message) {
       throw Error(message);
     }
@@ -618,13 +671,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         cleanupQueue = [];
@@ -666,7 +720,7 @@
             }
           : environmentName;
       this.didWarnForKey = null;
-      model = createTask(this, model, null, !1, abortSet);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
       pingedTasks.push(model);
     }
     function resolveRequest() {
@@ -680,7 +734,10 @@
         null,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       (task = thenable._debugInfo) &&
         forwardDebugInfo(request, newTask.id, task);
@@ -698,10 +755,10 @@
             null !== task &&
             task.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, task.message),
+            logPostpone(request, task.message, newTask),
               emitPostponeChunk(request, newTask.id, task);
           else {
-            var digest = logRecoverableError(request, task);
+            var digest = logRecoverableError(request, task, null);
             emitErrorChunk(request, newTask.id, digest, task);
           }
           return newTask.id;
@@ -739,11 +796,11 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, newTask),
               emitPostponeChunk(request, newTask.id, reason);
           else {
             newTask.status = ERRORED$1;
-            var _digest = logRecoverableError(request, reason);
+            var _digest = logRecoverableError(request, reason, newTask);
             emitErrorChunk(request, newTask.id, _digest, reason);
           }
           request.abortableTasks.delete(newTask);
@@ -768,8 +825,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 reader.read().then(progress, error);
-            } catch (x$1) {
-              error(x$1);
+            } catch (x$0) {
+              error(x$0);
             }
       }
       function error(reason) {
@@ -781,10 +838,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -804,7 +861,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -848,8 +908,8 @@
                 tryStreamTask(request, streamTask),
                 enqueueFlush(request),
                 callIteratorInDEV(iterator, progress, error);
-            } catch (x$2) {
-              error(x$2);
+            } catch (x$1) {
+              error(x$1);
             }
       }
       function error(reason) {
@@ -861,10 +921,10 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, streamTask),
               emitPostponeChunk(request, streamTask.id, reason);
           else {
-            var digest = logRecoverableError(request, reason);
+            var digest = logRecoverableError(request, reason, streamTask);
             emitErrorChunk(request, streamTask.id, digest, reason);
           }
           enqueueFlush(request);
@@ -878,7 +938,10 @@
           task.model,
           task.keyPath,
           task.implicitSlot,
-          request.abortableTasks
+          request.abortableTasks,
+          task.debugOwner,
+          task.debugStack,
+          task.debugTask
         );
       request.abortableTasks.delete(streamTask);
       request.pendingChunks++;
@@ -931,15 +994,25 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callComponentInDEV(Component, props, componentDebugInfo) {
+    function callComponentInDEV(
+      Component,
+      props,
+      componentDebugInfo,
+      debugTask
+    ) {
       currentOwner = componentDebugInfo;
       try {
-        return componentStorage.run(
-          componentDebugInfo,
-          Component,
-          props,
-          void 0
-        );
+        return debugTask
+          ? debugTask.run(
+              componentStorage.run.bind(
+                componentStorage,
+                componentDebugInfo,
+                Component,
+                props,
+                void 0
+              )
+            )
+          : componentStorage.run(componentDebugInfo, Component, props, void 0);
       } finally {
         currentOwner = null;
       }
@@ -948,35 +1021,62 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
+    function callWithDebugContextInDEV(task, callback, arg) {
+      var componentDebugInfo = {
+        env: task.environmentName,
+        owner: task.debugOwner
+      };
+      componentDebugInfo.stack = task.debugStack;
+      task = task.debugTask;
+      currentOwner = componentDebugInfo;
+      try {
+        return task ? task.run(callback.bind(null, arg)) : callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
     function renderFunctionComponent(
       request,
       task,
       key,
       Component,
       props,
-      owner,
-      stack,
       validated
     ) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        owner.stack = stack;
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        componentDebugInfo.stack = task.debugStack;
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
-        warnForMissingKey(request, key, validated, owner);
+        warnForMissingKey(
+          request,
+          key,
+          validated,
+          componentDebugInfo,
+          task.debugTask
+        );
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (request.status === ABORTING) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -984,8 +1084,8 @@
         props.$$typeof !== CLIENT_REFERENCE_TAG$1
       ) {
         if ("function" === typeof props.then) {
-          stack = props;
-          stack.then(
+          validated = props;
+          validated.then(
             function (resolvedValue) {
               "object" === typeof resolvedValue &&
                 null !== resolvedValue &&
@@ -994,7 +1094,7 @@
             },
             function () {}
           );
-          if ("fulfilled" === stack.status) return stack.value;
+          if ("fulfilled" === validated.status) return validated.value;
           props = createLazyWrapperAroundWakeable(props);
         }
         var iteratorFn = getIteratorFn(props);
@@ -1007,9 +1107,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$2(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -1028,25 +1130,33 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$2(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
         }
       }
-      stack = task.keyPath;
-      validated = task.implicitSlot;
+      validated = task.keyPath;
+      prevThenableState = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === stack ? key : stack + "," + key)
-        : null === stack && (task.implicitSlot = !0);
+        ? (task.keyPath = null === validated ? key : validated + "," + key)
+        : null === validated && (task.implicitSlot = !0);
       request = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = stack;
-      task.implicitSlot = validated;
+      task.keyPath = validated;
+      task.implicitSlot = prevThenableState;
       return request;
     }
-    function warnForMissingKey(request, key, validated, componentDebugInfo) {
+    function warnForMissingKey(
+      request,
+      key,
+      validated,
+      componentDebugInfo,
+      debugTask
+    ) {
       if (2 === validated) {
         key = request.didWarnForKey;
         null == key && (key = request.didWarnForKey = new WeakSet());
@@ -1057,14 +1167,15 @@
         }
         callComponentInDEV(
           function () {
-            error$jscomp$2(
+            console.error(
               'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
               "",
               ""
             );
           },
           null,
-          componentDebugInfo
+          componentDebugInfo,
+          debugTask
         );
       }
     }
@@ -1098,21 +1209,22 @@
       }
       return children;
     }
-    function renderClientElement(
-      task,
-      type,
-      key,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner, stack, validated];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null,
+            null,
+            0
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -1120,24 +1232,17 @@
         task.model,
         task.keyPath,
         task.implicitSlot,
-        request.abortableTasks
+        request.abortableTasks,
+        task.debugOwner,
+        task.debugStack,
+        task.debugTask
       );
       retryTask(request, task);
       return task.status === COMPLETED
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(
-      request,
-      task,
-      type,
-      key,
-      ref,
-      props,
-      owner,
-      stack,
-      validated
-    ) {
+    function renderElement(request, task, type, key, ref, props, validated) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -1146,63 +1251,38 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner, stack, validated)
-          : renderFunctionComponent(
-              request,
-              task,
-              key,
-              type,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if ("string" === typeof type)
-        return renderClientElement(
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(
+          request,
           task,
-          type,
           key,
+          type,
           props,
-          owner,
-          stack,
           validated
         );
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(
-              task,
-              type,
-              key,
-              props,
-              owner,
-              stack,
-              validated
-            );
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (validated = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
             task,
-            type,
-            key,
-            props,
-            owner,
-            stack,
-            validated
-          );
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = validated),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
@@ -1214,8 +1294,6 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_FORWARD_REF_TYPE:
@@ -1225,8 +1303,6 @@
               key,
               type.render,
               props,
-              owner,
-              stack,
               validated
             );
           case REACT_MEMO_TYPE:
@@ -1237,16 +1313,27 @@
               key,
               ref,
               props,
-              owner,
-              stack,
               validated
             );
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [
+        REACT_ELEMENT_TYPE,
+        type,
+        request,
+        props,
+        task.debugOwner,
+        task.debugStack,
+        validated
+      ];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1257,7 +1344,16 @@
           return performWork(request);
         }));
     }
-    function createTask(request, model, keyPath, implicitSlot, abortSet) {
+    function createTask(
+      request,
+      model,
+      keyPath,
+      implicitSlot,
+      abortSet,
+      debugOwner,
+      debugStack,
+      debugTask
+    ) {
       request.pendingChunks++;
       var id = request.nextChunkId++;
       "object" !== typeof model ||
@@ -1275,31 +1371,37 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$2(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$2(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$2(
-                  "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(this, parentPropertyName)
-                ));
-          return renderModel(request, task, this, parentPropertyName, value);
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
       task.environmentName = request.environmentName();
+      task.debugOwner = debugOwner;
+      task.debugStack = debugStack;
+      task.debugTask = debugTask;
       abortSet.add(task);
       return task;
     }
@@ -1377,17 +1479,39 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
       }
     }
     function outlineModel(request, value) {
-      value = createTask(request, value, null, !1, request.abortableTasks);
+      value = createTask(
+        request,
+        value,
+        null,
+        !1,
+        request.abortableTasks,
+        null,
+        null,
+        null
+      );
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1428,7 +1552,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1436,7 +1560,16 @@
         }
       }
       var model = [blob.type],
-        newTask = createTask(request, model, null, !1, request.abortableTasks),
+        newTask = createTask(
+          request,
+          model,
+          null,
+          !1,
+          request.abortableTasks,
+          null,
+          null,
+          null
+        ),
         reader = blob.stream().getReader(),
         aborted = !1;
       request.abortListeners.add(error);
@@ -1464,15 +1597,18 @@
             if (request.status === ABORTING)
               return (
                 (task.status = ABORTED),
-                (request = request.fatalError),
-                parent ? serializeLazyID(request) : serializeByValueID(request)
+                (task = request.fatalError),
+                parent ? serializeLazyID(task) : serializeByValueID(task)
               );
             request = createTask(
               request,
               task.model,
               task.keyPath,
               task.implicitSlot,
-              request.abortableTasks
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
             );
             value = request.ping;
             key.then(value, value);
@@ -1487,7 +1623,7 @@
             return (
               request.pendingChunks++,
               (value = request.nextChunkId++),
-              logPostpone(request, key.message),
+              logPostpone(request, key.message, task),
               emitPostponeChunk(request, value, key),
               (task.keyPath = prevKeyPath),
               (task.implicitSlot = prevImplicitSlot),
@@ -1497,16 +1633,18 @@
         if (thrownValue === AbortSigil)
           return (
             (task.status = ABORTED),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
-        task = request.nextChunkId++;
-        prevKeyPath = logRecoverableError(request, key);
-        emitErrorChunk(request, task, prevKeyPath, key);
-        return parent ? serializeLazyID(task) : serializeByValueID(task);
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
       }
     }
     function renderModelDestructive(
@@ -1531,50 +1669,54 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var ref = _existingReference.ref;
+            ref = void 0 !== ref ? ref : null;
+            task.debugOwner = value._owner;
+            task.debugStack =
+              value._debugStack && "string" !== typeof value._debugStack
+                ? filterDebugStack(value._debugStack)
+                : value._debugStack;
+            task.debugTask = value._debugTask;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner,
-              value._debugStack && "string" !== typeof value._debugStack
-                ? filterDebugStack(value._debugStack)
-                : value._debugStack,
+              ref,
+              _existingReference,
               value._store.validated
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (request.status === ABORTING) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1671,13 +1813,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1686,34 +1826,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null,
-                  null,
-                  0
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1734,43 +1855,30 @@
             request
           );
         if ("Object" !== objectName(value))
-          error$jscomp$2(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$2(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$2(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1781,7 +1889,7 @@
           "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
             ? "$D" + value
-            : 1024 <= value.length
+            : 1024 <= value.length && null !== byteLengthOfChunk
             ? serializeLargeTextString(request, value)
             : "$" === value[0]
             ? "$" + value
@@ -1799,21 +1907,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1837,12 +1931,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1865,15 +1959,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value)
         return (
@@ -1888,20 +1977,39 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logPostpone(request, reason) {
+    function logPostpone(request, reason, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        requestStorage.run(void 0, request.onPostpone, reason);
+        var onPostpone = request.onPostpone;
+        null !== task
+          ? requestStorage.run(
+              void 0,
+              callWithDebugContextInDEV,
+              task,
+              onPostpone,
+              reason
+            )
+          : requestStorage.run(void 0, onPostpone, reason);
       } finally {
         currentRequest = prevRequest;
       }
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1933,11 +2041,14 @@
       request.completedErrorChunks.push(id);
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
           stack = getStack(error);
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1946,10 +2057,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = serializeRowHeader("E", id) + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1993,11 +2108,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -2023,7 +2139,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -2036,15 +2152,15 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                "object" === typeof value &&
-                null !== value &&
-                value.$$typeof === REACT_POSTPONE_TYPE
-                  ? emitPostponeChunk(request, counter, value)
-                  : emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                "object" === typeof counter &&
+                null !== counter &&
+                counter.$$typeof === REACT_POSTPONE_TYPE
+                  ? emitPostponeChunk(request, value, counter)
+                  : emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -2054,9 +2170,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -2116,8 +2234,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -2181,7 +2298,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? ((task = TaintRegistryValues.get(value)),
           void 0 !== task && throwTaintViolation(task.message),
           emitTextChunk(request, id, value))
@@ -2273,7 +2390,7 @@
             if (x.$$typeof === REACT_POSTPONE_TYPE) {
               request.abortableTasks.delete(task);
               task.status = ERRORED$1;
-              logPostpone(request, x.message);
+              logPostpone(request, x.message, task);
               emitPostponeChunk(request, task.id, x);
               return;
             }
@@ -2286,7 +2403,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = ERRORED$1;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -2304,8 +2421,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -2315,10 +2432,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$3) {
-        logRecoverableError(request, error$3), fatalError(request, error$3);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2412,8 +2529,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$4) {
-          logRecoverableError(request, error$4), fatalError(request, error$4);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2430,7 +2547,7 @@
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
           )
-            logPostpone(request, reason.message),
+            logPostpone(request, reason.message, null),
               emitPostponeChunk(request, errorId, reason);
           else {
             var error =
@@ -2445,7 +2562,7 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-              digest = logRecoverableError(request, error);
+              digest = logRecoverableError(request, error, null);
             emitErrorChunk(request, errorId, digest, error);
           }
           abortableTasks.forEach(function (task) {
@@ -2479,8 +2596,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$5) {
-        logRecoverableError(request, error$5), fatalError(request, error$5);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2708,8 +2826,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$6) {
-        (chunk.status = "rejected"), (chunk.reason = error$6);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -3203,18 +3321,11 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var supportsCreateTask = !!console.createTask,
+      React = require("react"),
       scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
@@ -3250,6 +3361,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3547,12 +3662,19 @@
         }
       };
     DefaultAsyncDispatcher.getOwner = resolveOwner;
+    var ReactSharedInternalsServer =
+      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    var prefix, suffix;
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
     var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       externalRegExp = /\/node_modules\/| \(node:| node:|\(<anonymous>\)/,
       callComponentFrame = null,
       callIteratorFrame = null,
@@ -3591,11 +3713,12 @@
       ERRORED$1 = 4,
       RENDERING = 5,
       AbortSigil = {},
-      TaintRegistryObjects = ReactSharedInternals.TaintRegistryObjects,
-      TaintRegistryValues = ReactSharedInternals.TaintRegistryValues,
-      TaintRegistryByteLengths = ReactSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryObjects = ReactSharedInternalsServer.TaintRegistryObjects,
+      TaintRegistryValues = ReactSharedInternalsServer.TaintRegistryValues,
+      TaintRegistryByteLengths =
+        ReactSharedInternalsServer.TaintRegistryByteLengths,
       TaintRegistryPendingRequests =
-        ReactSharedInternals.TaintRegistryPendingRequests,
+        ReactSharedInternalsServer.TaintRegistryPendingRequests,
       ABORTING = 1,
       CLOSING = 2,
       CLOSED = 3,
@@ -3720,12 +3843,12 @@
             "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 JSCompiler_object_inline_chunks_158 = [];
+        var JSCompiler_object_inline_chunks_146 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_158.push(chunk);
+          JSCompiler_object_inline_chunks_146.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_158, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_146, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.js
index 9748327f15cdc..e3be4243c34f2 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {},
@@ -808,9 +817,9 @@ function serializeThenable(request, task, thenable) {
         "object" === typeof task &&
         null !== task &&
         task.$$typeof === REACT_POSTPONE_TYPE
-          ? (logPostpone(request, task.message),
+          ? (logPostpone(request, task.message, newTask),
             emitPostponeChunk(request, newTask.id))
-          : ((task = logRecoverableError(request, task)),
+          : ((task = logRecoverableError(request, task, null)),
             emitErrorChunk(request, newTask.id, task)),
         newTask.id
       );
@@ -846,10 +855,10 @@ function serializeThenable(request, task, thenable) {
       "object" === typeof reason &&
       null !== reason &&
       reason.$$typeof === REACT_POSTPONE_TYPE
-        ? (logPostpone(request, reason.message),
+        ? (logPostpone(request, reason.message, newTask),
           emitPostponeChunk(request, newTask.id))
         : ((newTask.status = 4),
-          (reason = logRecoverableError(request, reason)),
+          (reason = logRecoverableError(request, reason, newTask)),
           emitErrorChunk(request, newTask.id, reason));
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -886,10 +895,10 @@ function serializeReadableStream(request, task, stream) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -962,10 +971,10 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, streamTask),
           emitPostponeChunk(request, streamTask.id);
       else {
-        var digest = logRecoverableError(request, reason);
+        var digest = logRecoverableError(request, reason, streamTask);
         emitErrorChunk(request, streamTask.id, digest);
       }
       enqueueFlush(request);
@@ -1088,43 +1097,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1136,10 +1138,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1235,7 +1241,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1274,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1303,8 +1309,8 @@ function renderModel(request, task, parent, key, value) {
         if (1 === request.status)
           return (
             (task.status = 3),
-            (request = request.fatalError),
-            parent ? serializeLazyID(request) : serializeByValueID(request)
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
           );
         request = createTask(
           request,
@@ -1326,7 +1332,7 @@ function renderModel(request, task, parent, key, value) {
         return (
           request.pendingChunks++,
           (value = request.nextChunkId++),
-          logPostpone(request, key.message),
+          logPostpone(request, key.message, task),
           emitPostponeChunk(request, value),
           (task.keyPath = prevKeyPath),
           (task.implicitSlot = prevImplicitSlot),
@@ -1336,16 +1342,18 @@ function renderModel(request, task, parent, key, value) {
     if (thrownValue === AbortSigil)
       return (
         (task.status = 3),
-        (request = request.fatalError),
-        parent ? serializeLazyID(request) : serializeByValueID(request)
+        (task = request.fatalError),
+        parent ? serializeLazyID(task) : serializeByValueID(task)
       );
     task.keyPath = prevKeyPath;
     task.implicitSlot = prevImplicitSlot;
     request.pendingChunks++;
-    task = request.nextChunkId++;
-    prevKeyPath = logRecoverableError(request, key);
-    emitErrorChunk(request, task, prevKeyPath);
-    return parent ? serializeLazyID(task) : serializeByValueID(task);
+    prevKeyPath = request.nextChunkId++;
+    task = logRecoverableError(request, key, task);
+    emitErrorChunk(request, prevKeyPath, task);
+    return parent
+      ? serializeLazyID(prevKeyPath)
+      : serializeByValueID(prevKeyPath);
   }
 }
 function renderModelDestructive(
@@ -1496,9 +1504,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1506,8 +1514,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((value = [
@@ -1517,7 +1525,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (value = task.implicitSlot ? [value] : value))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (value = serializeAsyncIterable(
               request,
               task,
@@ -1532,7 +1540,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1544,7 +1553,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1719,17 +1728,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? ((task = TaintRegistryValues.get(value)),
       void 0 !== task && throwTaintViolation(task.message),
       emitTextChunk(request, id, value))
@@ -1810,7 +1820,7 @@ function retryTask(request, task) {
         if (x.$$typeof === REACT_POSTPONE_TYPE) {
           request.abortableTasks.delete(task);
           task.status = 4;
-          logPostpone(request, x.message);
+          logPostpone(request, x.message, task);
           emitPostponeChunk(request, task.id);
           return;
         }
@@ -1823,7 +1833,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1843,7 +1853,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1940,7 +1950,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1957,7 +1967,7 @@ function abort(request, reason) {
         null !== reason &&
         reason.$$typeof === REACT_POSTPONE_TYPE
       )
-        logPostpone(request, reason.message),
+        logPostpone(request, reason.message, null),
           emitPostponeChunk(request, errorId, reason);
       else {
         var error =
@@ -1968,7 +1978,7 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-          digest = logRecoverableError(request, error);
+          digest = logRecoverableError(request, error, null);
         emitErrorChunk(request, errorId, digest, error);
       }
       abortableTasks.forEach(function (task) {
@@ -2003,7 +2013,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$31) {
-    logRecoverableError(request, error$31), fatalError(request, error$31);
+    logRecoverableError(request, error$31, null), fatalError(request, error$31);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2784,12 +2794,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, webpackMap, options) {
         "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 JSCompiler_object_inline_chunks_205 = [];
+    var JSCompiler_object_inline_chunks_214 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_205.push(chunk);
+      JSCompiler_object_inline_chunks_214.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_205, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_214, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json
index 0c9ebe0cd0c30..278f30035586c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json
@@ -46,8 +46,8 @@
     "neo-async": "^2.6.1"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-dfd30974ab-20240613",
-    "react-dom": "0.0.0-experimental-dfd30974ab-20240613",
+    "react": "0.0.0-experimental-01172397-20240716",
+    "react-dom": "0.0.0-experimental-01172397-20240716",
     "webpack": "^5.59.0"
   }
 }
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js
index 10cc3452149a2..970f997ca41c6 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js
@@ -91,23 +91,6 @@
       chunkMap.set(chunkId, filename);
       return __webpack_chunk_load__(chunkId);
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -428,12 +411,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -616,17 +599,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -635,12 +619,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -747,7 +731,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -910,8 +894,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -934,8 +918,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1228,6 +1212,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1249,7 +1244,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1264,6 +1260,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1522,7 +1519,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1574,46 +1571,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1621,72 +1618,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "%c%s%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "%c%s%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "%c%s%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "%c%s%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1703,13 +1703,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1784,7 +1787,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !1 !== options.replayConsoleLogs : !0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -1854,7 +1858,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -1884,7 +1888,6 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       chunkMap = new Map(),
@@ -1897,8 +1900,6 @@
     };
     var ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js
index 0b948ed2009d5..8b89301699861 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js
@@ -1160,7 +1160,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1212,44 +1212,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1257,27 +1259,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1299,13 +1301,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1420,7 +1422,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js
index 0f01516698763..238e57ccc3033 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js
@@ -112,23 +112,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -449,12 +432,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -637,17 +620,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -656,12 +640,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -863,7 +847,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -918,7 +902,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1081,8 +1065,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1105,8 +1089,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1399,6 +1383,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1420,7 +1415,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1435,6 +1431,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1698,7 +1695,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1750,46 +1747,46 @@
         i++
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
-      row += stringDecoder.decode(chunk);
+      buffer = row += stringDecoder.decode(chunk);
       switch (tag) {
         case 73:
-          resolveModule(response, id, row);
+          resolveModule(response, id, buffer);
           break;
         case 72:
-          id = row[0];
-          row = row.slice(1);
-          response = JSON.parse(row, response._fromJSON);
-          row = ReactDOMSharedInternals.d;
+          id = buffer[0];
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              row.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? row.C(response)
-                : row.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
               tag = response[1];
               3 === response.length
-                ? row.L(id, tag, response[2])
-                : row.L(id, tag);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? row.m(response)
-                : row.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? row.X(response)
-                : row.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? row.S(response)
-                : row.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1797,72 +1794,75 @@
               break;
             case "M":
               "string" === typeof response
-                ? row.M(response)
-                : row.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(row);
-          buffer = tag.digest;
-          row = Error(
+          tag = JSON.parse(buffer);
+          chunk = tag.digest;
+          stringDecoder = tag.env;
+          buffer = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          row.stack = tag.stack;
-          row.digest = buffer;
+          buffer.stack = tag.stack;
+          buffer.digest = chunk;
+          buffer.environmentName = stringDecoder;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
-            : tag.set(id, new Chunk("rejected", null, row, response));
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new Chunk("rejected", null, buffer, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
-            : tag.set(id, new Chunk("fulfilled", row, null, response));
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(id, new Chunk("fulfilled", buffer, null, response));
           break;
         case 68:
-          row = JSON.parse(row, response._fromJSON);
+          buffer = JSON.parse(buffer, response._fromJSON);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(row);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (buffer = JSON.parse(buffer, response._fromJSON)),
+                (response = buffer[0]),
+                (id = buffer[3]),
+                (tag = buffer.slice(4)),
+                (buffer = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  buffer = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[buffer]
+                ? tag.splice(
+                    buffer,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[buffer],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    buffer,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1879,13 +1879,16 @@
         case 67:
           (response = response._chunks.get(id)) &&
             "fulfilled" === response.status &&
-            response.reason.close("" === row ? '"$undefined"' : row);
+            response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
-              : tag.set(id, new Chunk("resolved_model", row, null, response));
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
+                  id,
+                  new Chunk("resolved_model", buffer, null, response)
+                );
       }
     }
     function createFromJSONCallback(response) {
@@ -1965,7 +1968,8 @@
         options && options.temporaryReferences
           ? options.temporaryReferences
           : void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2035,7 +2039,7 @@
             var offset = value.byteOffset + i;
             if (-1 < lastIdx)
               (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-                processFullRow(response, _ref, rowTag, buffer, rowLength),
+                processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
                 (i = lastIdx),
                 3 === rowState && i++,
                 (rowLength = _ref = rowTag = rowState = 0),
@@ -2065,13 +2069,10 @@
       reader.read().then(progress).catch(error);
     }
     var ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js
index 38fe9db441259..668b4efea8f8e 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js
@@ -1319,7 +1319,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1371,44 +1371,46 @@ function processFullRow(response, id, tag, buffer, chunk) {
     i++
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
-  row += stringDecoder.decode(chunk);
+  buffer = row += stringDecoder.decode(chunk);
   switch (tag) {
     case 73:
-      resolveModule(response, id, row);
+      resolveModule(response, id, buffer);
       break;
     case 72:
-      id = row[0];
-      row = row.slice(1);
-      response = JSON.parse(row, response._fromJSON);
-      row = ReactDOMSharedInternals.d;
+      id = buffer[0];
+      buffer = buffer.slice(1);
+      response = JSON.parse(buffer, response._fromJSON);
+      buffer = ReactDOMSharedInternals.d;
       switch (id) {
         case "D":
-          row.D(response);
+          buffer.D(response);
           break;
         case "C":
           "string" === typeof response
-            ? row.C(response)
-            : row.C(response[0], response[1]);
+            ? buffer.C(response)
+            : buffer.C(response[0], response[1]);
           break;
         case "L":
           id = response[0];
           tag = response[1];
-          3 === response.length ? row.L(id, tag, response[2]) : row.L(id, tag);
+          3 === response.length
+            ? buffer.L(id, tag, response[2])
+            : buffer.L(id, tag);
           break;
         case "m":
           "string" === typeof response
-            ? row.m(response)
-            : row.m(response[0], response[1]);
+            ? buffer.m(response)
+            : buffer.m(response[0], response[1]);
           break;
         case "X":
           "string" === typeof response
-            ? row.X(response)
-            : row.X(response[0], response[1]);
+            ? buffer.X(response)
+            : buffer.X(response[0], response[1]);
           break;
         case "S":
           "string" === typeof response
-            ? row.S(response)
-            : row.S(
+            ? buffer.S(response)
+            : buffer.S(
                 response[0],
                 0 === response[1] ? void 0 : response[1],
                 3 === response.length ? response[2] : void 0
@@ -1416,27 +1418,27 @@ function processFullRow(response, id, tag, buffer, chunk) {
           break;
         case "M":
           "string" === typeof response
-            ? row.M(response)
-            : row.M(response[0], response[1]);
+            ? buffer.M(response)
+            : buffer.M(response[0], response[1]);
       }
       break;
     case 69:
-      tag = JSON.parse(row).digest;
-      row = Error(
+      tag = JSON.parse(buffer).digest;
+      buffer = 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."
       );
-      row.stack = "Error: " + row.message;
-      row.digest = tag;
+      buffer.stack = "Error: " + buffer.message;
+      buffer.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
-        : tag.set(id, new Chunk("rejected", null, row, response));
+      (chunk = tag.get(id))
+        ? triggerErrorOnChunk(chunk, buffer)
+        : tag.set(id, new Chunk("rejected", null, buffer, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
-        : tag.set(id, new Chunk("fulfilled", row, null, response));
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(buffer)
+        : tag.set(id, new Chunk("fulfilled", buffer, null, response));
       break;
     case 68:
     case 87:
@@ -1458,13 +1460,13 @@ function processFullRow(response, id, tag, buffer, chunk) {
     case 67:
       (response = response._chunks.get(id)) &&
         "fulfilled" === response.status &&
-        response.reason.close("" === row ? '"$undefined"' : row);
+        response.reason.close("" === buffer ? '"$undefined"' : buffer);
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
-          : tag.set(id, new Chunk("resolved_model", row, null, response));
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, buffer)
+          : tag.set(id, new Chunk("resolved_model", buffer, null, response));
   }
 }
 function createFromJSONCallback(response) {
@@ -1584,7 +1586,7 @@ function startReadingFromStream(response, stream) {
         var offset = value.byteOffset + i;
         if (-1 < lastIdx)
           (rowLength = new Uint8Array(value.buffer, offset, lastIdx - i)),
-            processFullRow(response, _ref, rowTag, buffer, rowLength),
+            processFullBinaryRow(response, _ref, rowTag, buffer, rowLength),
             (i = lastIdx),
             3 === rowState && i++,
             (rowLength = _ref = rowTag = rowState = 0),
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js
index d88cdf638308c..acbc466f8de2c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js
@@ -112,23 +112,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -449,12 +432,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -637,17 +620,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -656,12 +640,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -863,7 +847,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -918,7 +902,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1081,8 +1065,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1105,8 +1089,8 @@
             : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1399,6 +1383,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1420,7 +1415,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1435,6 +1431,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1698,7 +1695,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1751,6 +1748,9 @@
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
       row += stringDecoder.decode(chunk);
+      processFullStringRow(response, id, tag, row);
+    }
+    function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
           resolveModule(response, id, row);
@@ -1803,22 +1803,24 @@
           break;
         case 69:
           tag = JSON.parse(row);
-          buffer = tag.digest;
+          var digest = tag.digest,
+            env = tag.env;
           row = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
           row.stack = tag.stack;
-          row.digest = buffer;
+          row.digest = digest;
+          row.environmentName = env;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
+          (digest = tag.get(id))
+            ? triggerErrorOnChunk(digest, row)
             : tag.set(id, new Chunk("rejected", null, row, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
+          (digest = tag.get(id)) && "pending" !== digest.status
+            ? digest.reason.enqueueValue(row)
             : tag.set(id, new Chunk("fulfilled", row, null, response));
           break;
         case 68:
@@ -1827,42 +1829,43 @@
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (row = JSON.parse(row, response._fromJSON)),
+                (response = row[0]),
+                (id = row[3]),
+                (tag = row.slice(4)),
+                (row = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  row = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[row]
+                ? tag.splice(
+                    row,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    row,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1883,8 +1886,8 @@
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
+            (digest = tag.get(id))
+              ? resolveModelChunk(digest, row)
               : tag.set(id, new Chunk("resolved_model", row, null, response));
       }
     }
@@ -1957,13 +1960,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       chunkCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2025,87 +2025,181 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
-        for (
-          var i = 0,
-            rowState = response._rowState,
-            rowID = response._rowID,
-            rowTag = response._rowTag,
-            rowLength = response._rowLength,
-            buffer = response._buffer,
-            chunkLength = chunk.length;
-          i < chunkLength;
+        if ("string" === typeof chunk) {
+          for (
+            var i = 0,
+              rowState = response._rowState,
+              rowID = response._rowID,
+              rowTag = response._rowTag,
+              rowLength = response._rowLength,
+              buffer = response._buffer,
+              chunkLength = chunk.length;
+            i < chunkLength;
 
-        ) {
-          var lastIdx = -1;
-          switch (rowState) {
-            case 0:
-              lastIdx = chunk[i++];
-              58 === lastIdx
-                ? (rowState = 1)
-                : (rowID =
-                    (rowID << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 1:
-              rowState = chunk[i];
-              84 === rowState ||
-              65 === rowState ||
-              79 === rowState ||
-              111 === rowState ||
-              85 === rowState ||
-              83 === rowState ||
-              115 === rowState ||
-              76 === rowState ||
-              108 === rowState ||
-              71 === rowState ||
-              103 === rowState ||
-              77 === rowState ||
-              109 === rowState ||
-              86 === rowState
-                ? ((rowTag = rowState), (rowState = 2), i++)
-                : (64 < rowState && 91 > rowState) ||
-                  114 === rowState ||
-                  120 === rowState
-                ? ((rowTag = rowState), (rowState = 3), i++)
-                : ((rowTag = 0), (rowState = 3));
-              continue;
-            case 2:
-              lastIdx = chunk[i++];
-              44 === lastIdx
-                ? (rowState = 4)
-                : (rowLength =
-                    (rowLength << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 3:
-              lastIdx = chunk.indexOf(10, i);
-              break;
-            case 4:
-              (lastIdx = i + rowLength),
-                lastIdx > chunk.length && (lastIdx = -1);
+          ) {
+            var lastIdx = -1;
+            switch (rowState) {
+              case 0:
+                lastIdx = chunk.charCodeAt(i++);
+                58 === lastIdx
+                  ? (rowState = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                rowState = chunk.charCodeAt(i);
+                84 === rowState ||
+                65 === rowState ||
+                79 === rowState ||
+                111 === rowState ||
+                85 === rowState ||
+                83 === rowState ||
+                115 === rowState ||
+                76 === rowState ||
+                108 === rowState ||
+                71 === rowState ||
+                103 === rowState ||
+                77 === rowState ||
+                109 === rowState ||
+                86 === rowState
+                  ? ((rowTag = rowState), (rowState = 2), i++)
+                  : (64 < rowState && 91 > rowState) ||
+                    114 === rowState ||
+                    120 === rowState
+                  ? ((rowTag = rowState), (rowState = 3), i++)
+                  : ((rowTag = 0), (rowState = 3));
+                continue;
+              case 2:
+                lastIdx = chunk.charCodeAt(i++);
+                44 === lastIdx
+                  ? (rowState = 4)
+                  : (rowLength =
+                      (rowLength << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf("\n", i);
+                break;
+              case 4:
+                if (84 !== rowTag)
+                  throw Error(
+                    "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+                  );
+                if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+                  throw Error(
+                    "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                  );
+                lastIdx = chunk.length;
+            }
+            if (-1 < lastIdx) {
+              if (0 < buffer.length)
+                throw Error(
+                  "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                );
+              i = chunk.slice(i, lastIdx);
+              processFullStringRow(response, rowID, rowTag, i);
+              i = lastIdx;
+              3 === rowState && i++;
+              rowLength = rowID = rowTag = rowState = 0;
+              buffer.length = 0;
+            } else if (chunk.length !== i)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
           }
-          var offset = chunk.byteOffset + i;
-          if (-1 < lastIdx)
-            (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
-              (i = lastIdx),
-              3 === rowState && i++,
-              (rowLength = rowID = rowTag = rowState = 0),
-              (buffer.length = 0);
-          else {
-            chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-            buffer.push(chunk);
-            rowLength -= chunk.byteLength;
-            break;
+          response._rowState = rowState;
+          response._rowID = rowID;
+          response._rowTag = rowTag;
+          response._rowLength = rowLength;
+        } else {
+          rowLength = 0;
+          chunkLength = response._rowState;
+          rowID = response._rowID;
+          i = response._rowTag;
+          rowState = response._rowLength;
+          buffer = response._buffer;
+          for (rowTag = chunk.length; rowLength < rowTag; ) {
+            lastIdx = -1;
+            switch (chunkLength) {
+              case 0:
+                lastIdx = chunk[rowLength++];
+                58 === lastIdx
+                  ? (chunkLength = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                chunkLength = chunk[rowLength];
+                84 === chunkLength ||
+                65 === chunkLength ||
+                79 === chunkLength ||
+                111 === chunkLength ||
+                85 === chunkLength ||
+                83 === chunkLength ||
+                115 === chunkLength ||
+                76 === chunkLength ||
+                108 === chunkLength ||
+                71 === chunkLength ||
+                103 === chunkLength ||
+                77 === chunkLength ||
+                109 === chunkLength ||
+                86 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+                  : (64 < chunkLength && 91 > chunkLength) ||
+                    114 === chunkLength ||
+                    120 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+                  : ((i = 0), (chunkLength = 3));
+                continue;
+              case 2:
+                lastIdx = chunk[rowLength++];
+                44 === lastIdx
+                  ? (chunkLength = 4)
+                  : (rowState =
+                      (rowState << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf(10, rowLength);
+                break;
+              case 4:
+                (lastIdx = rowLength + rowState),
+                  lastIdx > chunk.length && (lastIdx = -1);
+            }
+            var offset = chunk.byteOffset + rowLength;
+            if (-1 < lastIdx)
+              (rowState = new Uint8Array(
+                chunk.buffer,
+                offset,
+                lastIdx - rowLength
+              )),
+                processFullBinaryRow(response, rowID, i, buffer, rowState),
+                (rowLength = lastIdx),
+                3 === chunkLength && rowLength++,
+                (rowState = rowID = i = chunkLength = 0),
+                (buffer.length = 0);
+            else {
+              chunk = new Uint8Array(
+                chunk.buffer,
+                offset,
+                chunk.byteLength - rowLength
+              );
+              buffer.push(chunk);
+              rowState -= chunk.byteLength;
+              break;
+            }
           }
+          response._rowState = chunkLength;
+          response._rowID = rowID;
+          response._rowTag = i;
+          response._rowLength = rowState;
         }
-        response._rowState = rowState;
-        response._rowID = rowID;
-        response._rowTag = rowTag;
-        response._rowLength = rowLength;
       });
       stream.on("error", function (error) {
         reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js
index d27dce2c759b2..7d472794445f4 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js
@@ -1320,7 +1320,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1373,6 +1373,9 @@ function processFullRow(response, id, tag, buffer, chunk) {
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
   row += stringDecoder.decode(chunk);
+  processFullStringRow(response, id, tag, row);
+}
+function processFullStringRow(response, id, tag, row) {
   switch (tag) {
     case 73:
       resolveModule(response, id, row);
@@ -1429,14 +1432,15 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.stack = "Error: " + row.message;
       row.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      var chunk = tag.get(id);
+      chunk
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(row)
         : tag.set(id, new Chunk("fulfilled", row, null, response));
       break;
     case 68:
@@ -1463,8 +1467,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, row)
           : tag.set(id, new Chunk("resolved_model", row, null, response));
   }
 }
@@ -1518,82 +1522,175 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
     void 0
   );
   stream.on("data", function (chunk) {
-    for (
-      var i = 0,
-        rowState = response._rowState,
-        rowID = response._rowID,
-        rowTag = response._rowTag,
-        rowLength = response._rowLength,
-        buffer = response._buffer,
-        chunkLength = chunk.length;
-      i < chunkLength;
+    if ("string" === typeof chunk) {
+      for (
+        var i = 0,
+          rowState = response._rowState,
+          rowID = response._rowID,
+          rowTag = response._rowTag,
+          rowLength = response._rowLength,
+          buffer = response._buffer,
+          chunkLength = chunk.length;
+        i < chunkLength;
 
-    ) {
-      var lastIdx = -1;
-      switch (rowState) {
-        case 0:
-          lastIdx = chunk[i++];
-          58 === lastIdx
-            ? (rowState = 1)
-            : (rowID =
-                (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 1:
-          rowState = chunk[i];
-          84 === rowState ||
-          65 === rowState ||
-          79 === rowState ||
-          111 === rowState ||
-          85 === rowState ||
-          83 === rowState ||
-          115 === rowState ||
-          76 === rowState ||
-          108 === rowState ||
-          71 === rowState ||
-          103 === rowState ||
-          77 === rowState ||
-          109 === rowState ||
-          86 === rowState
-            ? ((rowTag = rowState), (rowState = 2), i++)
-            : (64 < rowState && 91 > rowState) ||
-              114 === rowState ||
-              120 === rowState
-            ? ((rowTag = rowState), (rowState = 3), i++)
-            : ((rowTag = 0), (rowState = 3));
-          continue;
-        case 2:
-          lastIdx = chunk[i++];
-          44 === lastIdx
-            ? (rowState = 4)
-            : (rowLength =
-                (rowLength << 4) |
-                (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 3:
-          lastIdx = chunk.indexOf(10, i);
-          break;
-        case 4:
-          (lastIdx = i + rowLength), lastIdx > chunk.length && (lastIdx = -1);
+      ) {
+        var lastIdx = -1;
+        switch (rowState) {
+          case 0:
+            lastIdx = chunk.charCodeAt(i++);
+            58 === lastIdx
+              ? (rowState = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            rowState = chunk.charCodeAt(i);
+            84 === rowState ||
+            65 === rowState ||
+            79 === rowState ||
+            111 === rowState ||
+            85 === rowState ||
+            83 === rowState ||
+            115 === rowState ||
+            76 === rowState ||
+            108 === rowState ||
+            71 === rowState ||
+            103 === rowState ||
+            77 === rowState ||
+            109 === rowState ||
+            86 === rowState
+              ? ((rowTag = rowState), (rowState = 2), i++)
+              : (64 < rowState && 91 > rowState) ||
+                114 === rowState ||
+                120 === rowState
+              ? ((rowTag = rowState), (rowState = 3), i++)
+              : ((rowTag = 0), (rowState = 3));
+            continue;
+          case 2:
+            lastIdx = chunk.charCodeAt(i++);
+            44 === lastIdx
+              ? (rowState = 4)
+              : (rowLength =
+                  (rowLength << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf("\n", i);
+            break;
+          case 4:
+            if (84 !== rowTag)
+              throw Error(
+                "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+              );
+            if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
+            lastIdx = chunk.length;
+        }
+        if (-1 < lastIdx) {
+          if (0 < buffer.length)
+            throw Error(
+              "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+            );
+          i = chunk.slice(i, lastIdx);
+          processFullStringRow(response, rowID, rowTag, i);
+          i = lastIdx;
+          3 === rowState && i++;
+          rowLength = rowID = rowTag = rowState = 0;
+          buffer.length = 0;
+        } else if (chunk.length !== i)
+          throw Error(
+            "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+          );
       }
-      var offset = chunk.byteOffset + i;
-      if (-1 < lastIdx)
-        (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
-          (i = lastIdx),
-          3 === rowState && i++,
-          (rowLength = rowID = rowTag = rowState = 0),
-          (buffer.length = 0);
-      else {
-        chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-        buffer.push(chunk);
-        rowLength -= chunk.byteLength;
-        break;
+      response._rowState = rowState;
+      response._rowID = rowID;
+      response._rowTag = rowTag;
+      response._rowLength = rowLength;
+    } else {
+      rowLength = 0;
+      chunkLength = response._rowState;
+      rowID = response._rowID;
+      i = response._rowTag;
+      rowState = response._rowLength;
+      buffer = response._buffer;
+      for (rowTag = chunk.length; rowLength < rowTag; ) {
+        lastIdx = -1;
+        switch (chunkLength) {
+          case 0:
+            lastIdx = chunk[rowLength++];
+            58 === lastIdx
+              ? (chunkLength = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            chunkLength = chunk[rowLength];
+            84 === chunkLength ||
+            65 === chunkLength ||
+            79 === chunkLength ||
+            111 === chunkLength ||
+            85 === chunkLength ||
+            83 === chunkLength ||
+            115 === chunkLength ||
+            76 === chunkLength ||
+            108 === chunkLength ||
+            71 === chunkLength ||
+            103 === chunkLength ||
+            77 === chunkLength ||
+            109 === chunkLength ||
+            86 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+              : (64 < chunkLength && 91 > chunkLength) ||
+                114 === chunkLength ||
+                120 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+              : ((i = 0), (chunkLength = 3));
+            continue;
+          case 2:
+            lastIdx = chunk[rowLength++];
+            44 === lastIdx
+              ? (chunkLength = 4)
+              : (rowState =
+                  (rowState << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf(10, rowLength);
+            break;
+          case 4:
+            (lastIdx = rowLength + rowState),
+              lastIdx > chunk.length && (lastIdx = -1);
+        }
+        var offset = chunk.byteOffset + rowLength;
+        if (-1 < lastIdx)
+          (rowState = new Uint8Array(
+            chunk.buffer,
+            offset,
+            lastIdx - rowLength
+          )),
+            processFullBinaryRow(response, rowID, i, buffer, rowState),
+            (rowLength = lastIdx),
+            3 === chunkLength && rowLength++,
+            (rowState = rowID = i = chunkLength = 0),
+            (buffer.length = 0);
+        else {
+          chunk = new Uint8Array(
+            chunk.buffer,
+            offset,
+            chunk.byteLength - rowLength
+          );
+          buffer.push(chunk);
+          rowState -= chunk.byteLength;
+          break;
+        }
       }
+      response._rowState = chunkLength;
+      response._rowID = rowID;
+      response._rowTag = i;
+      response._rowLength = rowState;
     }
-    response._rowState = rowState;
-    response._rowID = rowID;
-    response._rowTag = rowTag;
-    response._rowLength = rowLength;
   });
   stream.on("error", function (error) {
     reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js
index de8d0d76dee6f..7dced8573067c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js
@@ -91,23 +91,6 @@
           );
         }
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -428,12 +411,12 @@
           originalValue === value ||
           originalValue instanceof Date ||
           ("Object" !== objectName(originalValue)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(originalValue),
                 describeObjectForErrorMessage(this, key)
               )
-            : error$jscomp$0(
+            : console.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(this, key)
               ));
@@ -616,17 +599,18 @@
           ) {
             if (void 0 === temporaryReferences)
               throw Error(
-                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported."
+                "Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported." +
+                  describeObjectForErrorMessage(this, key)
               );
             return "$T";
           }
           value.$$typeof === REACT_CONTEXT_TYPE
-            ? error$jscomp$0(
+            ? console.error(
                 "React Context Providers cannot be passed to Server Functions from the Client.%s",
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? error$jscomp$0(
+            ? console.error(
                 "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
                 objectName(value),
                 describeObjectForErrorMessage(this, key)
@@ -635,12 +619,12 @@
             ? Object.getOwnPropertySymbols &&
               ((parentReference = Object.getOwnPropertySymbols(value)),
               0 < parentReference.length &&
-                error$jscomp$0(
+                console.error(
                   "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
                   parentReference[0].description,
                   describeObjectForErrorMessage(this, key)
                 ))
-            : error$jscomp$0(
+            : console.error(
                 "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
                 describeObjectForErrorMessage(this, key)
               );
@@ -842,7 +826,7 @@
         reference = knownServerReferences.get(this);
       if (reference) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1),
@@ -897,7 +881,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -1060,8 +1044,8 @@
         }
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$1) {
-        (chunk.status = "rejected"), (chunk.reason = error$1);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         initializingHandler = prevHandler;
       }
@@ -1080,8 +1064,8 @@
             : moduleExports[metadata.name];
         chunk.status = "fulfilled";
         chunk.value = value;
-      } catch (error$2) {
-        (chunk.status = "rejected"), (chunk.reason = error$2);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       }
     }
     function reportGlobalError(response, error) {
@@ -1374,6 +1358,17 @@
             } catch (x) {
               return function () {};
             }
+          case "Y":
+            return (
+              Object.defineProperty(parentObject, key, {
+                get: function () {
+                  throw "This object has been omitted by React in the console log to avoid sending too much data from the server. Try logging smaller or more specific objects.";
+                },
+                enumerable: !0,
+                configurable: !1
+              }),
+              null
+            );
           default:
             return (
               (value = value.slice(1)),
@@ -1395,7 +1390,8 @@
       encodeFormAction,
       nonce,
       temporaryReferences,
-      findSourceMapURL
+      findSourceMapURL,
+      replayConsole
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1410,6 +1406,7 @@
       this._buffer = [];
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
+      this._replayConsole = replayConsole;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1673,7 +1670,7 @@
       );
       resolveBuffer(response, id, constructor);
     }
-    function processFullRow(response, id, tag, buffer, chunk) {
+    function processFullBinaryRow(response, id, tag, buffer, chunk) {
       switch (tag) {
         case 65:
           resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1726,6 +1723,9 @@
       )
         row += stringDecoder.decode(buffer[i], decoderOptions);
       row += stringDecoder.decode(chunk);
+      processFullStringRow(response, id, tag, row);
+    }
+    function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
           resolveModule(response, id, row);
@@ -1778,22 +1778,24 @@
           break;
         case 69:
           tag = JSON.parse(row);
-          buffer = tag.digest;
+          var digest = tag.digest,
+            env = tag.env;
           row = Error(
             tag.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
           row.stack = tag.stack;
-          row.digest = buffer;
+          row.digest = digest;
+          row.environmentName = env;
           tag = response._chunks;
-          (buffer = tag.get(id))
-            ? triggerErrorOnChunk(buffer, row)
+          (digest = tag.get(id))
+            ? triggerErrorOnChunk(digest, row)
             : tag.set(id, new Chunk("rejected", null, row, response));
           break;
         case 84:
           tag = response._chunks;
-          (buffer = tag.get(id)) && "pending" !== buffer.status
-            ? buffer.reason.enqueueValue(row)
+          (digest = tag.get(id)) && "pending" !== digest.status
+            ? digest.reason.enqueueValue(row)
             : tag.set(id, new Chunk("fulfilled", row, null, response));
           break;
         case 68:
@@ -1802,42 +1804,43 @@
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
         case 87:
-          row = JSON.parse(row, response._fromJSON);
-          response = row[0];
-          id = row[3];
-          tag = row.slice(4);
-          b: {
-            row = 0;
-            switch (response) {
-              case "dir":
-              case "dirxml":
-              case "groupEnd":
-              case "table":
-                console[response].apply(console, tag);
-                break b;
-              case "assert":
-                row = 1;
+          if (response._replayConsole)
+            b: {
+              (row = JSON.parse(row, response._fromJSON)),
+                (response = row[0]),
+                (id = row[3]),
+                (tag = row.slice(4)),
+                (row = 0);
+              switch (response) {
+                case "dir":
+                case "dirxml":
+                case "groupEnd":
+                case "table":
+                  console[response].apply(console, tag);
+                  break b;
+                case "assert":
+                  row = 1;
+              }
+              tag = tag.slice(0);
+              "string" === typeof tag[row]
+                ? tag.splice(
+                    row,
+                    1,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  )
+                : tag.splice(
+                    row,
+                    0,
+                    "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
+                    "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+                    " " + id + " ",
+                    ""
+                  );
+              console[response].apply(console, tag);
             }
-            tag = tag.slice(0);
-            "string" === typeof tag[row]
-              ? tag.splice(
-                  row,
-                  1,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c " + tag[row],
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                )
-              : tag.splice(
-                  row,
-                  0,
-                  "\u001b[0m\u001b[7m%c%s\u001b[0m%c ",
-                  "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                  " " + id + " ",
-                  ""
-                );
-            console[response].apply(console, tag);
-          }
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1858,8 +1861,8 @@
           break;
         default:
           (tag = response._chunks),
-            (buffer = tag.get(id))
-              ? resolveModelChunk(buffer, row)
+            (digest = tag.get(id))
+              ? resolveModelChunk(digest, row)
               : tag.set(id, new Chunk("resolved_model", row, null, response));
       }
     }
@@ -1932,13 +1935,10 @@
     }
     var util = require("util"),
       ReactDOM = require("react-dom"),
-      React = require("react"),
       decoderOptions = { stream: !0 },
       asyncModuleCache = new Map(),
       ReactDOMSharedInternals =
         ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      ReactSharedInternals =
-        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
       REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
       REACT_PORTAL_TYPE = Symbol.for("react.portal"),
       REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -2000,87 +2000,181 @@
         options ? options.encodeFormAction : void 0,
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
-        options && options.findSourceMapURL ? options.findSourceMapURL : void 0
+        options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
+        options ? !0 === options.replayConsoleLogs : !1
       );
       stream.on("data", function (chunk) {
-        for (
-          var i = 0,
-            rowState = response._rowState,
-            rowID = response._rowID,
-            rowTag = response._rowTag,
-            rowLength = response._rowLength,
-            buffer = response._buffer,
-            chunkLength = chunk.length;
-          i < chunkLength;
+        if ("string" === typeof chunk) {
+          for (
+            var i = 0,
+              rowState = response._rowState,
+              rowID = response._rowID,
+              rowTag = response._rowTag,
+              rowLength = response._rowLength,
+              buffer = response._buffer,
+              chunkLength = chunk.length;
+            i < chunkLength;
 
-        ) {
-          var lastIdx = -1;
-          switch (rowState) {
-            case 0:
-              lastIdx = chunk[i++];
-              58 === lastIdx
-                ? (rowState = 1)
-                : (rowID =
-                    (rowID << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 1:
-              rowState = chunk[i];
-              84 === rowState ||
-              65 === rowState ||
-              79 === rowState ||
-              111 === rowState ||
-              85 === rowState ||
-              83 === rowState ||
-              115 === rowState ||
-              76 === rowState ||
-              108 === rowState ||
-              71 === rowState ||
-              103 === rowState ||
-              77 === rowState ||
-              109 === rowState ||
-              86 === rowState
-                ? ((rowTag = rowState), (rowState = 2), i++)
-                : (64 < rowState && 91 > rowState) ||
-                  114 === rowState ||
-                  120 === rowState
-                ? ((rowTag = rowState), (rowState = 3), i++)
-                : ((rowTag = 0), (rowState = 3));
-              continue;
-            case 2:
-              lastIdx = chunk[i++];
-              44 === lastIdx
-                ? (rowState = 4)
-                : (rowLength =
-                    (rowLength << 4) |
-                    (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-              continue;
-            case 3:
-              lastIdx = chunk.indexOf(10, i);
-              break;
-            case 4:
-              (lastIdx = i + rowLength),
-                lastIdx > chunk.length && (lastIdx = -1);
+          ) {
+            var lastIdx = -1;
+            switch (rowState) {
+              case 0:
+                lastIdx = chunk.charCodeAt(i++);
+                58 === lastIdx
+                  ? (rowState = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                rowState = chunk.charCodeAt(i);
+                84 === rowState ||
+                65 === rowState ||
+                79 === rowState ||
+                111 === rowState ||
+                85 === rowState ||
+                83 === rowState ||
+                115 === rowState ||
+                76 === rowState ||
+                108 === rowState ||
+                71 === rowState ||
+                103 === rowState ||
+                77 === rowState ||
+                109 === rowState ||
+                86 === rowState
+                  ? ((rowTag = rowState), (rowState = 2), i++)
+                  : (64 < rowState && 91 > rowState) ||
+                    114 === rowState ||
+                    120 === rowState
+                  ? ((rowTag = rowState), (rowState = 3), i++)
+                  : ((rowTag = 0), (rowState = 3));
+                continue;
+              case 2:
+                lastIdx = chunk.charCodeAt(i++);
+                44 === lastIdx
+                  ? (rowState = 4)
+                  : (rowLength =
+                      (rowLength << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf("\n", i);
+                break;
+              case 4:
+                if (84 !== rowTag)
+                  throw Error(
+                    "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+                  );
+                if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+                  throw Error(
+                    "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                  );
+                lastIdx = chunk.length;
+            }
+            if (-1 < lastIdx) {
+              if (0 < buffer.length)
+                throw Error(
+                  "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+                );
+              i = chunk.slice(i, lastIdx);
+              processFullStringRow(response, rowID, rowTag, i);
+              i = lastIdx;
+              3 === rowState && i++;
+              rowLength = rowID = rowTag = rowState = 0;
+              buffer.length = 0;
+            } else if (chunk.length !== i)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
           }
-          var offset = chunk.byteOffset + i;
-          if (-1 < lastIdx)
-            (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-              processFullRow(response, rowID, rowTag, buffer, rowLength),
-              (i = lastIdx),
-              3 === rowState && i++,
-              (rowLength = rowID = rowTag = rowState = 0),
-              (buffer.length = 0);
-          else {
-            chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-            buffer.push(chunk);
-            rowLength -= chunk.byteLength;
-            break;
+          response._rowState = rowState;
+          response._rowID = rowID;
+          response._rowTag = rowTag;
+          response._rowLength = rowLength;
+        } else {
+          rowLength = 0;
+          chunkLength = response._rowState;
+          rowID = response._rowID;
+          i = response._rowTag;
+          rowState = response._rowLength;
+          buffer = response._buffer;
+          for (rowTag = chunk.length; rowLength < rowTag; ) {
+            lastIdx = -1;
+            switch (chunkLength) {
+              case 0:
+                lastIdx = chunk[rowLength++];
+                58 === lastIdx
+                  ? (chunkLength = 1)
+                  : (rowID =
+                      (rowID << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 1:
+                chunkLength = chunk[rowLength];
+                84 === chunkLength ||
+                65 === chunkLength ||
+                79 === chunkLength ||
+                111 === chunkLength ||
+                85 === chunkLength ||
+                83 === chunkLength ||
+                115 === chunkLength ||
+                76 === chunkLength ||
+                108 === chunkLength ||
+                71 === chunkLength ||
+                103 === chunkLength ||
+                77 === chunkLength ||
+                109 === chunkLength ||
+                86 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+                  : (64 < chunkLength && 91 > chunkLength) ||
+                    114 === chunkLength ||
+                    120 === chunkLength
+                  ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+                  : ((i = 0), (chunkLength = 3));
+                continue;
+              case 2:
+                lastIdx = chunk[rowLength++];
+                44 === lastIdx
+                  ? (chunkLength = 4)
+                  : (rowState =
+                      (rowState << 4) |
+                      (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+                continue;
+              case 3:
+                lastIdx = chunk.indexOf(10, rowLength);
+                break;
+              case 4:
+                (lastIdx = rowLength + rowState),
+                  lastIdx > chunk.length && (lastIdx = -1);
+            }
+            var offset = chunk.byteOffset + rowLength;
+            if (-1 < lastIdx)
+              (rowState = new Uint8Array(
+                chunk.buffer,
+                offset,
+                lastIdx - rowLength
+              )),
+                processFullBinaryRow(response, rowID, i, buffer, rowState),
+                (rowLength = lastIdx),
+                3 === chunkLength && rowLength++,
+                (rowState = rowID = i = chunkLength = 0),
+                (buffer.length = 0);
+            else {
+              chunk = new Uint8Array(
+                chunk.buffer,
+                offset,
+                chunk.byteLength - rowLength
+              );
+              buffer.push(chunk);
+              rowState -= chunk.byteLength;
+              break;
+            }
           }
+          response._rowState = chunkLength;
+          response._rowID = rowID;
+          response._rowTag = i;
+          response._rowLength = rowState;
         }
-        response._rowState = rowState;
-        response._rowID = rowID;
-        response._rowTag = rowTag;
-        response._rowLength = rowLength;
       });
       stream.on("error", function (error) {
         reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js
index 9abacce600dbc..44184dade694c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js
@@ -1299,7 +1299,7 @@ function resolveTypedArray(
   );
   resolveBuffer(response, id, constructor);
 }
-function processFullRow(response, id, tag, buffer, chunk) {
+function processFullBinaryRow(response, id, tag, buffer, chunk) {
   switch (tag) {
     case 65:
       resolveBuffer(response, id, mergeBuffer(buffer, chunk).buffer);
@@ -1352,6 +1352,9 @@ function processFullRow(response, id, tag, buffer, chunk) {
   )
     row += stringDecoder.decode(buffer[i], decoderOptions);
   row += stringDecoder.decode(chunk);
+  processFullStringRow(response, id, tag, row);
+}
+function processFullStringRow(response, id, tag, row) {
   switch (tag) {
     case 73:
       resolveModule(response, id, row);
@@ -1408,14 +1411,15 @@ function processFullRow(response, id, tag, buffer, chunk) {
       row.stack = "Error: " + row.message;
       row.digest = tag;
       tag = response._chunks;
-      (buffer = tag.get(id))
-        ? triggerErrorOnChunk(buffer, row)
+      var chunk = tag.get(id);
+      chunk
+        ? triggerErrorOnChunk(chunk, row)
         : tag.set(id, new Chunk("rejected", null, row, response));
       break;
     case 84:
       tag = response._chunks;
-      (buffer = tag.get(id)) && "pending" !== buffer.status
-        ? buffer.reason.enqueueValue(row)
+      (chunk = tag.get(id)) && "pending" !== chunk.status
+        ? chunk.reason.enqueueValue(row)
         : tag.set(id, new Chunk("fulfilled", row, null, response));
       break;
     case 68:
@@ -1442,8 +1446,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
       break;
     default:
       (tag = response._chunks),
-        (buffer = tag.get(id))
-          ? resolveModelChunk(buffer, row)
+        (chunk = tag.get(id))
+          ? resolveModelChunk(chunk, row)
           : tag.set(id, new Chunk("resolved_model", row, null, response));
   }
 }
@@ -1497,82 +1501,175 @@ exports.createFromNodeStream = function (stream, ssrManifest, options) {
     void 0
   );
   stream.on("data", function (chunk) {
-    for (
-      var i = 0,
-        rowState = response._rowState,
-        rowID = response._rowID,
-        rowTag = response._rowTag,
-        rowLength = response._rowLength,
-        buffer = response._buffer,
-        chunkLength = chunk.length;
-      i < chunkLength;
+    if ("string" === typeof chunk) {
+      for (
+        var i = 0,
+          rowState = response._rowState,
+          rowID = response._rowID,
+          rowTag = response._rowTag,
+          rowLength = response._rowLength,
+          buffer = response._buffer,
+          chunkLength = chunk.length;
+        i < chunkLength;
 
-    ) {
-      var lastIdx = -1;
-      switch (rowState) {
-        case 0:
-          lastIdx = chunk[i++];
-          58 === lastIdx
-            ? (rowState = 1)
-            : (rowID =
-                (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 1:
-          rowState = chunk[i];
-          84 === rowState ||
-          65 === rowState ||
-          79 === rowState ||
-          111 === rowState ||
-          85 === rowState ||
-          83 === rowState ||
-          115 === rowState ||
-          76 === rowState ||
-          108 === rowState ||
-          71 === rowState ||
-          103 === rowState ||
-          77 === rowState ||
-          109 === rowState ||
-          86 === rowState
-            ? ((rowTag = rowState), (rowState = 2), i++)
-            : (64 < rowState && 91 > rowState) ||
-              114 === rowState ||
-              120 === rowState
-            ? ((rowTag = rowState), (rowState = 3), i++)
-            : ((rowTag = 0), (rowState = 3));
-          continue;
-        case 2:
-          lastIdx = chunk[i++];
-          44 === lastIdx
-            ? (rowState = 4)
-            : (rowLength =
-                (rowLength << 4) |
-                (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
-          continue;
-        case 3:
-          lastIdx = chunk.indexOf(10, i);
-          break;
-        case 4:
-          (lastIdx = i + rowLength), lastIdx > chunk.length && (lastIdx = -1);
+      ) {
+        var lastIdx = -1;
+        switch (rowState) {
+          case 0:
+            lastIdx = chunk.charCodeAt(i++);
+            58 === lastIdx
+              ? (rowState = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            rowState = chunk.charCodeAt(i);
+            84 === rowState ||
+            65 === rowState ||
+            79 === rowState ||
+            111 === rowState ||
+            85 === rowState ||
+            83 === rowState ||
+            115 === rowState ||
+            76 === rowState ||
+            108 === rowState ||
+            71 === rowState ||
+            103 === rowState ||
+            77 === rowState ||
+            109 === rowState ||
+            86 === rowState
+              ? ((rowTag = rowState), (rowState = 2), i++)
+              : (64 < rowState && 91 > rowState) ||
+                114 === rowState ||
+                120 === rowState
+              ? ((rowTag = rowState), (rowState = 3), i++)
+              : ((rowTag = 0), (rowState = 3));
+            continue;
+          case 2:
+            lastIdx = chunk.charCodeAt(i++);
+            44 === lastIdx
+              ? (rowState = 4)
+              : (rowLength =
+                  (rowLength << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf("\n", i);
+            break;
+          case 4:
+            if (84 !== rowTag)
+              throw Error(
+                "Binary RSC chunks cannot be encoded as strings. This is a bug in the wiring of the React streams."
+              );
+            if (rowLength < chunk.length || chunk.length > 3 * rowLength)
+              throw Error(
+                "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+              );
+            lastIdx = chunk.length;
+        }
+        if (-1 < lastIdx) {
+          if (0 < buffer.length)
+            throw Error(
+              "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+            );
+          i = chunk.slice(i, lastIdx);
+          processFullStringRow(response, rowID, rowTag, i);
+          i = lastIdx;
+          3 === rowState && i++;
+          rowLength = rowID = rowTag = rowState = 0;
+          buffer.length = 0;
+        } else if (chunk.length !== i)
+          throw Error(
+            "String chunks need to be passed in their original shape. Not split into smaller string chunks. This is a bug in the wiring of the React streams."
+          );
       }
-      var offset = chunk.byteOffset + i;
-      if (-1 < lastIdx)
-        (rowLength = new Uint8Array(chunk.buffer, offset, lastIdx - i)),
-          processFullRow(response, rowID, rowTag, buffer, rowLength),
-          (i = lastIdx),
-          3 === rowState && i++,
-          (rowLength = rowID = rowTag = rowState = 0),
-          (buffer.length = 0);
-      else {
-        chunk = new Uint8Array(chunk.buffer, offset, chunk.byteLength - i);
-        buffer.push(chunk);
-        rowLength -= chunk.byteLength;
-        break;
+      response._rowState = rowState;
+      response._rowID = rowID;
+      response._rowTag = rowTag;
+      response._rowLength = rowLength;
+    } else {
+      rowLength = 0;
+      chunkLength = response._rowState;
+      rowID = response._rowID;
+      i = response._rowTag;
+      rowState = response._rowLength;
+      buffer = response._buffer;
+      for (rowTag = chunk.length; rowLength < rowTag; ) {
+        lastIdx = -1;
+        switch (chunkLength) {
+          case 0:
+            lastIdx = chunk[rowLength++];
+            58 === lastIdx
+              ? (chunkLength = 1)
+              : (rowID =
+                  (rowID << 4) | (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 1:
+            chunkLength = chunk[rowLength];
+            84 === chunkLength ||
+            65 === chunkLength ||
+            79 === chunkLength ||
+            111 === chunkLength ||
+            85 === chunkLength ||
+            83 === chunkLength ||
+            115 === chunkLength ||
+            76 === chunkLength ||
+            108 === chunkLength ||
+            71 === chunkLength ||
+            103 === chunkLength ||
+            77 === chunkLength ||
+            109 === chunkLength ||
+            86 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 2), rowLength++)
+              : (64 < chunkLength && 91 > chunkLength) ||
+                114 === chunkLength ||
+                120 === chunkLength
+              ? ((i = chunkLength), (chunkLength = 3), rowLength++)
+              : ((i = 0), (chunkLength = 3));
+            continue;
+          case 2:
+            lastIdx = chunk[rowLength++];
+            44 === lastIdx
+              ? (chunkLength = 4)
+              : (rowState =
+                  (rowState << 4) |
+                  (96 < lastIdx ? lastIdx - 87 : lastIdx - 48));
+            continue;
+          case 3:
+            lastIdx = chunk.indexOf(10, rowLength);
+            break;
+          case 4:
+            (lastIdx = rowLength + rowState),
+              lastIdx > chunk.length && (lastIdx = -1);
+        }
+        var offset = chunk.byteOffset + rowLength;
+        if (-1 < lastIdx)
+          (rowState = new Uint8Array(
+            chunk.buffer,
+            offset,
+            lastIdx - rowLength
+          )),
+            processFullBinaryRow(response, rowID, i, buffer, rowState),
+            (rowLength = lastIdx),
+            3 === chunkLength && rowLength++,
+            (rowState = rowID = i = chunkLength = 0),
+            (buffer.length = 0);
+        else {
+          chunk = new Uint8Array(
+            chunk.buffer,
+            offset,
+            chunk.byteLength - rowLength
+          );
+          buffer.push(chunk);
+          rowState -= chunk.byteLength;
+          break;
+        }
       }
+      response._rowState = chunkLength;
+      response._rowID = rowID;
+      response._rowTag = i;
+      response._rowLength = rowState;
     }
-    response._rowState = rowState;
-    response._rowID = rowID;
-    response._rowTag = rowTag;
-    response._rowLength = rowLength;
   });
   stream.on("error", function (error) {
     reportGlobalError(response, error);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js
index f3f56f88acb16..492494cb71f91 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function scheduleWork(callback) {
       taskQueue.push(callback);
       channel.port2.postMessage(null);
@@ -79,6 +62,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -95,7 +81,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -300,6 +286,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -468,6 +472,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -482,13 +489,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -550,7 +558,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -583,7 +591,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -615,7 +623,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -686,7 +694,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -766,31 +774,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -822,9 +840,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -843,9 +863,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -890,13 +912,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -911,7 +940,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -920,60 +949,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1002,95 +1028,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1171,7 +1132,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1182,6 +1143,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1222,7 +1196,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1237,6 +1211,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1259,46 +1293,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1393,13 +1428,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1408,32 +1441,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1446,43 +1462,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1490,7 +1493,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1507,21 +1510,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1543,12 +1532,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1571,15 +1560,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1589,12 +1573,15 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = onError(error);
+        var errorDigest =
+          null !== task
+            ? callWithDebugContextInDEV(task, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1613,7 +1600,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1628,6 +1616,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1636,11 +1626,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1675,6 +1669,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1704,7 +1702,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1717,11 +1715,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1731,9 +1729,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1793,8 +1793,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1831,7 +1830,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1927,7 +1926,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1945,8 +1944,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1956,10 +1955,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2062,7 +2061,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2091,8 +2090,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2359,8 +2359,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2835,15 +2835,9 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var channel = new MessageChannel(),
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
+      channel = new MessageChannel(),
       taskQueue = [];
     channel.port1.onmessage = function () {
       var task = taskQueue.shift();
@@ -2891,6 +2885,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3190,12 +3188,18 @@
           return currentOwner ? currentOwner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3364,9 +3368,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$3) {
-                logRecoverableError(request, error$3),
-                  fatalError(request, error$3);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.js
index 6f878e7e45214..a576eabcc0e5c 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.js
@@ -66,6 +66,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -121,6 +124,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -576,7 +583,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -687,12 +700,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -761,7 +768,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -795,7 +802,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -827,7 +834,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -894,7 +901,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1017,43 +1024,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1065,10 +1065,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1158,7 +1162,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1230,7 +1234,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1263,7 +1267,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1425,9 +1429,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1435,8 +1439,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1446,7 +1450,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1461,7 +1465,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1471,7 +1476,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1617,6 +1622,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1626,7 +1635,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1707,7 +1716,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1727,7 +1736,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1805,7 +1814,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1835,7 +1844,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2674,7 +2683,8 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js
index 017fbc8a4be92..c8f89cb9a4bd7 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function handleErrorInNextTick(error) {
       setTimeout(function () {
         throw error;
@@ -75,6 +58,9 @@
     function stringToChunk(content) {
       return textEncoder.encode(content);
     }
+    function byteLengthOfChunk(chunk) {
+      return chunk.byteLength;
+    }
     function closeWithError(destination, error) {
       "function" === typeof destination.error
         ? destination.error(error)
@@ -91,7 +77,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -296,6 +282,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -464,6 +468,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -478,13 +485,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -554,7 +562,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -587,7 +595,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -619,7 +627,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -690,7 +698,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -772,31 +780,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -828,9 +846,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -849,9 +869,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -896,13 +918,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -917,7 +946,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -926,60 +955,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1008,95 +1034,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1177,7 +1138,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1188,6 +1149,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1228,7 +1202,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1243,6 +1217,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1265,46 +1299,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1399,13 +1434,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1414,32 +1447,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1452,43 +1468,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1496,7 +1499,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1513,21 +1516,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1549,12 +1538,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1577,15 +1566,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1595,14 +1579,25 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
         var onError = request.onError;
-        var errorDigest = supportsRequestStorage
-          ? requestStorage.run(void 0, onError, error)
-          : onError(error);
+        var errorDigest =
+          null !== task
+            ? supportsRequestStorage
+              ? requestStorage.run(
+                  void 0,
+                  callWithDebugContextInDEV,
+                  task,
+                  onError,
+                  error
+                )
+              : callWithDebugContextInDEV(task, onError, error)
+            : supportsRequestStorage
+            ? requestStorage.run(void 0, onError, error)
+            : onError(error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1621,7 +1616,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1636,6 +1632,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1644,11 +1642,15 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       id = stringToChunk(id);
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       id = stringToChunk(id);
@@ -1683,6 +1685,10 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
       text = stringToChunk(text);
       var binaryLength = text.byteLength;
@@ -1712,7 +1718,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1725,11 +1731,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1739,9 +1745,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1801,8 +1809,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1839,7 +1846,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1935,7 +1942,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1953,8 +1960,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1964,10 +1971,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2074,7 +2081,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2103,8 +2110,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2367,8 +2375,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2843,15 +2851,9 @@
       if ("fulfilled" !== body.status) throw body.reason;
       return body.value;
     }
-    var React = require("react"),
-      ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var LocalPromise = Promise,
+    var ReactDOM = require("react-dom"),
+      React = require("react"),
+      LocalPromise = Promise,
       scheduleMicrotask =
         "function" === typeof queueMicrotask
           ? queueMicrotask
@@ -2893,6 +2895,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3207,12 +3213,18 @@
           return null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3373,9 +3385,9 @@
               request.destination = controller;
               try {
                 flushCompletedChunks(request, controller);
-              } catch (error$3) {
-                logRecoverableError(request, error$3),
-                  fatalError(request, error$3);
+              } catch (error) {
+                logRecoverableError(request, error, null),
+                  fatalError(request, error);
               }
             }
           },
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js
index f8f6024ac56fd..e5ab5bf0ca3fc 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.js
@@ -56,6 +56,9 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
+function byteLengthOfChunk(chunk) {
+  return chunk.byteLength;
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -111,6 +114,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -573,7 +580,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -684,12 +697,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -766,7 +773,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -800,7 +807,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -832,7 +839,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -899,7 +906,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1022,43 +1029,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1070,10 +1070,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1163,7 +1167,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1235,7 +1239,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1268,7 +1272,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1430,9 +1434,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1440,8 +1444,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1451,7 +1455,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1466,7 +1470,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1476,7 +1481,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1624,6 +1629,10 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
   text = stringToChunk(text);
   var binaryLength = text.byteLength;
@@ -1633,7 +1642,7 @@ function emitTextChunk(request, id, text) {
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1714,7 +1723,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1734,7 +1743,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1816,7 +1825,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1846,7 +1855,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2676,7 +2685,8 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
           try {
             flushCompletedChunks(request, controller);
           } catch (error) {
-            logRecoverableError(request, error), fatalError(request, error);
+            logRecoverableError(request, error, null),
+              fatalError(request, error);
           }
         }
       },
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js
index 253db7a53542c..e7d3bdcba5ef2 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -54,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -105,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -116,7 +104,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -321,6 +309,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -489,6 +495,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -503,13 +512,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -576,7 +586,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -609,7 +619,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -641,7 +651,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -712,7 +722,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -796,31 +806,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -852,9 +872,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -873,9 +895,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -920,13 +944,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -941,7 +972,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -950,60 +981,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1032,95 +1060,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1199,7 +1162,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1210,6 +1173,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1250,7 +1226,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1265,6 +1241,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1287,46 +1323,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1421,13 +1458,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1436,32 +1471,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1474,43 +1492,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1518,7 +1523,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1535,21 +1540,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1571,12 +1562,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1599,15 +1590,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1617,11 +1603,21 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1639,7 +1635,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1654,6 +1651,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1662,10 +1661,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1696,11 +1699,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1726,7 +1730,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1739,11 +1743,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1753,9 +1757,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1815,8 +1821,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1852,7 +1857,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1948,7 +1953,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1966,8 +1971,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1977,10 +1982,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2073,8 +2078,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$3) {
-          logRecoverableError(request, error$3), fatalError(request, error$3);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2096,7 +2101,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2125,8 +2130,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2389,8 +2395,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2884,18 +2890,12 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var scheduleMicrotask = queueMicrotask,
+      React = require("react"),
+      scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
       destinationHasCapacity = !0,
@@ -2930,6 +2930,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3231,12 +3235,18 @@
           return owner ? owner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3362,12 +3372,12 @@
             "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 JSCompiler_object_inline_chunks_147 = [];
+        var JSCompiler_object_inline_chunks_129 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_147.push(chunk);
+          JSCompiler_object_inline_chunks_129.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_147, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_129, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js
index 4e714fe0c048f..632faaee7f52b 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -780,7 +789,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -814,7 +823,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -846,7 +855,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -913,7 +922,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1035,43 +1044,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1083,10 +1085,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1176,7 +1182,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1246,7 +1252,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1279,7 +1285,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1441,9 +1447,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1451,8 +1457,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1462,7 +1468,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1477,7 +1483,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1487,7 +1494,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1628,17 +1635,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1719,7 +1727,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1739,7 +1747,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1833,7 +1841,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1853,7 +1861,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1883,7 +1891,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2696,12 +2704,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, webpackMap, options) {
         "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 JSCompiler_object_inline_chunks_201 = [];
+    var JSCompiler_object_inline_chunks_210 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_201.push(chunk);
+      JSCompiler_object_inline_chunks_210.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_201, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_210, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js
index 774ee118a3282..f72e25ebe1563 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js
@@ -22,23 +22,6 @@
         : (obj[key] = value);
       return obj;
     }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function writeToDestination(destination, view) {
       destination = destination.write(view);
       destinationHasCapacity = destinationHasCapacity && destination;
@@ -54,7 +37,7 @@
               ),
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0)),
-              writeToDestination(destination, textEncoder.encode(chunk));
+              writeToDestination(destination, chunk);
           else {
             var target = currentView;
             0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -105,6 +88,11 @@
                 (writtenBytes = 0))));
       return destinationHasCapacity;
     }
+    function byteLengthOfChunk(chunk) {
+      return "string" === typeof chunk
+        ? Buffer.byteLength(chunk, "utf8")
+        : chunk.byteLength;
+    }
     function registerClientReferenceImpl(proxyImplementation, id, async) {
       return Object.defineProperties(proxyImplementation, {
         $$typeof: { value: CLIENT_REFERENCE_TAG$1 },
@@ -116,7 +104,7 @@
       var newFn = FunctionBind.apply(this, arguments);
       if (this.$$typeof === SERVER_REFERENCE_TAG) {
         null != arguments[0] &&
-          error$jscomp$0(
+          console.error(
             'Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().'
           );
         var args = ArraySlice.call(arguments, 1);
@@ -321,6 +309,24 @@
         if (!(object[i] in ObjectPrototype)) return !1;
       return !0;
     }
+    function isSimpleObject(object) {
+      if (!isObjectPrototype(getPrototypeOf(object))) return !1;
+      for (
+        var names = Object.getOwnPropertyNames(object), i = 0;
+        i < names.length;
+        i++
+      ) {
+        var descriptor = Object.getOwnPropertyDescriptor(object, names[i]);
+        if (
+          !descriptor ||
+          (!descriptor.enumerable &&
+            (("key" !== names[i] && "ref" !== names[i]) ||
+              "function" !== typeof descriptor.get))
+        )
+          return !1;
+      }
+      return !0;
+    }
     function objectName(object) {
       return Object.prototype.toString
         .call(object)
@@ -489,6 +495,9 @@
         error += "\n    at " + structuredStackTrace[i].toString();
       return error;
     }
+    function getCurrentStackInDEV() {
+      return "";
+    }
     function defaultErrorHandler(error) {
       console.error(error);
     }
@@ -503,13 +512,14 @@
       temporaryReferences
     ) {
       if (
-        null !== ReactSharedInternals.A &&
-        ReactSharedInternals.A !== DefaultAsyncDispatcher
+        null !== ReactSharedInternalsServer.A &&
+        ReactSharedInternalsServer.A !== DefaultAsyncDispatcher
       )
         throw Error(
           "Currently React only supports one RSC renderer at a time."
         );
-      ReactSharedInternals.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
+      ReactSharedInternalsServer.getCurrentStack = getCurrentStackInDEV;
       var abortSet = new Set(),
         pingedTasks = [],
         hints = new Set();
@@ -576,7 +586,7 @@
           );
         case "rejected":
           task = thenable.reason;
-          var digest = logRecoverableError(request, task);
+          var digest = logRecoverableError(request, task, null);
           emitErrorChunk(request, newTask.id, digest, task);
           return newTask.id;
         default:
@@ -609,7 +619,7 @@
         },
         function (reason) {
           newTask.status = 4;
-          var _digest = logRecoverableError(request, reason);
+          var _digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, _digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -641,7 +651,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           reader.cancel(reason).then(error, error);
@@ -712,7 +722,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, streamTask);
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
@@ -796,31 +806,41 @@
       var init = lazy._init;
       return init(lazy._payload);
     }
-    function renderFunctionComponent(
-      request,
-      task,
-      key,
-      Component,
-      props,
-      owner
-    ) {
+    function callWithDebugContextInDEV(task, callback, arg) {
+      currentOwner = { env: task.environmentName, owner: task.debugOwner };
+      try {
+        return callback(arg);
+      } finally {
+        currentOwner = null;
+      }
+    }
+    function renderFunctionComponent(request, task, key, Component, props) {
       var prevThenableState = task.thenableState;
       task.thenableState = null;
       if (null === debugID) return outlineTask(request, task);
       if (null !== prevThenableState)
-        owner = prevThenableState._componentDebugInfo;
+        var componentDebugInfo = prevThenableState._componentDebugInfo;
       else {
-        var componentDebugID = debugID,
-          componentName = Component.displayName || Component.name || "",
-          componentEnv = request.environmentName();
+        var componentDebugID = debugID;
+        componentDebugInfo = Component.displayName || Component.name || "";
+        var componentEnv = request.environmentName();
         request.pendingChunks++;
-        owner = { name: componentName, env: componentEnv, owner: owner };
-        outlineModel(request, owner);
-        emitDebugChunk(request, componentDebugID, owner);
+        componentDebugInfo = {
+          name: componentDebugInfo,
+          env: componentEnv,
+          owner: task.debugOwner
+        };
+        outlineModel(request, componentDebugInfo);
+        emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
       }
-      prepareToUseHooksForComponent(prevThenableState, owner);
-      props = callComponentInDEV(Component, props, owner);
+      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      props = callComponentInDEV(
+        Component,
+        props,
+        componentDebugInfo,
+        task.debugTask
+      );
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -852,9 +872,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              error$jscomp$0(
-                "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = iterableChild._debugInfo;
@@ -873,9 +895,11 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              error$jscomp$0(
-                "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
-              );
+              callWithDebugContextInDEV(task, function () {
+                console.error(
+                  "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
+                );
+              });
             return iterator;
           });
           props._debugInfo = _iterableChild._debugInfo;
@@ -920,13 +944,20 @@
       }
       return children;
     }
-    function renderClientElement(task, type, key, props, owner) {
-      var keyPath = task.keyPath;
-      null === key
-        ? (key = keyPath)
-        : null !== keyPath && (key = keyPath + "," + key);
-      type = [REACT_ELEMENT_TYPE, type, key, props, owner];
-      return task.implicitSlot && null !== key ? [type] : type;
+    function renderAsyncFragment(request, task, children, getAsyncIterator) {
+      if (null !== task.keyPath)
+        return (
+          (request = [
+            REACT_ELEMENT_TYPE,
+            REACT_FRAGMENT_TYPE,
+            task.keyPath,
+            { children: children },
+            null
+          ]),
+          task.implicitSlot ? [request] : request
+        );
+      getAsyncIterator = getAsyncIterator.call(children);
+      return serializeAsyncIterable(request, task, children, getAsyncIterator);
     }
     function outlineTask(request, task) {
       task = createTask(
@@ -941,7 +972,7 @@
         ? serializeByValueID(task.id)
         : serializeLazyID(task.id);
     }
-    function renderElement(request, task, type, key, ref, props, owner) {
+    function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
         throw Error(
           "Refs cannot be used in Server Components, nor passed to Client Components."
@@ -950,60 +981,57 @@
       "object" === typeof props.children &&
         null !== props.children &&
         jsxChildrenParents.set(props.children, type);
-      if ("function" === typeof type)
-        return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-          type.$$typeof === TEMPORARY_REFERENCE_TAG
-          ? renderClientElement(task, type, key, props, owner)
-          : renderFunctionComponent(request, task, key, type, props, owner);
-      if ("string" === typeof type)
-        return renderClientElement(task, type, key, props, owner);
-      if ("symbol" === typeof type)
-        return type === REACT_FRAGMENT_TYPE && null === key
-          ? ((key = task.implicitSlot),
-            null === task.keyPath && (task.implicitSlot = !0),
-            (request = renderModelDestructive(
-              request,
-              task,
-              emptyRoot,
-              "",
-              props.children
-            )),
-            (task.implicitSlot = key),
-            request)
-          : renderClientElement(task, type, key, props, owner);
-      if (null != type && "object" === typeof type) {
-        if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-          return renderClientElement(task, type, key, props, owner);
+      if (
+        "function" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+        type.$$typeof !== TEMPORARY_REFERENCE_TAG
+      )
+        return renderFunctionComponent(request, task, key, type, props);
+      if (type === REACT_FRAGMENT_TYPE && null === key)
+        return (
+          (type = task.implicitSlot),
+          null === task.keyPath && (task.implicitSlot = !0),
+          (props = renderModelDestructive(
+            request,
+            task,
+            emptyRoot,
+            "",
+            props.children
+          )),
+          (task.implicitSlot = type),
+          props
+        );
+      if (
+        null != type &&
+        "object" === typeof type &&
+        type.$$typeof !== CLIENT_REFERENCE_TAG$1
+      )
         switch (type.$$typeof) {
           case REACT_LAZY_TYPE:
             type = callLazyInitInDEV(type);
             if (1 === request.status) throw AbortSigil;
-            return renderElement(request, task, type, key, ref, props, owner);
+            return renderElement(request, task, type, key, ref, props);
           case REACT_FORWARD_REF_TYPE:
             return renderFunctionComponent(
               request,
               task,
               key,
               type.render,
-              props,
-              owner
+              props
             );
           case REACT_MEMO_TYPE:
-            return renderElement(
-              request,
-              task,
-              type.type,
-              key,
-              ref,
-              props,
-              owner
-            );
+            return renderElement(request, task, type.type, key, ref, props);
+          case REACT_ELEMENT_TYPE:
+            type._store.validated = 1;
         }
-      }
-      throw Error(
-        "Unsupported Server Component type: " +
-          describeValueForErrorMessage(type)
-      );
+      request = key;
+      key = task.keyPath;
+      null === request
+        ? (request = key)
+        : null !== key && (request = key + "," + request);
+      props = [REACT_ELEMENT_TYPE, type, request, props, task.debugOwner];
+      task = task.implicitSlot && null !== request ? [props] : props;
+      return task;
     }
     function pingTask(request, task) {
       var pingedTasks = request.pingedTasks;
@@ -1032,95 +1060,30 @@
           return pingTask(request, task);
         },
         toJSON: function (parentPropertyName, value) {
-          var originalValue = this[parentPropertyName];
+          var parent = this,
+            originalValue = parent[parentPropertyName];
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            ("Object" !== objectName(originalValue)
-              ? "string" === typeof jsxChildrenParents.get(this)
-                ? error$jscomp$0(
-                    "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-                : error$jscomp$0(
-                    "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-                    objectName(originalValue),
-                    describeObjectForErrorMessage(this, parentPropertyName)
-                  )
-              : error$jscomp$0(
-                  "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(this, parentPropertyName)
-                ));
-          originalValue = task;
-          var prevKeyPath = originalValue.keyPath,
-            prevImplicitSlot = originalValue.implicitSlot;
-          try {
-            var JSCompiler_inline_result = renderModelDestructive(
-              request,
-              originalValue,
-              this,
-              parentPropertyName,
-              value
-            );
-          } catch (thrownValue) {
-            if (
-              ((parentPropertyName = originalValue.model),
-              (parentPropertyName =
-                "object" === typeof parentPropertyName &&
-                null !== parentPropertyName &&
-                (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
-                  parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-              (value =
-                thrownValue === SuspenseException
-                  ? getSuspendedThenable()
-                  : thrownValue),
-              "object" === typeof value &&
-                null !== value &&
-                "function" === typeof value.then)
-            )
-              if (1 === request.status)
-                (originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue));
-              else {
-                JSCompiler_inline_result = createTask(
-                  request,
-                  originalValue.model,
-                  originalValue.keyPath,
-                  originalValue.implicitSlot,
-                  request.abortableTasks
-                );
-                var ping = JSCompiler_inline_result.ping;
-                value.then(ping, ping);
-                JSCompiler_inline_result.thenableState =
-                  getThenableStateAfterSuspending();
-                originalValue.keyPath = prevKeyPath;
-                originalValue.implicitSlot = prevImplicitSlot;
-                JSCompiler_inline_result = parentPropertyName
-                  ? serializeLazyID(JSCompiler_inline_result.id)
-                  : serializeByValueID(JSCompiler_inline_result.id);
-              }
-            else
-              thrownValue === AbortSigil
-                ? ((originalValue.status = 3),
-                  (originalValue = request.fatalError),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)))
-                : ((originalValue.keyPath = prevKeyPath),
-                  (originalValue.implicitSlot = prevImplicitSlot),
-                  request.pendingChunks++,
-                  (originalValue = request.nextChunkId++),
-                  (prevKeyPath = logRecoverableError(request, value)),
-                  emitErrorChunk(request, originalValue, prevKeyPath, value),
-                  (JSCompiler_inline_result = parentPropertyName
-                    ? serializeLazyID(originalValue)
-                    : serializeByValueID(originalValue)));
-          }
-          return JSCompiler_inline_result;
+            callWithDebugContextInDEV(task, function () {
+              "Object" !== objectName(originalValue)
+                ? "string" === typeof jsxChildrenParents.get(parent)
+                  ? console.error(
+                      "%s objects cannot be rendered as text children. Try formatting it using toString().%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                  : console.error(
+                      "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+                      objectName(originalValue),
+                      describeObjectForErrorMessage(parent, parentPropertyName)
+                    )
+                : console.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, parentPropertyName)
+                  );
+            });
+          return renderModel(request, task, parent, parentPropertyName, value);
         },
         thenableState: null
       };
@@ -1199,7 +1162,7 @@
         return (
           request.pendingChunks++,
           (parent = request.nextChunkId++),
-          (parentPropertyName = logRecoverableError(request, x)),
+          (parentPropertyName = logRecoverableError(request, x, null)),
           emitErrorChunk(request, parent, parentPropertyName, x),
           serializeByValueID(parent)
         );
@@ -1210,6 +1173,19 @@
       retryTask(request, value);
       return value.id;
     }
+    function serializeServerReference(request, serverReference) {
+      var writtenServerReferences = request.writtenServerReferences,
+        existingId = writtenServerReferences.get(serverReference);
+      if (void 0 !== existingId) return "$F" + existingId.toString(16);
+      existingId = serverReference.$$bound;
+      existingId = {
+        id: serverReference.$$id,
+        bound: existingId ? Promise.resolve(existingId) : null
+      };
+      request = outlineModel(request, existingId);
+      writtenServerReferences.set(serverReference, request);
+      return "$F" + request.toString(16);
+    }
     function serializeLargeTextString(request, text) {
       request.pendingChunks++;
       var textId = request.nextChunkId++;
@@ -1250,7 +1226,7 @@
         if (!aborted) {
           aborted = !0;
           request.abortListeners.delete(error);
-          var digest = logRecoverableError(request, reason);
+          var digest = logRecoverableError(request, reason, newTask);
           emitErrorChunk(request, newTask.id, digest, reason);
           request.abortableTasks.delete(newTask);
           enqueueFlush(request);
@@ -1265,6 +1241,66 @@
       reader.read().then(progress).catch(error);
       return "$B" + newTask.id.toString(16);
     }
+    function renderModel(request, task, parent, key, value) {
+      var prevKeyPath = task.keyPath,
+        prevImplicitSlot = task.implicitSlot;
+      try {
+        return renderModelDestructive(request, task, parent, key, value);
+      } catch (thrownValue) {
+        parent = task.model;
+        parent =
+          "object" === typeof parent &&
+          null !== parent &&
+          (parent.$$typeof === REACT_ELEMENT_TYPE ||
+            parent.$$typeof === REACT_LAZY_TYPE);
+        key =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        ) {
+          if (1 === request.status)
+            return (
+              (task.status = 3),
+              (task = request.fatalError),
+              parent ? serializeLazyID(task) : serializeByValueID(task)
+            );
+          request = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          value = request.ping;
+          key.then(value, value);
+          request.thenableState = getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          return parent
+            ? serializeLazyID(request.id)
+            : serializeByValueID(request.id);
+        }
+        if (thrownValue === AbortSigil)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? serializeLazyID(task) : serializeByValueID(task)
+          );
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
+        request.pendingChunks++;
+        prevKeyPath = request.nextChunkId++;
+        task = logRecoverableError(request, key, task);
+        emitErrorChunk(request, prevKeyPath, task, key);
+        return parent
+          ? serializeLazyID(prevKeyPath)
+          : serializeByValueID(prevKeyPath);
+      }
+    }
     function renderModelDestructive(
       request,
       task,
@@ -1287,46 +1323,47 @@
                 else return _existingReference;
               else
                 -1 === parentPropertyName.indexOf(":") &&
-                  ((parent = _writtenObjects.get(parent)),
-                  void 0 !== parent &&
-                    ((elementReference = parent + ":" + parentPropertyName),
+                  ((_existingReference = _writtenObjects.get(parent)),
+                  void 0 !== _existingReference &&
+                    ((elementReference =
+                      _existingReference + ":" + parentPropertyName),
                     _writtenObjects.set(value, elementReference)));
             }
-            if ((parentPropertyName = value._debugInfo)) {
+            if ((_existingReference = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, parentPropertyName);
+              forwardDebugInfo(request, debugID, _existingReference);
             }
-            parentPropertyName = value.props;
-            parent = parentPropertyName.ref;
-            value = renderElement(
+            _existingReference = value.props;
+            var refProp = _existingReference.ref;
+            task.debugOwner = value._owner;
+            request = renderElement(
               request,
               task,
               value.type,
               value.key,
-              void 0 !== parent ? parent : null,
-              parentPropertyName,
-              value._owner
+              void 0 !== refProp ? refProp : null,
+              _existingReference
             );
-            "object" === typeof value &&
-              null !== value &&
+            "object" === typeof request &&
+              null !== request &&
               null !== elementReference &&
-              (_writtenObjects.has(value) ||
-                _writtenObjects.set(value, elementReference));
-            return value;
+              (_writtenObjects.has(request) ||
+                _writtenObjects.set(request, elementReference));
+            return request;
           case REACT_LAZY_TYPE:
             task.thenableState = null;
-            parentPropertyName = callLazyInitInDEV(value);
+            elementReference = callLazyInitInDEV(value);
             if (1 === request.status) throw AbortSigil;
-            if ((value = value._debugInfo)) {
+            if ((_writtenObjects = value._debugInfo)) {
               if (null === debugID) return outlineTask(request, task);
-              forwardDebugInfo(request, debugID, value);
+              forwardDebugInfo(request, debugID, _writtenObjects);
             }
             return renderModelDestructive(
               request,
               task,
               emptyRoot,
               "",
-              parentPropertyName
+              elementReference
             );
           case REACT_LEGACY_ELEMENT_TYPE:
             throw Error(
@@ -1421,13 +1458,11 @@
           return serializeBlob(request, value);
         if ((elementReference = getIteratorFn(value)))
           return (
-            (parentPropertyName = elementReference.call(value)),
-            parentPropertyName === value
+            (elementReference = elementReference.call(value)),
+            elementReference === value
               ? "$i" +
-                outlineModel(request, Array.from(parentPropertyName)).toString(
-                  16
-                )
-              : renderFragment(request, task, Array.from(parentPropertyName))
+                outlineModel(request, Array.from(elementReference)).toString(16)
+              : renderFragment(request, task, Array.from(elementReference))
           );
         if (
           "function" === typeof ReadableStream &&
@@ -1436,32 +1471,15 @@
           return serializeReadableStream(request, task, value);
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
-          return (
-            null !== task.keyPath
-              ? ((value = [
-                  REACT_ELEMENT_TYPE,
-                  REACT_FRAGMENT_TYPE,
-                  task.keyPath,
-                  { children: value },
-                  null
-                ]),
-                (value = task.implicitSlot ? [value] : value))
-              : ((parentPropertyName = elementReference.call(value)),
-                (value = serializeAsyncIterable(
-                  request,
-                  task,
-                  value,
-                  parentPropertyName
-                ))),
-            value
-          );
+          return renderAsyncFragment(request, task, value, elementReference);
         request = getPrototypeOf(value);
         if (
           request !== ObjectPrototype &&
           (null === request || null !== getPrototypeOf(request))
         )
           throw Error(
-            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+            "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+              describeObjectForErrorMessage(parent, parentPropertyName)
           );
         if (
           "object" === typeof value.task &&
@@ -1474,43 +1492,30 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          error$jscomp$0(
-            "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
-            objectName(value),
-            describeObjectForErrorMessage(parent, parentPropertyName)
-          );
-        else {
-          a: if (isObjectPrototype(getPrototypeOf(value))) {
-            request = Object.getOwnPropertyNames(value);
-            for (task = 0; task < request.length; task++)
-              if (
-                ((elementReference = Object.getOwnPropertyDescriptor(
-                  value,
-                  request[task]
-                )),
-                !elementReference ||
-                  (!elementReference.enumerable &&
-                    (("key" !== request[task] && "ref" !== request[task]) ||
-                      "function" !== typeof elementReference.get)))
-              ) {
-                request = !1;
-                break a;
-              }
-            request = !0;
-          } else request = !1;
-          request
-            ? Object.getOwnPropertySymbols &&
-              ((request = Object.getOwnPropertySymbols(value)),
-              0 < request.length &&
-                error$jscomp$0(
-                  "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
-                  request[0].description,
-                  describeObjectForErrorMessage(parent, parentPropertyName)
-                ))
-            : error$jscomp$0(
-                "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
+          callWithDebugContextInDEV(task, function () {
+            console.error(
+              "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
+              objectName(value),
+              describeObjectForErrorMessage(parent, parentPropertyName)
+            );
+          });
+        else if (!isSimpleObject(value))
+          callWithDebugContextInDEV(task, function () {
+            console.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, parentPropertyName)
+            );
+          });
+        else if (Object.getOwnPropertySymbols) {
+          var symbols = Object.getOwnPropertySymbols(value);
+          0 < symbols.length &&
+            callWithDebugContextInDEV(task, function () {
+              console.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, parentPropertyName)
               );
+            });
         }
         return value;
       }
@@ -1518,7 +1523,7 @@
         return "Z" === value[value.length - 1] &&
           parent[parentPropertyName] instanceof Date
           ? "$D" + value
-          : 1024 <= value.length
+          : 1024 <= value.length && null !== byteLengthOfChunk
           ? serializeLargeTextString(request, value)
           : "$" === value[0]
           ? "$" + value
@@ -1535,21 +1540,7 @@
             value
           );
         if (value.$$typeof === SERVER_REFERENCE_TAG)
-          return (
-            (parentPropertyName = request.writtenServerReferences),
-            (parent = parentPropertyName.get(value)),
-            void 0 !== parent
-              ? (value = "$F" + parent.toString(16))
-              : ((parent = value.$$bound),
-                (parent = {
-                  id: value.$$id,
-                  bound: parent ? Promise.resolve(parent) : null
-                }),
-                (request = outlineModel(request, parent)),
-                parentPropertyName.set(value, request),
-                (value = "$F" + request.toString(16))),
-            value
-          );
+          return serializeServerReference(request, value);
         if (
           void 0 !== request.temporaryReferences &&
           ((request = request.temporaryReferences.get(value)),
@@ -1571,12 +1562,12 @@
           (jsxPropsParents.has(parent) && "children" === parentPropertyName)
         )
           throw (
-            ((value = value.displayName || value.name || "Component"),
+            ((request = value.displayName || value.name || "Component"),
             Error(
               "Functions are not valid as a child of Client Components. This may happen if you return " +
-                value +
+                request +
                 " instead of <" +
-                value +
+                request +
                 " /> from render. Or maybe you meant to call this function rather than return it." +
                 describeObjectForErrorMessage(parent, parentPropertyName)
             ))
@@ -1599,15 +1590,10 @@
               describeObjectForErrorMessage(parent, parentPropertyName)
           );
         request.pendingChunks++;
-        parentPropertyName = request.nextChunkId++;
-        parent = encodeReferenceChunk(
-          request,
-          parentPropertyName,
-          "$S" + elementReference
-        );
-        request.completedImportChunks.push(parent);
-        task.set(value, parentPropertyName);
-        return serializeByValueID(parentPropertyName);
+        _writtenObjects = request.nextChunkId++;
+        emitSymbolChunk(request, _writtenObjects, elementReference);
+        task.set(value, _writtenObjects);
+        return serializeByValueID(_writtenObjects);
       }
       if ("bigint" === typeof value) return "$n" + value.toString(10);
       throw Error(
@@ -1617,11 +1603,21 @@
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     }
-    function logRecoverableError(request, error) {
+    function logRecoverableError(request, error, task) {
       var prevRequest = currentRequest;
       currentRequest = null;
       try {
-        var errorDigest = requestStorage.run(void 0, request.onError, error);
+        var onError = request.onError;
+        var errorDigest =
+          null !== task
+            ? requestStorage.run(
+                void 0,
+                callWithDebugContextInDEV,
+                task,
+                onError,
+                error
+              )
+            : requestStorage.run(void 0, onError, error);
       } finally {
         currentRequest = prevRequest;
       }
@@ -1639,7 +1635,8 @@
         : ((request.status = 2), (request.fatalError = error));
     }
     function emitErrorChunk(request, id, digest, error) {
-      var stack = "";
+      var stack = "",
+        env = request.environmentName();
       try {
         if (error instanceof Error) {
           var message = String(error.message);
@@ -1654,6 +1651,8 @@
             }
             stack = void 0;
           }
+          var errorEnv = error.environmentName;
+          "string" === typeof errorEnv && (env = errorEnv);
         } else
           message =
             "object" === typeof error && null !== error
@@ -1662,10 +1661,14 @@
       } catch (x) {
         message = "An error occurred but serializing the error message failed.";
       }
-      digest = { digest: digest, message: message, stack: stack };
+      digest = { digest: digest, message: message, stack: stack, env: env };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
       request.completedErrorChunks.push(id);
     }
+    function emitSymbolChunk(request, id, name) {
+      id = encodeReferenceChunk(request, id, "$S" + name);
+      request.completedImportChunks.push(id);
+    }
     function emitModelChunk(request, id, json) {
       id = id.toString(16) + ":" + json + "\n";
       request.completedRegularChunks.push(id);
@@ -1696,11 +1699,12 @@
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
+      if (null === byteLengthOfChunk)
+        throw Error(
+          "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+        );
       request.pendingChunks++;
-      var binaryLength =
-        "string" === typeof text
-          ? Buffer.byteLength(text, "utf8")
-          : text.byteLength;
+      var binaryLength = byteLengthOfChunk(text);
       id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
       request.completedRegularChunks.push(id, text);
     }
@@ -1726,7 +1730,7 @@
           ((parent = request.temporaryReferences.get(value)), void 0 !== parent)
         )
           return "$T" + parent;
-        if (20 < counter.objectCount) return Array.isArray(value) ? [] : {};
+        if (500 < counter.objectCount) return "$Y";
         counter.objectCount++;
         parent = request.writtenObjects.get(value);
         if ("function" === typeof value.then) {
@@ -1739,11 +1743,11 @@
               );
             case "rejected":
               return (
-                (value = value.reason),
+                (counter = value.reason),
                 request.pendingChunks++,
-                (counter = request.nextChunkId++),
-                emitErrorChunk(request, counter, "", value),
-                "$@" + counter.toString(16)
+                (value = request.nextChunkId++),
+                emitErrorChunk(request, value, "", counter),
+                "$@" + value.toString(16)
               );
           }
           return "$@";
@@ -1753,9 +1757,11 @@
           : isArrayImpl(value)
           ? value
           : value instanceof Map
-          ? serializeMap(request, value)
+          ? ((value = Array.from(value)),
+            "$Q" + outlineConsoleValue(request, counter, value).toString(16))
           : value instanceof Set
-          ? serializeSet(request, value)
+          ? ((value = Array.from(value)),
+            "$W" + outlineConsoleValue(request, counter, value).toString(16))
           : "function" === typeof FormData && value instanceof FormData
           ? serializeFormData(request, value)
           : value instanceof ArrayBuffer
@@ -1815,8 +1821,7 @@
         counter = value.description;
         request.pendingChunks++;
         value = request.nextChunkId++;
-        counter = encodeReferenceChunk(request, value, "$S" + counter);
-        request.completedImportChunks.push(counter);
+        emitSymbolChunk(request, value, counter);
         return serializeByValueID(value);
       }
       return "bigint" === typeof value
@@ -1852,7 +1857,7 @@
     }
     function emitChunk(request, task, value) {
       var id = task.id;
-      "string" === typeof value
+      "string" === typeof value && null !== byteLengthOfChunk
         ? emitTextChunk(request, id, value)
         : value instanceof ArrayBuffer
         ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1948,7 +1953,7 @@
           } else {
             request.abortableTasks.delete(task);
             task.status = 4;
-            var digest = logRecoverableError(request, x);
+            var digest = logRecoverableError(request, x, task);
             emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
@@ -1966,8 +1971,8 @@
       }
     }
     function performWork(request) {
-      var prevDispatcher = ReactSharedInternals.H;
-      ReactSharedInternals.H = HooksDispatcher;
+      var prevDispatcher = ReactSharedInternalsServer.H;
+      ReactSharedInternalsServer.H = HooksDispatcher;
       var prevRequest = currentRequest;
       currentRequest$1 = currentRequest = request;
       try {
@@ -1977,10 +1982,10 @@
           retryTask(request, pingedTasks[i]);
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$2) {
-        logRecoverableError(request, error$2), fatalError(request, error$2);
+      } catch (error) {
+        logRecoverableError(request, error, null), fatalError(request, error);
       } finally {
-        (ReactSharedInternals.H = prevDispatcher),
+        (ReactSharedInternalsServer.H = prevDispatcher),
           (currentRequest$1 = null),
           (currentRequest = prevRequest);
       }
@@ -2073,8 +2078,8 @@
         request.destination = destination;
         try {
           flushCompletedChunks(request, destination);
-        } catch (error$3) {
-          logRecoverableError(request, error$3), fatalError(request, error$3);
+        } catch (error) {
+          logRecoverableError(request, error, null), fatalError(request, error);
         }
       }
     }
@@ -2096,7 +2101,7 @@
                   "function" === typeof reason.then
                 ? Error("The render was aborted by the server with a promise.")
                 : reason,
-            digest = logRecoverableError(request, error);
+            digest = logRecoverableError(request, error, null);
           emitErrorChunk(request, errorId, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
@@ -2125,8 +2130,9 @@
         }
         null !== request.destination &&
           flushCompletedChunks(request, request.destination);
-      } catch (error$4) {
-        logRecoverableError(request, error$4), fatalError(request, error$4);
+      } catch (error$2) {
+        logRecoverableError(request, error$2, null),
+          fatalError(request, error$2);
       }
     }
     function resolveServerReference(bundlerConfig, id) {
@@ -2354,8 +2360,8 @@
           chunk.value = value;
           null !== resolveListeners && wakeChunk(resolveListeners, value);
         }
-      } catch (error$5) {
-        (chunk.status = "rejected"), (chunk.reason = error$5);
+      } catch (error) {
+        (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
         (initializingChunk = prevChunk),
           (initializingChunkBlockedModel = prevBlocked);
@@ -2849,18 +2855,12 @@
         abort(request, Error(reason));
       };
     }
-    var React = require("react"),
-      util = require("util");
+    var util = require("util");
     require("crypto");
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
-      ReactSharedInternalsServer =
-        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-    if (!ReactSharedInternalsServer)
-      throw Error(
-        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-      );
-    var scheduleMicrotask = queueMicrotask,
+      React = require("react"),
+      scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
       destinationHasCapacity = !0,
@@ -2895,6 +2895,10 @@
               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."
               );
+            case "then":
+              throw Error(
+                "Cannot await or return from a thenable. You cannot await a client module from a server component."
+              );
           }
           throw Error(
             "Cannot access " +
@@ -3196,12 +3200,18 @@
           return owner ? owner : null;
         }
       },
-      isArrayImpl = Array.isArray,
+      ReactSharedInternalsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    if (!ReactSharedInternalsServer)
+      throw Error(
+        'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+      );
+    new ("function" === typeof WeakMap ? WeakMap : Map)();
+    var isArrayImpl = Array.isArray,
       getPrototypeOf = Object.getPrototypeOf,
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      ReactSharedInternals = ReactSharedInternalsServer,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3327,12 +3337,12 @@
             "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 JSCompiler_object_inline_chunks_147 = [];
+        var JSCompiler_object_inline_chunks_129 = [];
         value.on("data", function (chunk) {
-          JSCompiler_object_inline_chunks_147.push(chunk);
+          JSCompiler_object_inline_chunks_129.push(chunk);
         });
         value.on("end", function () {
-          var blob = new Blob(JSCompiler_object_inline_chunks_147, {
+          var blob = new Blob(JSCompiler_object_inline_chunks_129, {
             type: mimeType
           });
           response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js
index 472c014283802..1e5adc06697a6 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.js
@@ -33,7 +33,7 @@ function writeChunkAndReturn(destination, chunk) {
           ),
           (currentView = new Uint8Array(2048)),
           (writtenBytes = 0)),
-          writeToDestination(destination, textEncoder.encode(chunk));
+          writeToDestination(destination, chunk);
       else {
         var target = currentView;
         0 < writtenBytes && (target = currentView.subarray(writtenBytes));
@@ -84,8 +84,13 @@ function writeChunkAndReturn(destination, chunk) {
             (writtenBytes = 0))));
   return destinationHasCapacity;
 }
-var textEncoder = new util.TextEncoder(),
-  CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
+var textEncoder = new util.TextEncoder();
+function byteLengthOfChunk(chunk) {
+  return "string" === typeof chunk
+    ? Buffer.byteLength(chunk, "utf8")
+    : chunk.byteLength;
+}
+var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   SERVER_REFERENCE_TAG = Symbol.for("react.server.reference");
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
@@ -135,6 +140,10 @@ var PROMISE_PROTOTYPE = Promise.prototype,
           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."
           );
+        case "then":
+          throw Error(
+            "Cannot await or return from a thenable. You cannot await a client module from a server component."
+          );
       }
       throw Error(
         "Cannot access " +
@@ -590,7 +599,13 @@ var DefaultAsyncDispatcher = {
       return entry;
     }
   },
-  isArrayImpl = Array.isArray,
+  ReactSharedInternalsServer =
+    React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+if (!ReactSharedInternalsServer)
+  throw Error(
+    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
+  );
+var isArrayImpl = Array.isArray,
   getPrototypeOf = Object.getPrototypeOf;
 function objectName(object) {
   return Object.prototype.toString
@@ -701,12 +716,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
       "\n  " + str + "\n  " + objectOrArray)
     : "\n  " + str;
 }
-var ReactSharedInternalsServer =
-  React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-if (!ReactSharedInternalsServer)
-  throw Error(
-    'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
-  );
 var ObjectPrototype = Object.prototype,
   stringify = JSON.stringify,
   AbortSigil = {};
@@ -780,7 +789,7 @@ function serializeThenable(request, task, thenable) {
       );
     case "rejected":
       return (
-        (task = logRecoverableError(request, thenable.reason)),
+        (task = logRecoverableError(request, thenable.reason, null)),
         emitErrorChunk(request, newTask.id, task),
         newTask.id
       );
@@ -814,7 +823,7 @@ function serializeThenable(request, task, thenable) {
     },
     function (reason) {
       newTask.status = 4;
-      reason = logRecoverableError(request, reason);
+      reason = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, reason);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -846,7 +855,7 @@ function serializeReadableStream(request, task, stream) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       reader.cancel(reason).then(error, error);
@@ -913,7 +922,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, streamTask);
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
@@ -1035,43 +1044,36 @@ function renderFragment(request, task, children) {
       task.implicitSlot ? [request] : request)
     : children;
 }
-function renderClientElement(task, type, key, props) {
-  var keyPath = task.keyPath;
-  null === key
-    ? (key = keyPath)
-    : null !== keyPath && (key = keyPath + "," + key);
-  type = [REACT_ELEMENT_TYPE, type, key, props];
-  return task.implicitSlot && null !== key ? [type] : type;
-}
 function renderElement(request, task, type, key, ref, props) {
   if (null !== ref && void 0 !== ref)
     throw Error(
       "Refs cannot be used in Server Components, nor passed to Client Components."
     );
-  if ("function" === typeof type)
-    return type.$$typeof === CLIENT_REFERENCE_TAG$1 ||
-      type.$$typeof === TEMPORARY_REFERENCE_TAG
-      ? renderClientElement(task, type, key, props)
-      : renderFunctionComponent(request, task, key, type, props);
-  if ("string" === typeof type)
-    return renderClientElement(task, type, key, props);
-  if ("symbol" === typeof type)
-    return type === REACT_FRAGMENT_TYPE && null === key
-      ? ((key = task.implicitSlot),
-        null === task.keyPath && (task.implicitSlot = !0),
-        (request = renderModelDestructive(
-          request,
-          task,
-          emptyRoot,
-          "",
-          props.children
-        )),
-        (task.implicitSlot = key),
-        request)
-      : renderClientElement(task, type, key, props);
-  if (null != type && "object" === typeof type) {
-    if (type.$$typeof === CLIENT_REFERENCE_TAG$1)
-      return renderClientElement(task, type, key, props);
+  if (
+    "function" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1 &&
+    type.$$typeof !== TEMPORARY_REFERENCE_TAG
+  )
+    return renderFunctionComponent(request, task, key, type, props);
+  if (type === REACT_FRAGMENT_TYPE && null === key)
+    return (
+      (type = task.implicitSlot),
+      null === task.keyPath && (task.implicitSlot = !0),
+      (props = renderModelDestructive(
+        request,
+        task,
+        emptyRoot,
+        "",
+        props.children
+      )),
+      (task.implicitSlot = type),
+      props
+    );
+  if (
+    null != type &&
+    "object" === typeof type &&
+    type.$$typeof !== CLIENT_REFERENCE_TAG$1
+  )
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         var init = type._init;
@@ -1083,10 +1085,14 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_MEMO_TYPE:
         return renderElement(request, task, type.type, key, ref, props);
     }
-  }
-  throw Error(
-    "Unsupported Server Component type: " + describeValueForErrorMessage(type)
-  );
+  request = key;
+  key = task.keyPath;
+  null === request
+    ? (request = key)
+    : null !== key && (request = key + "," + request);
+  props = [REACT_ELEMENT_TYPE, type, request, props];
+  task = task.implicitSlot && null !== request ? [props] : props;
+  return task;
 }
 function pingTask(request, task) {
   var pingedTasks = request.pingedTasks;
@@ -1176,7 +1182,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
               (task.implicitSlot = prevImplicitSlot),
               request.pendingChunks++,
               (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value)),
+              (prevImplicitSlot = logRecoverableError(request, value, task)),
               emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
               (JSCompiler_inline_result = parentPropertyName
                 ? "$L" + prevKeyPath.toString(16)
@@ -1246,7 +1252,7 @@ function serializeClientReference(
     return (
       request.pendingChunks++,
       (parent = request.nextChunkId++),
-      (parentPropertyName = logRecoverableError(request, x)),
+      (parentPropertyName = logRecoverableError(request, x, null)),
       emitErrorChunk(request, parent, parentPropertyName),
       serializeByValueID(parent)
     );
@@ -1279,7 +1285,7 @@ function serializeBlob(request, blob) {
     if (!aborted) {
       aborted = !0;
       request.abortListeners.delete(error);
-      var digest = logRecoverableError(request, reason);
+      var digest = logRecoverableError(request, reason, newTask);
       emitErrorChunk(request, newTask.id, digest);
       request.abortableTasks.delete(newTask);
       enqueueFlush(request);
@@ -1441,9 +1447,9 @@ function renderModelDestructive(
       return serializeTypedArray(request, "V", value);
     if ("function" === typeof Blob && value instanceof Blob)
       return serializeBlob(request, value);
-    if ((parentPropertyName = getIteratorFn(value)))
+    if ((elementReference = getIteratorFn(value)))
       return (
-        (parentPropertyName = parentPropertyName.call(value)),
+        (parentPropertyName = elementReference.call(value)),
         parentPropertyName === value
           ? "$i" +
             outlineModel(request, Array.from(parentPropertyName)).toString(16)
@@ -1451,8 +1457,8 @@ function renderModelDestructive(
       );
     if ("function" === typeof ReadableStream && value instanceof ReadableStream)
       return serializeReadableStream(request, task, value);
-    parentPropertyName = value[ASYNC_ITERATOR];
-    if ("function" === typeof parentPropertyName)
+    elementReference = value[ASYNC_ITERATOR];
+    if ("function" === typeof elementReference)
       return (
         null !== task.keyPath
           ? ((request = [
@@ -1462,7 +1468,7 @@ function renderModelDestructive(
               { children: value }
             ]),
             (request = task.implicitSlot ? [request] : request))
-          : ((parentPropertyName = parentPropertyName.call(value)),
+          : ((parentPropertyName = elementReference.call(value)),
             (request = serializeAsyncIterable(
               request,
               task,
@@ -1477,7 +1483,8 @@ function renderModelDestructive(
       (null === request || null !== getPrototypeOf(request))
     )
       throw Error(
-        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported."
+        "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
+          describeObjectForErrorMessage(parent, parentPropertyName)
       );
     return value;
   }
@@ -1487,7 +1494,7 @@ function renderModelDestructive(
       parent[parentPropertyName] instanceof Date
     )
       return "$D" + value;
-    if (1024 <= value.length)
+    if (1024 <= value.length && null !== byteLengthOfChunk)
       return (
         request.pendingChunks++,
         (task = request.nextChunkId++),
@@ -1628,17 +1635,18 @@ function emitTypedArrayChunk(request, id, tag, typedArray) {
   request.completedRegularChunks.push(id, typedArray);
 }
 function emitTextChunk(request, id, text) {
+  if (null === byteLengthOfChunk)
+    throw Error(
+      "Existence of byteLengthOfChunk should have already been checked. This is a bug in React."
+    );
   request.pendingChunks++;
-  var binaryLength =
-    "string" === typeof text
-      ? Buffer.byteLength(text, "utf8")
-      : text.byteLength;
+  var binaryLength = byteLengthOfChunk(text);
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
   request.completedRegularChunks.push(id, text);
 }
 function emitChunk(request, task, value) {
   var id = task.id;
-  "string" === typeof value
+  "string" === typeof value && null !== byteLengthOfChunk
     ? emitTextChunk(request, id, value)
     : value instanceof ArrayBuffer
     ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
@@ -1719,7 +1727,7 @@ function retryTask(request, task) {
       } else {
         request.abortableTasks.delete(task);
         task.status = 4;
-        var digest = logRecoverableError(request, x);
+        var digest = logRecoverableError(request, x, task);
         emitErrorChunk(request, task.id, digest);
       }
     } finally {
@@ -1739,7 +1747,7 @@ function performWork(request) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error) {
-    logRecoverableError(request, error), fatalError(request, error);
+    logRecoverableError(request, error, null), fatalError(request, error);
   } finally {
     (ReactSharedInternalsServer.H = prevDispatcher),
       (currentRequest$1 = null),
@@ -1833,7 +1841,7 @@ function startFlowing(request, destination) {
     try {
       flushCompletedChunks(request, destination);
     } catch (error) {
-      logRecoverableError(request, error), fatalError(request, error);
+      logRecoverableError(request, error, null), fatalError(request, error);
     }
   }
 }
@@ -1853,7 +1861,7 @@ function abort(request, reason) {
               "function" === typeof reason.then
             ? Error("The render was aborted by the server with a promise.")
             : reason,
-        digest = logRecoverableError(request, error);
+        digest = logRecoverableError(request, error, null);
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
         if (5 !== task.status) {
@@ -1883,7 +1891,7 @@ function abort(request, reason) {
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
   } catch (error$27) {
-    logRecoverableError(request, error$27), fatalError(request, error$27);
+    logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2664,12 +2672,12 @@ exports.decodeReplyFromBusboy = function (busboyStream, webpackMap, options) {
         "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 JSCompiler_object_inline_chunks_201 = [];
+    var JSCompiler_object_inline_chunks_210 = [];
     value.on("data", function (chunk) {
-      JSCompiler_object_inline_chunks_201.push(chunk);
+      JSCompiler_object_inline_chunks_210.push(chunk);
     });
     value.on("end", function () {
-      var blob = new Blob(JSCompiler_object_inline_chunks_201, {
+      var blob = new Blob(JSCompiler_object_inline_chunks_210, {
         type: mimeType
       });
       response._formData.append(name, blob, filename);
diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json
index 9af5ffcb44d15..c3ca357e901fd 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/package.json
+++ b/packages/next/src/compiled/react-server-dom-webpack/package.json
@@ -46,8 +46,8 @@
     "neo-async": "^2.6.1"
   },
   "peerDependencies": {
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613",
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716",
     "webpack": "^5.59.0"
   }
 }
\ No newline at end of file
diff --git a/packages/next/src/compiled/react/cjs/react-compiler-runtime.development.js b/packages/next/src/compiled/react/cjs/react-compiler-runtime.development.js
index e9ebfdaf16e00..6e118f9c65bf7 100644
--- a/packages/next/src/compiled/react/cjs/react-compiler-runtime.development.js
+++ b/packages/next/src/compiled/react/cjs/react-compiler-runtime.development.js
@@ -11,29 +11,12 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     var ReactSharedInternals =
       require("next/dist/compiled/react").__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     exports.c = function (size) {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher.useMemoCache(size);
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js
index 3a85373c9dd75..7ca93424e41e4 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
@@ -52,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -94,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function disabledLog() {}
     function disableLogs() {
@@ -152,7 +137,7 @@
         });
       }
       0 > disabledDepth &&
-        error(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -163,8 +148,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -371,7 +362,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -386,7 +377,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -462,7 +453,7 @@
                 validateChildKeys(children[isStaticChildren], type);
               Object.freeze && Object.freeze(children);
             } else
-              error(
+              console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
           else validateChildKeys(children, type);
@@ -486,7 +477,7 @@
             (children =
               " Did you accidentally export a JSX literal instead of a component?"))
           : (isStaticChildren = typeof type);
-        error(
+        console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           isStaticChildren,
           children
@@ -504,7 +495,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -601,7 +592,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -637,9 +628,9 @@
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       ReactSharedInternals =
         React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       hasOwnProperty = Object.prototype.hasOwnProperty,
       assign = Object.assign,
       REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
@@ -654,6 +645,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js
index 474665ad5b5e0..74ab3b32de6ee 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-dev-runtime.react-server.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
@@ -52,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -94,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function disabledLog() {}
     function disableLogs() {
@@ -152,7 +137,7 @@
         });
       }
       0 > disabledDepth &&
-        error(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -163,8 +148,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -371,7 +362,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -386,7 +377,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -462,7 +453,7 @@
                 validateChildKeys(children[isStaticChildren], type);
               Object.freeze && Object.freeze(children);
             } else
-              error(
+              console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
           else validateChildKeys(children, type);
@@ -486,7 +477,7 @@
             (children =
               " Did you accidentally export a JSX literal instead of a component?"))
           : (isStaticChildren = typeof type);
-        error(
+        console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           isStaticChildren,
           children
@@ -504,7 +495,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -601,7 +592,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -637,14 +628,14 @@
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       ReactSharedInternalsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     if (!ReactSharedInternalsServer)
       throw Error(
         'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
       );
-    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
-      hasOwnProperty = Object.prototype.hasOwnProperty,
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
       assign = Object.assign,
       REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       isArrayImpl = Array.isArray,
@@ -658,6 +649,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js
index bd28915021047..424966904f490 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternals.getCurrentStack &&
-        ((_key2 = ReactSharedInternals.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
@@ -52,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -94,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function disabledLog() {}
     function disableLogs() {
@@ -152,7 +137,7 @@
         });
       }
       0 > disabledDepth &&
-        error(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -163,8 +148,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -371,7 +362,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -386,7 +377,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -462,7 +453,7 @@
                 validateChildKeys(children[isStaticChildren], type);
               Object.freeze && Object.freeze(children);
             } else
-              error(
+              console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
           else validateChildKeys(children, type);
@@ -486,7 +477,7 @@
             (children =
               " Did you accidentally export a JSX literal instead of a component?"))
           : (isStaticChildren = typeof type);
-        error(
+        console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           isStaticChildren,
           children
@@ -504,7 +495,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -601,7 +592,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -637,9 +628,9 @@
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       ReactSharedInternals =
         React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       hasOwnProperty = Object.prototype.hasOwnProperty,
       assign = Object.assign,
       REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
@@ -654,6 +645,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js
index 43bd62806daea..b2365a544fbeb 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js
@@ -11,23 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function error(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      _len2 = format;
-      _key2 = Error("react-stack-top-frame");
-      ReactSharedInternalsServer.getCurrentStack &&
-        ((_key2 = ReactSharedInternalsServer.getCurrentStack(_key2)),
-        "" !== _key2 && ((_len2 += "%s"), (args = args.concat([_key2]))));
-      args.unshift(_len2);
-      Function.prototype.apply.call(console.error, console, args);
-    }
     function getComponentNameFromType(type) {
       if (null == type) return null;
       if ("function" === typeof type)
@@ -52,7 +35,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -94,20 +77,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function disabledLog() {}
     function disableLogs() {
@@ -152,7 +137,7 @@
         });
       }
       0 > disabledDepth &&
-        error(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -163,8 +148,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -371,7 +362,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -386,7 +377,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -462,7 +453,7 @@
                 validateChildKeys(children[isStaticChildren], type);
               Object.freeze && Object.freeze(children);
             } else
-              error(
+              console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
           else validateChildKeys(children, type);
@@ -486,7 +477,7 @@
             (children =
               " Did you accidentally export a JSX literal instead of a component?"))
           : (isStaticChildren = typeof type);
-        error(
+        console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           isStaticChildren,
           children
@@ -504,7 +495,7 @@
         didWarnAboutKeySpread[children + isStaticChildren] ||
           ((keys =
             0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-          error(
+          console.error(
             'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
             isStaticChildren,
             children,
@@ -601,7 +592,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -637,14 +628,14 @@
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+      REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
       ReactSharedInternalsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     if (!ReactSharedInternalsServer)
       throw Error(
         'The "react" package in this environment is not configured correctly. The "react-server" condition must be enabled in any environment that runs React Server Components.'
       );
-    var REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
-      hasOwnProperty = Object.prototype.hasOwnProperty,
+    var hasOwnProperty = Object.prototype.hasOwnProperty,
       assign = Object.assign,
       REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       isArrayImpl = Array.isArray,
@@ -658,6 +649,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js
index eaf6511a69b31..21ee53e538467 100644
--- a/packages/next/src/compiled/react/cjs/react.development.js
+++ b/packages/next/src/compiled/react/cjs/react.development.js
@@ -14,7 +14,7 @@
     function defineDeprecationWarning(methodName, info) {
       Object.defineProperty(Component.prototype, methodName, {
         get: function () {
-          warn(
+          console.warn(
             "%s(...) is deprecated in plain JavaScript React classes. %s",
             info[0],
             info[1]
@@ -30,36 +30,6 @@
         maybeIterable["@@iterator"];
       return "function" === typeof maybeIterable ? maybeIterable : null;
     }
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function warnNoop(publicInstance, callerName) {
       publicInstance =
         ((publicInstance = publicInstance.constructor) &&
@@ -67,7 +37,7 @@
         "ReactClass";
       var warningKey = publicInstance + "." + callerName;
       didWarnStateUpdateForUnmountedComponent[warningKey] ||
-        (error$jscomp$0(
+        (console.error(
           "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
           callerName,
           publicInstance
@@ -97,20 +67,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error$jscomp$0(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getComponentNameFromType(type) {
       if (null == type) return null;
@@ -136,7 +108,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -232,7 +204,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -243,8 +215,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -451,7 +429,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error$jscomp$0(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -466,7 +444,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error$jscomp$0(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -572,7 +550,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error$jscomp$0(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -731,7 +709,7 @@
         for (
           i === children.entries &&
             (didWarnAboutMaps ||
-              warn(
+              console.warn(
                 "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
               ),
             (didWarnAboutMaps = !0)),
@@ -799,12 +777,12 @@
         return (
           (ctor = payload._result),
           void 0 === ctor &&
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
               ctor
             ),
           "default" in ctor ||
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
               ctor
             ),
@@ -815,7 +793,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -834,7 +812,7 @@
             !1 === didWarnAboutMessageChannel &&
               ((didWarnAboutMessageChannel = !0),
               "undefined" === typeof MessageChannel &&
-                error$jscomp$0(
+                console.error(
                   "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
                 ));
             var channel = new MessageChannel();
@@ -851,7 +829,7 @@
     }
     function popActScope(prevActQueue, prevActScopeDepth) {
       prevActScopeDepth !== actScopeDepth - 1 &&
-        error$jscomp$0(
+        console.error(
           "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
         );
       actScopeDepth = prevActScopeDepth;
@@ -866,8 +844,8 @@
               return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
             });
             return;
-          } catch (error$5) {
-            ReactSharedInternals.thrownErrors.push(error$5);
+          } catch (error) {
+            ReactSharedInternals.thrownErrors.push(error);
           }
         else ReactSharedInternals.actQueue = null;
       0 < ReactSharedInternals.thrownErrors.length
@@ -897,9 +875,8 @@
             } while (1);
           }
           queue.length = 0;
-        } catch (error$6) {
-          queue.splice(0, i + 1),
-            ReactSharedInternals.thrownErrors.push(error$6);
+        } catch (error) {
+          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
         } finally {
           isFlushing = !1;
         }
@@ -924,18 +901,6 @@
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
-      ReactSharedInternals = {
-        H: null,
-        A: null,
-        T: null,
-        S: null,
-        actQueue: null,
-        isBatchingLegacy: !1,
-        didScheduleLegacyUpdate: !1,
-        didUsePromise: !1,
-        thrownErrors: [],
-        getCurrentStack: null
-      },
       didWarnStateUpdateForUnmountedComponent = {},
       ReactNoopUpdateQueue = {
         isMounted: function () {
@@ -990,6 +955,18 @@
     deprecatedAPIs.isPureReactComponent = !0;
     var isArrayImpl = Array.isArray,
       REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
+      ReactSharedInternals = {
+        H: null,
+        A: null,
+        T: null,
+        S: null,
+        actQueue: null,
+        isBatchingLegacy: !1,
+        didScheduleLegacyUpdate: !1,
+        didUsePromise: !1,
+        thrownErrors: [],
+        getCurrentStack: null
+      },
       hasOwnProperty = Object.prototype.hasOwnProperty,
       REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
       disabledDepth = 0,
@@ -1002,6 +979,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -1105,8 +1083,8 @@
         didAwaitActCall = !1;
       try {
         var result = callback();
-      } catch (error$3) {
-        ReactSharedInternals.thrownErrors.push(error$3);
+      } catch (error) {
+        ReactSharedInternals.thrownErrors.push(error);
       }
       if (0 < ReactSharedInternals.thrownErrors.length)
         throw (
@@ -1125,7 +1103,7 @@
           didAwaitActCall ||
             didWarnNoAwaitAct ||
             ((didWarnNoAwaitAct = !0),
-            error$jscomp$0(
+            console.error(
               "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
             ));
         });
@@ -1145,8 +1123,8 @@
                           reject
                         );
                       });
-                  } catch (error$4) {
-                    ReactSharedInternals.thrownErrors.push(error$4);
+                  } catch (error$2) {
+                    ReactSharedInternals.thrownErrors.push(error$2);
                   }
                   if (0 < ReactSharedInternals.thrownErrors.length) {
                     var _thrownError = aggregateErrors(
@@ -1180,7 +1158,7 @@
             didAwaitActCall ||
               didWarnNoAwaitAct ||
               ((didWarnNoAwaitAct = !0),
-              error$jscomp$0(
+              console.error(
                 "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
               ));
           }),
@@ -1297,7 +1275,7 @@
               (i =
                 " Did you accidentally export a JSX literal instead of a component?"))
             : (typeString = typeof type);
-        error$jscomp$0(
+        console.error(
           "React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           typeString,
           i
@@ -1310,7 +1288,7 @@
           !("__self" in config) ||
           "key" in config ||
           ((didWarnAboutOldJSXRuntime = !0),
-          warn(
+          console.warn(
             "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
           )),
         hasValidRef(config),
@@ -1361,17 +1339,17 @@
     };
     exports.forwardRef = function (render) {
       null != render && render.$$typeof === REACT_MEMO_TYPE
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
           )
         : "function" !== typeof render
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but was given %s.",
             null === render ? "null" : typeof render
           )
         : 0 !== render.length &&
           2 !== render.length &&
-          error$jscomp$0(
+          console.error(
             "forwardRef render functions accept exactly two parameters: props and ref. %s",
             1 === render.length
               ? "Did you forget to use the ref parameter?"
@@ -1379,7 +1357,7 @@
           );
       null != render &&
         null != render.defaultProps &&
-        error$jscomp$0(
+        console.error(
           "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
         );
       var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
@@ -1410,7 +1388,7 @@
     };
     exports.memo = function (type, compare) {
       isValidElementType(type) ||
-        error$jscomp$0(
+        console.error(
           "memo: The first argument must be a component. Instead received: %s",
           null === type ? "null" : typeof type
         );
@@ -1451,15 +1429,15 @@
           null !== returnValue &&
           "function" === typeof returnValue.then &&
           returnValue.then(noop, reportGlobalError);
-      } catch (error$2) {
-        reportGlobalError(error$2);
+      } catch (error) {
+        reportGlobalError(error);
       } finally {
         null === prevTransition &&
           currentTransition._updatedFibers &&
           ((scope = currentTransition._updatedFibers.size),
           currentTransition._updatedFibers.clear(),
           10 < scope &&
-            warn(
+            console.warn(
               "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
             )),
           (ReactSharedInternals.T = prevTransition);
@@ -1484,7 +1462,7 @@
     exports.useContext = function (Context) {
       var dispatcher = resolveDispatcher();
       Context.$$typeof === REACT_CONSUMER_TYPE &&
-        error$jscomp$0(
+        console.error(
           "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
         );
       return dispatcher.useContext(Context);
@@ -1539,7 +1517,7 @@
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js
index f720aebb6f69d..e1ab1334cf63a 100644
--- a/packages/next/src/compiled/react/cjs/react.production.js
+++ b/packages/next/src/compiled/react/cjs/react.production.js
@@ -536,4 +536,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js
index b44446be70cc6..dfd168f3a7cb9 100644
--- a/packages/next/src/compiled/react/cjs/react.react-server.development.js
+++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js
@@ -11,36 +11,6 @@
 "use strict";
 "production" !== process.env.NODE_ENV &&
   (function () {
-    function warn(format) {
-      for (
-        var _len = arguments.length,
-          args = Array(1 < _len ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      )
-        args[_key - 1] = arguments[_key];
-      printWarning("warn", format, args, Error("react-stack-top-frame"));
-    }
-    function error$jscomp$0(format) {
-      for (
-        var _len2 = arguments.length,
-          args = Array(1 < _len2 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
-      )
-        args[_key2 - 1] = arguments[_key2];
-      printWarning("error", format, args, Error("react-stack-top-frame"));
-    }
-    function printWarning(level, format, args, currentStack) {
-      ReactSharedInternals.getCurrentStack &&
-        ((currentStack = ReactSharedInternals.getCurrentStack(currentStack)),
-        "" !== currentStack &&
-          ((format += "%s"), (args = args.concat([currentStack]))));
-      args.unshift(format);
-      Function.prototype.apply.call(console[level], console, args);
-    }
     function getIteratorFn(maybeIterable) {
       if (null === maybeIterable || "object" !== typeof maybeIterable)
         return null;
@@ -59,20 +29,22 @@
       } catch (e) {
         JSCompiler_inline_result = !0;
       }
-      if (JSCompiler_inline_result)
-        return (
-          (JSCompiler_inline_result =
-            ("function" === typeof Symbol &&
-              Symbol.toStringTag &&
-              value[Symbol.toStringTag]) ||
-            value.constructor.name ||
-            "Object"),
-          error$jscomp$0(
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            JSCompiler_inline_result
-          ),
-          testStringCoercion(value)
+      if (JSCompiler_inline_result) {
+        JSCompiler_inline_result = console;
+        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+        var JSCompiler_inline_result$jscomp$0 =
+          ("function" === typeof Symbol &&
+            Symbol.toStringTag &&
+            value[Symbol.toStringTag]) ||
+          value.constructor.name ||
+          "Object";
+        JSCompiler_temp_const.call(
+          JSCompiler_inline_result,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          JSCompiler_inline_result$jscomp$0
         );
+        return testStringCoercion(value);
+      }
     }
     function getComponentNameFromType(type) {
       if (null == type) return null;
@@ -98,7 +70,7 @@
       if ("object" === typeof type)
         switch (
           ("number" === typeof type.tag &&
-            error$jscomp$0(
+            console.error(
               "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
             ),
           type.$$typeof)
@@ -194,7 +166,7 @@
         });
       }
       0 > disabledDepth &&
-        error$jscomp$0(
+        console.error(
           "disabledDepth fell below zero. This is a bug in React. Please file an issue."
         );
     }
@@ -205,8 +177,14 @@
         } catch (x) {
           var match = x.stack.trim().match(/\n( *(at )?)/);
           prefix = (match && match[1]) || "";
+          suffix =
+            -1 < x.stack.indexOf("\n    at")
+              ? " (<anonymous>)"
+              : -1 < x.stack.indexOf("@")
+              ? "@unknown:0:0"
+              : "";
         }
-      return "\n" + prefix + name;
+      return "\n" + prefix + name + suffix;
     }
     function describeNativeComponentFrame(fn, construct) {
       if (!fn || reentry) return "";
@@ -413,7 +391,7 @@
       function warnAboutAccessingKey() {
         specialPropKeyWarningShown ||
           ((specialPropKeyWarningShown = !0),
-          error$jscomp$0(
+          console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
             displayName
           ));
@@ -428,7 +406,7 @@
       var componentName = getComponentNameFromType(this.type);
       didWarnAboutElementRef[componentName] ||
         ((didWarnAboutElementRef[componentName] = !0),
-        error$jscomp$0(
+        console.error(
           "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
         ));
       componentName = this.props.ref;
@@ -534,7 +512,7 @@
           prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
           return stack;
         };
-        error$jscomp$0(
+        console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           parentType,
           childOwner
@@ -693,7 +671,7 @@
         for (
           i === children.entries &&
             (didWarnAboutMaps ||
-              warn(
+              console.warn(
                 "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
               ),
             (didWarnAboutMaps = !0)),
@@ -743,7 +721,7 @@
     function resolveDispatcher() {
       var dispatcher = ReactSharedInternals.H;
       null === dispatcher &&
-        error$jscomp$0(
+        console.error(
           "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
         );
       return dispatcher;
@@ -769,12 +747,12 @@
         return (
           (ctor = payload._result),
           void 0 === ctor &&
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
               ctor
             ),
           "default" in ctor ||
-            error$jscomp$0(
+            console.error(
               "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
               ctor
             ),
@@ -819,6 +797,7 @@
       prevGroupEnd;
     disabledLog.__reactDisabledLog = !0;
     var prefix,
+      suffix,
       reentry = !1;
     var componentFrameCache = new (
       "function" === typeof WeakMap ? WeakMap : Map
@@ -906,12 +885,9 @@
           fnMap = dispatcher;
           fnMap.s = 1;
           return (fnMap.v = result);
-        } catch (error$2) {
+        } catch (error) {
           throw (
-            ((result = dispatcher),
-            (result.s = 2),
-            (result.v = error$2),
-            error$2)
+            ((result = dispatcher), (result.s = 2), (result.v = error), error)
           );
         }
       };
@@ -983,7 +959,7 @@
               (i =
                 " Did you accidentally export a JSX literal instead of a component?"))
             : (typeString = typeof type);
-        error$jscomp$0(
+        console.error(
           "React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           typeString,
           i
@@ -996,7 +972,7 @@
           !("__self" in config) ||
           "key" in config ||
           ((didWarnAboutOldJSXRuntime = !0),
-          warn(
+          console.warn(
             "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
           )),
         hasValidRef(config),
@@ -1047,17 +1023,17 @@
     };
     exports.forwardRef = function (render) {
       null != render && render.$$typeof === REACT_MEMO_TYPE
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
           )
         : "function" !== typeof render
-        ? error$jscomp$0(
+        ? console.error(
             "forwardRef requires a render function but was given %s.",
             null === render ? "null" : typeof render
           )
         : 0 !== render.length &&
           2 !== render.length &&
-          error$jscomp$0(
+          console.error(
             "forwardRef render functions accept exactly two parameters: props and ref. %s",
             1 === render.length
               ? "Did you forget to use the ref parameter?"
@@ -1065,7 +1041,7 @@
           );
       null != render &&
         null != render.defaultProps &&
-        error$jscomp$0(
+        console.error(
           "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
         );
       var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
@@ -1096,7 +1072,7 @@
     };
     exports.memo = function (type, compare) {
       isValidElementType(type) ||
-        error$jscomp$0(
+        console.error(
           "memo: The first argument must be a component. Instead received: %s",
           null === type ? "null" : typeof type
         );
@@ -1137,5 +1113,5 @@
     exports.useMemo = function (create, deps) {
       return resolveDispatcher().useMemo(create, deps);
     };
-    exports.version = "19.0.0-rc-dfd30974ab-20240613";
+    exports.version = "19.0.0-rc-01172397-20240716";
   })();
diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js
index 54c9b735ac763..a56bced47f731 100644
--- a/packages/next/src/compiled/react/cjs/react.react-server.production.js
+++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js
@@ -424,4 +424,4 @@ exports.useId = function () {
 exports.useMemo = function (create, deps) {
   return ReactSharedInternals.H.useMemo(create, deps);
 };
-exports.version = "19.0.0-rc-dfd30974ab-20240613";
+exports.version = "19.0.0-rc-01172397-20240716";
diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js
index bf33f3fe671df..d4f899c199acd 100644
--- a/packages/next/src/compiled/unistore/unistore.js
+++ b/packages/next/src/compiled/unistore/unistore.js
@@ -1 +1 @@
-(()=>{var t={985:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a<i.length;a++)i[a]===t?t=null:_.push(i[a]);i=_}function e(_,a,f){t=a?_:n(n({},t),_);for(var o=i,c=0;c<o.length;c++)o[c](t,f)}return t=t||{},{action:function(i){function r(t){e(t,!1,i)}return function(){for(var _=arguments,a=[t],f=0;f<arguments.length;f++)a.push(_[f]);var o=i.apply(this,a);if(null!=o)return o.then?o.then(r):r(o)}},setState:e,subscribe:function(t){return i.push(t),function(){u(t)}},unsubscribe:u,getState:function(){return t}}}}};var i={};function __nccwpck_require__(_){var a=i[_];if(a!==undefined){return a.exports}var f=i[_]={exports:{}};var o=true;try{t[_](f,f.exports,__nccwpck_require__);o=false}finally{if(o)delete i[_]}return f.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var _=__nccwpck_require__(985);module.exports=_})();
\ No newline at end of file
+(()=>{var t={180:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a<i.length;a++)i[a]===t?t=null:_.push(i[a]);i=_}function e(_,a,f){t=a?_:n(n({},t),_);for(var o=i,c=0;c<o.length;c++)o[c](t,f)}return t=t||{},{action:function(i){function r(t){e(t,!1,i)}return function(){for(var _=arguments,a=[t],f=0;f<arguments.length;f++)a.push(_[f]);var o=i.apply(this,a);if(null!=o)return o.then?o.then(r):r(o)}},setState:e,subscribe:function(t){return i.push(t),function(){u(t)}},unsubscribe:u,getState:function(){return t}}}}};var i={};function __nccwpck_require__(_){var a=i[_];if(a!==undefined){return a.exports}var f=i[_]={exports:{}};var o=true;try{t[_](f,f.exports,__nccwpck_require__);o=false}finally{if(o)delete i[_]}return f.exports}if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var _=__nccwpck_require__(180);module.exports=_})();
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 96422ed78622b..88c1eb486eed9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,10 +15,10 @@ overrides:
   '@babel/traverse': 7.22.5
   '@types/react': npm:types-react@19.0.0-rc.0
   '@types/react-dom': npm:types-react-dom@19.0.0-rc.0
-  react: 19.0.0-rc-dfd30974ab-20240613
-  react-dom: 19.0.0-rc-dfd30974ab-20240613
-  react-is: 19.0.0-rc-dfd30974ab-20240613
-  scheduler: 0.25.0-rc-dfd30974ab-20240613
+  react: 19.0.0-rc-01172397-20240716
+  react-dom: 19.0.0-rc-01172397-20240716
+  react-is: 19.0.0-rc-01172397-20240716
+  scheduler: 0.25.0-rc-01172397-20240716
 
 patchedDependencies:
   webpack-sources@3.2.3:
@@ -61,7 +61,7 @@ importers:
         version: 11.11.0
       '@emotion/react':
         specifier: 11.11.1
-        version: 11.11.1(react@19.0.0-rc-dfd30974ab-20240613)(types-react@19.0.0-rc.0)
+        version: 11.11.1(react@19.0.0-rc-01172397-20240716)(types-react@19.0.0-rc.0)
       '@fullhuman/postcss-purgecss':
         specifier: 1.3.0
         version: 1.3.0
@@ -70,7 +70,7 @@ importers:
         version: 2.2.1(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)))
       '@mdx-js/react':
         specifier: 2.2.1
-        version: 2.2.1(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 2.2.1(react@19.0.0-rc-01172397-20240716)
       '@next/bundle-analyzer':
         specifier: workspace:*
         version: link:packages/next-bundle-analyzer
@@ -136,7 +136,7 @@ importers:
         version: 6.1.2(@jest/globals@29.7.0)(@types/jest@29.5.5)(jest@29.7.0(@types/node@20.12.3)(babel-plugin-macros@3.1.0))
       '@testing-library/react':
         specifier: ^15.0.5
-        version: 15.0.7(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(types-react@19.0.0-rc.0)
+        version: 15.0.7(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(types-react@19.0.0-rc.0)
       '@types/busboy':
         specifier: 1.5.3
         version: 1.5.3
@@ -447,50 +447,50 @@ importers:
         specifier: 0.3.0
         version: 0.3.0
       react:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716
       react-17:
         specifier: npm:react@17.0.2
         version: react@17.0.2
       react-builtin:
-        specifier: npm:react@19.0.0-rc-dfd30974ab-20240613
-        version: react@19.0.0-rc-dfd30974ab-20240613
+        specifier: npm:react@19.0.0-rc-01172397-20240716
+        version: react@19.0.0-rc-01172397-20240716
       react-dom:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       react-dom-17:
         specifier: npm:react-dom@17.0.2
-        version: react-dom@17.0.2(react@19.0.0-rc-dfd30974ab-20240613)
+        version: react-dom@17.0.2(react@19.0.0-rc-01172397-20240716)
       react-dom-builtin:
-        specifier: npm:react-dom@19.0.0-rc-dfd30974ab-20240613
-        version: react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: npm:react-dom@19.0.0-rc-01172397-20240716
+        version: react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       react-dom-experimental-builtin:
-        specifier: npm:react-dom@0.0.0-experimental-dfd30974ab-20240613
-        version: react-dom@0.0.0-experimental-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: npm:react-dom@0.0.0-experimental-01172397-20240716
+        version: react-dom@0.0.0-experimental-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       react-experimental-builtin:
-        specifier: npm:react@0.0.0-experimental-dfd30974ab-20240613
-        version: react@0.0.0-experimental-dfd30974ab-20240613
+        specifier: npm:react@0.0.0-experimental-01172397-20240716
+        version: react@0.0.0-experimental-01172397-20240716
       react-is-builtin:
-        specifier: npm:react-is@19.0.0-rc-dfd30974ab-20240613
-        version: react-is@19.0.0-rc-dfd30974ab-20240613
+        specifier: npm:react-is@19.0.0-rc-01172397-20240716
+        version: react-is@19.0.0-rc-01172397-20240716
       react-server-dom-turbopack:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)
       react-server-dom-turbopack-experimental:
-        specifier: npm:react-server-dom-turbopack@0.0.0-experimental-dfd30974ab-20240613
-        version: react-server-dom-turbopack@0.0.0-experimental-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: npm:react-server-dom-turbopack@0.0.0-experimental-01172397-20240716
+        version: react-server-dom-turbopack@0.0.0-experimental-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)
       react-server-dom-webpack:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)))
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)))
       react-server-dom-webpack-experimental:
-        specifier: npm:react-server-dom-webpack@0.0.0-experimental-dfd30974ab-20240613
-        version: react-server-dom-webpack@0.0.0-experimental-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)))
+        specifier: npm:react-server-dom-webpack@0.0.0-experimental-01172397-20240716
+        version: react-server-dom-webpack@0.0.0-experimental-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)))
       react-ssr-prepass:
         specifier: 1.0.8
-        version: 1.0.8(react-is@19.0.0-rc-dfd30974ab-20240613)(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 1.0.8(react-is@19.0.0-rc-dfd30974ab-20240613)(react@19.0.0-rc-01172397-20240716)
       react-virtualized:
         specifier: 9.22.3
-        version: 9.22.3(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 9.22.3(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)
       relay-compiler:
         specifier: 13.0.2
         version: 13.0.2
@@ -513,11 +513,11 @@ importers:
         specifier: 0.10.9
         version: 0.10.9
       scheduler-builtin:
-        specifier: npm:scheduler@0.25.0-rc-dfd30974ab-20240613
-        version: scheduler@0.25.0-rc-dfd30974ab-20240613
+        specifier: npm:scheduler@0.25.0-rc-01172397-20240716
+        version: scheduler@0.25.0-rc-01172397-20240716
       scheduler-experimental-builtin:
-        specifier: npm:scheduler@0.0.0-experimental-dfd30974ab-20240613
-        version: scheduler@0.0.0-experimental-dfd30974ab-20240613
+        specifier: npm:scheduler@0.0.0-experimental-01172397-20240716
+        version: scheduler@0.0.0-experimental-01172397-20240716
       seedrandom:
         specifier: 3.0.5
         version: 3.0.5
@@ -532,16 +532,16 @@ importers:
         version: 6.0.0
       styled-components:
         specifier: 6.0.0-rc.3
-        version: 6.0.0-rc.3(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 6.0.0-rc.3(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)
       styled-jsx:
         specifier: 5.1.6
-        version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-01172397-20240716)
       styled-jsx-plugin-postcss:
         specifier: 3.0.2
         version: 3.0.2
       swr:
         specifier: ^2.2.4
-        version: 2.2.4(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 2.2.4(react@19.0.0-rc-01172397-20240716)
       tailwindcss:
         specifier: 3.2.7
         version: 3.2.7(postcss@8.4.31)
@@ -868,17 +868,17 @@ importers:
         specifier: 8.4.31
         version: 8.4.31
       react:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716
       react-dom:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       sass:
         specifier: ^1.3.0
         version: 1.77.8
       styled-jsx:
         specifier: 5.1.6
-        version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-01172397-20240716)
     optionalDependencies:
       sharp:
         specifier: ^0.33.4
@@ -1456,7 +1456,7 @@ importers:
         version: 1.0.35
       unistore:
         specifier: 3.4.1
-        version: 3.4.1(react@19.0.0-rc-dfd30974ab-20240613)
+        version: 3.4.1(react@19.0.0-rc-01172397-20240716)
       util:
         specifier: 0.12.4
         version: 0.12.4
@@ -1590,8 +1590,8 @@ importers:
   packages/third-parties:
     dependencies:
       react:
-        specifier: 19.0.0-rc-dfd30974ab-20240613
-        version: 19.0.0-rc-dfd30974ab-20240613
+        specifier: 19.0.0-rc-01172397-20240716
+        version: 19.0.0-rc-01172397-20240716
       third-party-capital:
         specifier: 1.0.20
         version: 1.0.20
@@ -3104,7 +3104,7 @@ packages:
     resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -3121,7 +3121,7 @@ packages:
   '@emotion/use-insertion-effect-with-fallbacks@1.0.1':
     resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   '@emotion/utils@1.2.1':
     resolution: {integrity: sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==}
@@ -3318,14 +3318,14 @@ packages:
   '@floating-ui/react-dom@2.1.0':
     resolution: {integrity: sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
   '@floating-ui/react@0.26.16':
     resolution: {integrity: sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
   '@floating-ui/utils@0.2.2':
     resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
@@ -3973,13 +3973,13 @@ packages:
     resolution: {integrity: sha512-l9ypojKN3PjwO1CSLIsqxi7mA25+7w+xc71Q+JuCCREI0tuGwkZsKbIOpuTATIJOjPh8ycLiW7QxX1LYsRTq6w==}
     peerDependencies:
       '@mantine/hooks': 7.10.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
   '@mantine/hooks@7.11.2':
     resolution: {integrity: sha512-jhyVe/sbDEG2U8rr2lMecUPgQxcfr5hh9HazqGfkS7ZRIMDO7uJ947yAcTMGGkp5Lxtt5TBFt1Cb6tiB2/1agg==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   '@mapbox/node-pre-gyp@1.0.5':
     resolution: {integrity: sha512-4srsKPXWlIxp5Vbqz5uLfBN+du2fJChBoYn/f2h991WLdk7jUvcSk/McVLSv/X+xQIPI8eGD5GjrnygdyHnhPA==}
@@ -3996,7 +3996,7 @@ packages:
   '@mdx-js/react@2.2.1':
     resolution: {integrity: sha512-YdXcMcEnqZhzql98RNrqYo9cEhTTesBiCclEtoiQUbJwx87q9453GTapYU6kJ8ZZ2ek1Vp25SiAXEFy5O/eAPw==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   '@mswjs/cookies@1.1.0':
     resolution: {integrity: sha512-0ZcCVQxifZmhwNBoQIrystCb+2sWBY2Zw8lpfJBPCHGCA/HWqehITeCRVIv4VMy8MPlaHo2w2pTHFV2pFfqKPw==}
@@ -4679,8 +4679,8 @@ packages:
     engines: {node: '>=18'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -10246,7 +10246,7 @@ packages:
   lucide-react@0.383.0:
     resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
@@ -12486,20 +12486,28 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
-  react-dom@0.0.0-experimental-dfd30974ab-20240613:
-    resolution: {integrity: sha512-j2NXEeJYzlCxzccgcBjhNMe1Zr1et/AMtAqNsSt1CuHnYlqQ6QfnTnLC4x8dQ7wEEfvAQGSJhR/GXboi2vcWow==}
+  react-dom@0.0.0-experimental-01172397-20240716:
+    resolution: {integrity: sha512-B3KqGAFi0QsK2d6QsLmq0LOmMn2drt3iv4aDJntBgh5Bbln+Wgl+DVwjivotoydrcW1P80TpWZJnlqKltimDRQ==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   react-dom@17.0.2:
     resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+
+  react-dom@19.0.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-K/bL1H84U+sovymcBgy2r8TgpzwzXcJADdzX1t7eVg+h9BEp4aQEePHg9Gz+vuHnkq3FIZ3M2Q6EgzITE5mg4g==}
+    peerDependencies:
+      react: 19.0.0-rc-01172397-20240716
 
   react-dom@19.0.0-rc-dfd30974ab-20240613:
     resolution: {integrity: sha512-UPTG9PYn84w7SZLFOFUOF27J64UHlZvzw0gskaZgvav5p5gjH7VjUmmcgEQ2tbpIBpV3qgw8b6UhVAT0ruVqRQ==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+
+  react-is@19.0.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-XYALN9wVv1gw7OxszoMfJL5jTiFGSxw8/CHXwrKBuFQxfnKuoef5YhexqK5k9azQGIpVV97H6N+q3vK7JanlNA==}
 
   react-is@19.0.0-rc-dfd30974ab-20240613:
     resolution: {integrity: sha512-cuWoFq2/RDnvLT5Y112IvpoVhmKDrnKX3uDUpj9wuwZDAYnpWPuhEG+ysAuJayCy1e/HftlnN0hxKSYO+kp0nA==}
@@ -12510,8 +12518,8 @@ packages:
   react-number-format@5.4.0:
     resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
   react-refresh@0.12.0:
     resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==}
@@ -12522,7 +12530,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -12532,53 +12540,53 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
 
-  react-server-dom-turbopack@0.0.0-experimental-dfd30974ab-20240613:
-    resolution: {integrity: sha512-guw0UyC2oIxhPS1ZPJzyTr8rwncgCVXHNWejYPWI2Ipc/mA//9WQKQiwl+DAwAuBgk1lBTTRN11gPA5EDH9RRw==}
+  react-server-dom-turbopack@0.0.0-experimental-01172397-20240716:
+    resolution: {integrity: sha512-02mbcolK/a+eo4GilqKHoRcOLtemvJKiI164a9OEHiyW2nkJa+8uo3uMpIiFAQGJfJBsCJ5KhKClS2jYHqMEqA==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
-  react-server-dom-turbopack@19.0.0-rc-dfd30974ab-20240613:
-    resolution: {integrity: sha512-/Z69dB0LQaCu8SLUJNdLUD3flhyCSnqGcDDxf0apeKhpMwVBL1u5mKNlBWTIhUrjNXiRorjzPNo6Yaclnq1KJw==}
+  react-server-dom-turbopack@19.0.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-LAuzHmWTSlVD18S2yT+U97cgBB7ZncMhzMS0aRslUIozC2hA960pWqAZaW1+aw6b5O+1rWLkSL2rtRzpx1P6Tw==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
-  react-server-dom-webpack@0.0.0-experimental-dfd30974ab-20240613:
-    resolution: {integrity: sha512-GUfhUOPazRqPmqG9OmwQVt5Z36B712b0NKcLMnsne6knO0Vk9uqmcKB9gtOFUKZ8Q2FH3GJEMfNqxIgrMSdHtw==}
+  react-server-dom-webpack@0.0.0-experimental-01172397-20240716:
+    resolution: {integrity: sha512-sCPi3JqJO0WTaOjFvsMYF/2PDaWJek2HXki8qm8eNORWn0woW4KTFO2dnxOoKCWycSZfGVddmR8SFXOKEh1l4Q==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
       webpack: 5.90.0
 
-  react-server-dom-webpack@19.0.0-rc-dfd30974ab-20240613:
-    resolution: {integrity: sha512-yD144OXIWQt7j5AhvY1kRef0Qj9I+H0afPjO62guPdrYW49eRgH9lbaHigz+auL2De17/5PARTaQzYrIEmcsiQ==}
+  react-server-dom-webpack@19.0.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-iMj7+68HPGU6h0bll3r/ZkZmDne/mNjVAep9DXaNNCffRZvVH52DtQ+odUn3yRAIYrOSW5aPwI0gADlaevmLbQ==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
       webpack: 5.90.0
 
   react-ssr-prepass@1.0.8:
     resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-is: 19.0.0-rc-01172397-20240716
 
   react-style-singleton@2.2.1:
     resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==}
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -12587,22 +12595,26 @@ packages:
     resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==}
     engines: {node: '>=10'}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   react-virtualized@9.22.3:
     resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
 
-  react@0.0.0-experimental-dfd30974ab-20240613:
-    resolution: {integrity: sha512-ecW0BZIzSDPAKhwEO1YUQUyplQXyVKixg848Y3k3umee++oeo4aDCsBqQ5dWYkCaERJSpDoILowOCv1dJQrFMw==}
+  react@0.0.0-experimental-01172397-20240716:
+    resolution: {integrity: sha512-krBj0glw/h4bTgJBnsD+7C1sSFuLD7oyf6yJ4CBT9KGkBAhJJpuMLM79YIudc286irAwVk0FqVTohPBKED9DRA==}
     engines: {node: '>=0.10.0'}
 
   react@17.0.2:
     resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==}
     engines: {node: '>=0.10.0'}
 
+  react@19.0.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-/dv7CptWJl3Y2z+/KRdeizaJfkG8q4YC+zU4Se/69lqYs7Ad24BAvntsrZb8Ti7/I0rGCp313UQYzKsRGZDxcw==}
+    engines: {node: '>=0.10.0'}
+
   react@19.0.0-rc-dfd30974ab-20240613:
     resolution: {integrity: sha512-3Qj7oDBSsImcwuHwRHOqpp58P0JNn72/SxXqKj+HYnKj1PnoPXXsaeO9Xv9Rz4yT6B6IpteWra2guN6l5r8P4A==}
     engines: {node: '>=0.10.0'}
@@ -13126,11 +13138,11 @@ packages:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
-  scheduler@0.0.0-experimental-dfd30974ab-20240613:
-    resolution: {integrity: sha512-IKYjlkc8foHECRTF+4hqXB7DmeTAKbUFzGaPbSXnPnYy0RG8SVeZzxjuZuEzXUTuMcMrIQxwFiGmjTKSean00A==}
+  scheduler@0.0.0-experimental-01172397-20240716:
+    resolution: {integrity: sha512-pvDvsIId9sd+0eLQpBH3hOh21WYwjJ00XV2GUZWJ/JeW6i6BpDXuKbRroH4pU+buBzgJ23UX3TmWgEeSfNLjEQ==}
 
-  scheduler@0.25.0-rc-dfd30974ab-20240613:
-    resolution: {integrity: sha512-1RGqGz5ruc5zvzo9sSVoUn1XA6xbSVNvzUVI3zwH++WIEUggLccBMcXtbbixDUxNxEzc5UnQ96CLo+1KRuvO7A==}
+  scheduler@0.25.0-rc-01172397-20240716:
+    resolution: {integrity: sha512-jNAGxPh0VfcFVR4TXb52I530diHqQYmvdSHyemDlQJXRmCfvJIhutEbU0AEtQmVPwtoEqykq/ZiobRe/DKuK1A==}
 
   schema-utils@2.7.1:
     resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==}
@@ -13699,8 +13711,8 @@ packages:
     engines: {node: '>= 16'}
     peerDependencies:
       babel-plugin-styled-components: '>= 2'
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       babel-plugin-styled-components:
         optional: true
@@ -13714,7 +13726,7 @@ packages:
     peerDependencies:
       '@babel/core': '*'
       babel-plugin-macros: '*'
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@babel/core':
         optional: true
@@ -13791,7 +13803,7 @@ packages:
   swr@2.2.4:
     resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   symbol-observable@1.0.1:
     resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==}
@@ -14535,7 +14547,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -14543,13 +14555,13 @@ packages:
   use-composed-ref@1.3.0:
     resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   use-isomorphic-layout-effect@1.1.2:
     resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -14558,7 +14570,7 @@ packages:
     resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==}
     peerDependencies:
       '@types/react': '*'
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -14568,7 +14580,7 @@ packages:
     engines: {node: '>=10'}
     peerDependencies:
       '@types/react': npm:types-react@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     peerDependenciesMeta:
       '@types/react':
         optional: true
@@ -14576,7 +14588,7 @@ packages:
   use-sync-external-store@1.2.0:
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
     peerDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   use@3.1.1:
     resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
@@ -16931,17 +16943,17 @@ snapshots:
 
   '@emotion/memoize@0.8.1': {}
 
-  '@emotion/react@11.11.1(react@19.0.0-rc-dfd30974ab-20240613)(types-react@19.0.0-rc.0)':
+  '@emotion/react@11.11.1(react@19.0.0-rc-01172397-20240716)(types-react@19.0.0-rc.0)':
     dependencies:
       '@babel/runtime': 7.22.5
       '@emotion/babel-plugin': 11.11.0
       '@emotion/cache': 11.11.0
       '@emotion/serialize': 1.1.2
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0-rc-dfd30974ab-20240613)
+      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0-rc-01172397-20240716)
       '@emotion/utils': 1.2.1
       '@emotion/weak-memoize': 0.3.1
       hoist-non-react-statics: 3.3.2
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     optionalDependencies:
       '@types/react': types-react@19.0.0-rc.0
 
@@ -16957,9 +16969,9 @@ snapshots:
 
   '@emotion/unitless@0.8.1': {}
 
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0-rc-dfd30974ab-20240613)':
+  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0-rc-01172397-20240716)':
     dependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   '@emotion/utils@1.2.1': {}
 
@@ -18321,6 +18333,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@mdx-js/react@2.2.1(react@19.0.0-rc-01172397-20240716)':
+    dependencies:
+      '@types/mdx': 2.0.3
+      '@types/react': types-react@19.0.0-rc.0
+      react: 19.0.0-rc-01172397-20240716
+
   '@mdx-js/react@2.2.1(react@19.0.0-rc-dfd30974ab-20240613)':
     dependencies:
       '@types/mdx': 2.0.3
@@ -19138,13 +19156,13 @@ snapshots:
       '@types/jest': 29.5.5
       jest: 29.7.0(@types/node@20.12.3)(babel-plugin-macros@3.1.0)
 
-  '@testing-library/react@15.0.7(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(types-react@19.0.0-rc.0)':
+  '@testing-library/react@15.0.7(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(types-react@19.0.0-rc.0)':
     dependencies:
       '@babel/runtime': 7.22.5
       '@testing-library/dom': 10.1.0
       '@types/react-dom': types-react-dom@19.0.0-rc.0
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
     optionalDependencies:
       '@types/react': types-react@19.0.0-rc.0
 
@@ -24147,7 +24165,7 @@ snapshots:
 
   hoist-non-react-statics@3.3.2:
     dependencies:
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   homedir-polyfill@1.0.3:
     dependencies:
@@ -28563,25 +28581,25 @@ snapshots:
       '@jest/types': 24.9.0
       ansi-regex: 4.1.0
       ansi-styles: 3.2.1
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   pretty-format@27.5.1:
     dependencies:
       ansi-regex: 5.0.1
       ansi-styles: 5.2.0
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   pretty-format@29.5.0:
     dependencies:
       '@jest/schemas': 29.4.3
       ansi-styles: 5.2.0
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   pretty-format@29.7.0:
     dependencies:
       '@jest/schemas': 29.6.3
       ansi-styles: 5.2.0
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   pretty-ms@7.0.0:
     dependencies:
@@ -28638,7 +28656,7 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
-      react-is: 19.0.0-rc-dfd30974ab-20240613
+      react-is: 19.0.0-rc-01172397-20240716
 
   property-information@5.6.0:
     dependencies:
@@ -28810,22 +28828,29 @@ snapshots:
       minimist: 1.2.6
       strip-json-comments: 2.0.1
 
-  react-dom@0.0.0-experimental-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613):
+  react-dom@0.0.0-experimental-01172397-20240716(react@19.0.0-rc-01172397-20240716):
     dependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
-      scheduler: 0.25.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      scheduler: 0.25.0-rc-01172397-20240716
 
-  react-dom@17.0.2(react@19.0.0-rc-dfd30974ab-20240613):
+  react-dom@17.0.2(react@19.0.0-rc-01172397-20240716):
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      scheduler: 0.25.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
+      scheduler: 0.25.0-rc-01172397-20240716
+
+  react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716):
+    dependencies:
+      react: 19.0.0-rc-01172397-20240716
+      scheduler: 0.25.0-rc-01172397-20240716
 
   react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613):
     dependencies:
       react: 19.0.0-rc-dfd30974ab-20240613
-      scheduler: 0.25.0-rc-dfd30974ab-20240613
+      scheduler: 0.25.0-rc-01172397-20240716
+
+  react-is@19.0.0-rc-01172397-20240716: {}
 
   react-is@19.0.0-rc-dfd30974ab-20240613: {}
 
@@ -28858,40 +28883,40 @@ snapshots:
     optionalDependencies:
       '@types/react': types-react@19.0.0-rc.0
 
-  react-server-dom-turbopack@0.0.0-experimental-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613):
+  react-server-dom-turbopack@0.0.0-experimental-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716):
     dependencies:
       acorn-loose: 8.3.0
       neo-async: 2.6.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
 
-  react-server-dom-turbopack@19.0.0-rc-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613):
+  react-server-dom-turbopack@19.0.0-rc-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716):
     dependencies:
       acorn-loose: 8.3.0
       neo-async: 2.6.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
 
-  react-server-dom-webpack@0.0.0-experimental-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))):
+  react-server-dom-webpack@0.0.0-experimental-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))):
     dependencies:
       acorn-loose: 8.3.0
       neo-async: 2.6.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       webpack: 5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))
 
-  react-server-dom-webpack@19.0.0-rc-dfd30974ab-20240613(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))):
+  react-server-dom-webpack@19.0.0-rc-01172397-20240716(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))):
     dependencies:
       acorn-loose: 8.3.0
       neo-async: 2.6.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       webpack: 5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))
 
-  react-ssr-prepass@1.0.8(react-is@19.0.0-rc-dfd30974ab-20240613)(react@19.0.0-rc-dfd30974ab-20240613):
+  react-ssr-prepass@1.0.8(react-is@19.0.0-rc-dfd30974ab-20240613)(react@19.0.0-rc-01172397-20240716):
     dependencies:
       object-is: 1.0.2
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
       react-is: 19.0.0-rc-dfd30974ab-20240613
 
   react-style-singleton@2.2.1(react@19.0.0-rc-dfd30974ab-20240613)(types-react@19.0.0-rc.0):
@@ -28912,24 +28937,26 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  react-virtualized@9.22.3(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613):
+  react-virtualized@9.22.3(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716):
     dependencies:
       '@babel/runtime': 7.22.5
       clsx: 1.1.1
       dom-helpers: 5.2.1
       loose-envify: 1.4.0
       prop-types: 15.8.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       react-lifecycles-compat: 3.0.4
 
-  react@0.0.0-experimental-dfd30974ab-20240613: {}
+  react@0.0.0-experimental-01172397-20240716: {}
 
   react@17.0.2:
     dependencies:
       loose-envify: 1.4.0
       object-assign: 4.1.1
 
+  react@19.0.0-rc-01172397-20240716: {}
+
   react@19.0.0-rc-dfd30974ab-20240613: {}
 
   read-cache@1.0.0:
@@ -29618,9 +29645,9 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
-  scheduler@0.0.0-experimental-dfd30974ab-20240613: {}
+  scheduler@0.0.0-experimental-01172397-20240716: {}
 
-  scheduler@0.25.0-rc-dfd30974ab-20240613: {}
+  scheduler@0.25.0-rc-01172397-20240716: {}
 
   schema-utils@2.7.1:
     dependencies:
@@ -30269,7 +30296,7 @@ snapshots:
     dependencies:
       inline-style-parser: 0.1.1
 
-  styled-components@6.0.0-rc.3(react-dom@19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613))(react@19.0.0-rc-dfd30974ab-20240613):
+  styled-components@6.0.0-rc.3(react-dom@19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716))(react@19.0.0-rc-01172397-20240716):
     dependencies:
       '@babel/cli': 7.21.5(@babel/core@7.22.5)
       '@babel/core': 7.22.5
@@ -30284,8 +30311,8 @@ snapshots:
       '@emotion/unitless': 0.8.1
       css-to-react-native: 3.2.0
       postcss: 8.4.31
-      react: 19.0.0-rc-dfd30974ab-20240613
-      react-dom: 19.0.0-rc-dfd30974ab-20240613(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      react-dom: 19.0.0-rc-01172397-20240716(react@19.0.0-rc-01172397-20240716)
       shallowequal: 1.1.0
       stylis: 4.2.0
       tslib: 2.5.3
@@ -30297,10 +30324,10 @@ snapshots:
       postcss: 7.0.32
       postcss-load-plugins: 2.3.0
 
-  styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-dfd30974ab-20240613):
+  styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-01172397-20240716):
     dependencies:
       client-only: 0.0.1
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
     optionalDependencies:
       '@babel/core': 7.22.5
       babel-plugin-macros: 3.1.0
@@ -30390,11 +30417,11 @@ snapshots:
       picocolors: 1.0.0
       stable: 0.1.8
 
-  swr@2.2.4(react@19.0.0-rc-dfd30974ab-20240613):
+  swr@2.2.4(react@19.0.0-rc-01172397-20240716):
     dependencies:
       client-only: 0.0.1
-      react: 19.0.0-rc-dfd30974ab-20240613
-      use-sync-external-store: 1.2.0(react@19.0.0-rc-dfd30974ab-20240613)
+      react: 19.0.0-rc-01172397-20240716
+      use-sync-external-store: 1.2.0(react@19.0.0-rc-01172397-20240716)
 
   symbol-observable@1.0.1: {}
 
@@ -31083,9 +31110,9 @@ snapshots:
       unist-util-is: 5.2.0
       unist-util-visit-parents: 5.1.3
 
-  unistore@3.4.1(react@19.0.0-rc-dfd30974ab-20240613):
+  unistore@3.4.1(react@19.0.0-rc-01172397-20240716):
     optionalDependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   universal-github-app-jwt@1.1.1:
     dependencies:
@@ -31210,9 +31237,9 @@ snapshots:
     optionalDependencies:
       '@types/react': types-react@19.0.0-rc.0
 
-  use-sync-external-store@1.2.0(react@19.0.0-rc-dfd30974ab-20240613):
+  use-sync-external-store@1.2.0(react@19.0.0-rc-01172397-20240716):
     dependencies:
-      react: 19.0.0-rc-dfd30974ab-20240613
+      react: 19.0.0-rc-01172397-20240716
 
   use@3.1.1: {}
 
diff --git a/run-tests.js b/run-tests.js
index ff2a277301a87..fc9f8f9bf5de9 100644
--- a/run-tests.js
+++ b/run-tests.js
@@ -416,7 +416,7 @@ ${ENDGROUP}`)
     // to avoid having to run yarn each time
     console.log(`${GROUP}Creating Next.js install for isolated tests`)
     const reactVersion =
-      process.env.NEXT_TEST_REACT_VERSION || '19.0.0-rc-dfd30974ab-20240613'
+      process.env.NEXT_TEST_REACT_VERSION || '19.0.0-rc-01172397-20240716'
     const { installDir, pkgPaths, tmpRepoDir } = await createNextInstall({
       parentSpan: mockTrace(),
       dependencies: {
diff --git a/test/.stats-app/package.json b/test/.stats-app/package.json
index 0d862f158210c..4a144f82cf4e3 100644
--- a/test/.stats-app/package.json
+++ b/test/.stats-app/package.json
@@ -4,8 +4,8 @@
   "license": "MIT",
   "dependencies": {
     "next": "latest",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716"
   },
   "engines": {
     "node": ">=18.18.0"
diff --git a/test/e2e/next-test/first-time-setup-js/package.json b/test/e2e/next-test/first-time-setup-js/package.json
index d2f932479481c..f1e885599d9de 100644
--- a/test/e2e/next-test/first-time-setup-js/package.json
+++ b/test/e2e/next-test/first-time-setup-js/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "next": "canary",
-    "react": "19.0.0-rc-dfd30974ab-20240613",
-    "react-dom": "19.0.0-rc-dfd30974ab-20240613"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716"
   }
 }
diff --git a/test/e2e/next-test/first-time-setup-ts/package.json b/test/e2e/next-test/first-time-setup-ts/package.json
index b63b001740050..122fb72f161dc 100644
--- a/test/e2e/next-test/first-time-setup-ts/package.json
+++ b/test/e2e/next-test/first-time-setup-ts/package.json
@@ -8,8 +8,8 @@
   },
   "dependencies": {
     "next": "canary",
-    "react": "19.0.0-rc.0",
-    "react-dom": "19.0.0-rc.0"
+    "react": "19.0.0-rc-01172397-20240716",
+    "react-dom": "19.0.0-rc-01172397-20240716"
   },
   "devDependencies": {
     "@types/react": "^18",
diff --git a/test/lib/next-modes/base.ts b/test/lib/next-modes/base.ts
index 41395ad263d8f..f076c3dbb479d 100644
--- a/test/lib/next-modes/base.ts
+++ b/test/lib/next-modes/base.ts
@@ -163,7 +163,7 @@ export class NextInstance {
         )
 
         const reactVersion =
-          process.env.NEXT_TEST_REACT_VERSION || '19.0.0-rc-dfd30974ab-20240613'
+          process.env.NEXT_TEST_REACT_VERSION || '19.0.0-rc-01172397-20240716'
         const finalDependencies = {
           react: reactVersion,
           'react-dom': reactVersion,