From 3e2ac8211a3f0cf6babb485b0259bb07462daa34 Mon Sep 17 00:00:00 2001
From: Jiachi Liu <inbox@huozhi.im>
Date: Thu, 8 Sep 2022 17:27:29 +0200
Subject: [PATCH] Update react-server-dom-webpack

---
 package.json                                  |   4 +-
 ...bpack-writer.browser.development.server.js | 212 +++++++++++++++++-
 ...ck-writer.browser.production.min.server.js |  72 +++---
 .../react-server-dom-webpack.development.js   |   9 +-
 ...react-server-dom-webpack.production.min.js |   4 +-
 packages/next/package.json                    |   2 +-
 pnpm-lock.yaml                                |  34 +--
 7 files changed, 267 insertions(+), 70 deletions(-)

diff --git a/package.json b/package.json
index 5f5ac0dfcb40dcb..758a6b8200aff4e 100644
--- a/package.json
+++ b/package.json
@@ -177,8 +177,8 @@
     "react-17": "npm:react@17.0.2",
     "react-dom": "18.2.0",
     "react-dom-17": "npm:react-dom@17.0.2",
-    "react-dom-exp": "npm:react-dom@0.0.0-experimental-0de3ddf56-20220825",
-    "react-exp": "npm:react@0.0.0-experimental-0de3ddf56-20220825",
+    "react-dom-exp": "npm:react-dom@0.0.0-experimental-7028ce745-20220907",
+    "react-exp": "npm:react@0.0.0-experimental-7028ce745-20220907",
     "react-ssr-prepass": "1.0.8",
     "react-virtualized": "9.22.3",
     "relay-compiler": "13.0.2",
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
index a4dfaa018c81e2a..b5e1d259afd5267 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.development.server.js
@@ -894,18 +894,109 @@ function readContext(context) {
   return value;
 }
 
+// Corresponds to ReactFiberWakeable module. Generally, changes to one module
+// should be reflected in the other.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// TODO: Sparse arrays are bad for performance.
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+function trackSuspendedWakeable(wakeable) {
+  // If this wakeable isn't already a thenable, turn it into one now. Then,
+  // when we resume the work loop, we can check if its status is
+  // still pending.
+  // TODO: Get rid of the Wakeable type? It's superseded by UntrackedThenable.
+  var thenable = wakeable; // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+  switch (thenable.status) {
+    case 'pending':
+      // Since the status is already "pending", we can assume it will be updated
+      // when it resolves, either by React or something in userspace.
+      break;
+
+    case 'fulfilled':
+    case 'rejected':
+      // A thenable that already resolved shouldn't have been thrown, so this is
+      // unexpected. Suggests a mistake in a userspace data library. Don't track
+      // this thenable, because if we keep trying it will likely infinite loop
+      // without ever resolving.
+      // TODO: Log a warning?
+      break;
+
+    default:
+      {
+        // TODO: Only instrument the thenable if the status if not defined. If
+        // it's defined, but an unknown value, assume it's been instrumented by
+        // some custom userspace implementation.
+        var pendingThenable = thenable;
+        pendingThenable.status = 'pending';
+        pendingThenable.then(function (fulfilledValue) {
+          if (thenable.status === 'pending') {
+            var fulfilledThenable = thenable;
+            fulfilledThenable.status = 'fulfilled';
+            fulfilledThenable.value = fulfilledValue;
+          }
+        }, function (error) {
+          if (thenable.status === 'pending') {
+            var rejectedThenable = thenable;
+            rejectedThenable.status = 'rejected';
+            rejectedThenable.reason = error;
+          }
+        });
+        break;
+      }
+  }
+}
+function trackUsedThenable(thenableState, thenable, index) {
+  // This is only a separate function from trackSuspendedWakeable for symmetry
+  // with Fiber.
+  // TODO: Disallow throwing a thenable directly. It must go through `use` (or
+  // some equivalent for internal Suspense implementations). We can't do this in
+  // Fiber yet because it's a breaking change but we can do it in Server
+  // Components because Server Components aren't released yet.
+  thenableState[index] = thenable;
+}
+function getPreviouslyUsedThenableAtIndex(thenableState, index) {
+  if (thenableState !== null) {
+    var thenable = thenableState[index];
+
+    if (thenable !== undefined) {
+      return thenable;
+    }
+  }
+
+  return null;
+}
+
 var currentRequest = null;
+var thenableIndexCounter = 0;
+var thenableState = null;
 function prepareToUseHooksForRequest(request) {
   currentRequest = request;
 }
 function resetHooksForRequest() {
   currentRequest = null;
 }
+function prepareToUseHooksForComponent(prevThenableState) {
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function getThenableStateAfterSuspending() {
+  return thenableState;
+}
 
 function readContext$1(context) {
   {
     if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      error('Only ServerContext is supported in Flight');
+      error('Only createServerContext is supported in Server Components.');
     }
 
     if (currentCache === null) {
@@ -958,7 +1049,8 @@ var Dispatcher = {
   },
   useMemoCache: function (size) {
     return new Array(size);
-  }
+  },
+  use:  use 
 };
 
 function unsupportedHook() {
@@ -990,6 +1082,80 @@ function useId() {
   return ':' + currentRequest.identifierPrefix + 'S' + id.toString(32) + ':';
 }
 
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable; // Track the position of the thenable within this fiber.
+
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            var fulfilledValue = thenable.value;
+            return fulfilledValue;
+          }
+
+        case 'rejected':
+          {
+            var rejectedError = thenable.reason;
+            throw rejectedError;
+          }
+
+        default:
+          {
+            var prevThenableAtIndex = getPreviouslyUsedThenableAtIndex(thenableState, index);
+
+            if (prevThenableAtIndex !== null) {
+              switch (prevThenableAtIndex.status) {
+                case 'fulfilled':
+                  {
+                    var _fulfilledValue = prevThenableAtIndex.value;
+                    return _fulfilledValue;
+                  }
+
+                case 'rejected':
+                  {
+                    var _rejectedError = prevThenableAtIndex.reason;
+                    throw _rejectedError;
+                  }
+
+                default:
+                  {
+                    // The thenable still hasn't resolved. Suspend with the same
+                    // thenable as last time to avoid redundant listeners.
+                    throw prevThenableAtIndex;
+                  }
+              }
+            } else {
+              // This is the first time something has been used at this index.
+              // Stash the thenable at the current index so we can reuse it during
+              // the next attempt.
+              if (thenableState === null) {
+                thenableState = createThenableState();
+              }
+
+              trackUsedThenable(thenableState, thenable, index); // Suspend.
+              // TODO: Throwing here is an implementation detail that allows us to
+              // unwind the call stack. But we shouldn't allow it to leak into
+              // userspace. Throw an opaque placeholder value instead of the
+              // actual thenable. If it doesn't get captured by the work loop, log
+              // a warning, because that means something in userspace must have
+              // caught it.
+
+              throw thenable;
+            }
+          }
+      }
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
 var ContextRegistry = ReactSharedInternals.ContextRegistry;
 function getOrCreateServerContext(globalName) {
   if (!ContextRegistry[globalName]) {
@@ -1051,7 +1217,7 @@ function createRootContext(reqContext) {
 
 var POP = {};
 
-function attemptResolveElement(type, key, ref, props) {
+function attemptResolveElement(type, key, ref, props, prevThenableState) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
@@ -1066,6 +1232,7 @@ function attemptResolveElement(type, key, ref, props) {
     } // This is a server-side component.
 
 
+    prepareToUseHooksForComponent(prevThenableState);
     return type(props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
@@ -1094,18 +1261,19 @@ function attemptResolveElement(type, key, ref, props) {
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(wrappedType, key, ref, props);
+          return attemptResolveElement(wrappedType, key, ref, props, prevThenableState);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
           var render = type.render;
+          prepareToUseHooksForComponent(prevThenableState);
           return render(props, undefined);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(type.type, key, ref, props);
+          return attemptResolveElement(type.type, key, ref, props, prevThenableState);
         }
 
       case REACT_PROVIDER_TYPE:
@@ -1159,7 +1327,8 @@ function createTask(request, model, context, abortSet) {
     context: context,
     ping: function () {
       return pingTask(request, task);
-    }
+    },
+    thenableState: null
   };
   abortSet.add(task);
   return task;
@@ -1426,7 +1595,7 @@ function resolveModelToJSON(request, parent, key, value) {
             // TODO: Concatenate keys of parents onto children.
             var element = value; // Attempt to render the server component.
 
-            value = attemptResolveElement(element.type, element.key, element.ref, element.props);
+            value = attemptResolveElement(element.type, element.key, element.ref, element.props, null);
             break;
           }
 
@@ -1445,6 +1614,9 @@ function resolveModelToJSON(request, parent, key, value) {
         var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
         var ping = newTask.ping;
         x.then(ping, ping);
+        var wakeable = x;
+        trackSuspendedWakeable(wakeable);
+        newTask.thenableState = getThenableStateAfterSuspending();
         return serializeByRefID(newTask.id);
       } else {
         logRecoverableError(request, x); // Something errored. We'll still send everything we have up until this point.
@@ -1625,14 +1797,29 @@ function retryTask(request, task) {
   try {
     var _value3 = task.model;
 
-    while (typeof _value3 === 'object' && _value3 !== null && _value3.$$typeof === REACT_ELEMENT_TYPE) {
+    if (typeof _value3 === 'object' && _value3 !== null && _value3.$$typeof === REACT_ELEMENT_TYPE) {
       // TODO: Concatenate keys of parents onto children.
-      var element = _value3; // Attempt to render the server component.
+      var element = _value3; // When retrying a component, reuse the thenableState from the
+      // previous attempt.
+
+      var prevThenableState = task.thenableState; // Attempt to render the server component.
       // Doing this here lets us reuse this same task if the next component
       // also suspends.
 
       task.model = _value3;
-      _value3 = attemptResolveElement(element.type, element.key, element.ref, element.props);
+      _value3 = attemptResolveElement(element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
+      // using the same task, but we reset its thenable state before continuing.
+
+      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
+      // from the render above because we don't need to reset the thenable state
+      // until the next time something suspends and retries.
+
+      while (typeof _value3 === 'object' && _value3 !== null && _value3.$$typeof === REACT_ELEMENT_TYPE) {
+        // TODO: Concatenate keys of parents onto children.
+        var nextElement = _value3;
+        task.model = _value3;
+        _value3 = attemptResolveElement(nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
+      }
     }
 
     var processedChunk = processModelChunk(request, task.id, _value3);
@@ -1644,6 +1831,9 @@ function retryTask(request, task) {
       // Something suspended again, let's pick it back up later.
       var ping = task.ping;
       x.then(ping, ping);
+      var wakeable = x;
+      trackSuspendedWakeable(wakeable);
+      task.thenableState = getThenableStateAfterSuspending();
       return;
     } else {
       request.abortableTasks.delete(task);
@@ -1690,7 +1880,7 @@ function abortTask(task, request, errorId) {
 
   var ref = serializeByValueID(errorId);
   var processedChunk = processReferenceChunk(request, task.id, ref);
-  request.completedJSONChunks.push(processedChunk);
+  request.completedErrorChunks.push(processedChunk);
 }
 
 function flushCompletedChunks(request, destination) {
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
index 95a6f04e34bb6ab..892fa9bace9be57 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-writer.browser.production.min.server.js
@@ -7,42 +7,44 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var e=require("react"),l=null,m=0;function n(a,c){if(0!==c.length)if(512<c.length)0<m&&(a.enqueue(new Uint8Array(l.buffer,0,m)),l=new Uint8Array(512),m=0),a.enqueue(c);else{var d=l.length-m;d<c.length&&(0===d?a.enqueue(l):(l.set(c.subarray(0,d),m),a.enqueue(l),c=c.subarray(d)),l=new Uint8Array(512),m=0);l.set(c,m);m+=c.length}return!0}var p=new TextEncoder;function q(a){return p.encode(a)}function r(a,c){"function"===typeof a.error?a.error(c):a.close()}
-var u=JSON.stringify,v=Symbol.for("react.module.reference"),w=Symbol.for("react.element"),aa=Symbol.for("react.fragment"),z=Symbol.for("react.provider"),ba=Symbol.for("react.forward_ref"),ca=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),B=Symbol.for("react.default_value");function C(a,c,d,b,f,g,h){this.acceptsBooleans=2===c||3===c||4===c;this.attributeName=b;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=c;this.sanitizeURL=g;this.removeEmptyString=h}var da="children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ");
-da.push("innerText","textContent");da.forEach(function(a){new C(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new C(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new C(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new C(a,2,!1,a,null,!1,!1)});
-"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new C(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new C(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new C(a,4,!1,a,null,!1,!1)});
-["cols","rows","size","span"].forEach(function(a){new C(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){new C(a,5,!1,a.toLowerCase(),null,!1,!1)});var D=/[\-:]([a-z])/g;function E(a){return a[1].toUpperCase()}
-"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var c=a.replace(D,
-E);new C(c,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var c=a.replace(D,E);new C(c,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var c=a.replace(D,E);new C(c,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){new C(a,1,!1,a.toLowerCase(),null,!1,!1)});
-new C("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){new C(a,1,!1,a.toLowerCase(),null,!0,!0)});
-var F={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,
-fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ea=["Webkit","ms","Moz","O"];Object.keys(F).forEach(function(a){ea.forEach(function(c){c=c+a.charAt(0).toUpperCase()+a.substring(1);F[c]=F[a]})});var fa=Array.isArray;q("<script>");q("\x3c/script>");q('<script src="');q('<script type="module" src="');q('" integrity="');q('" async="">\x3c/script>');q("\x3c!-- --\x3e");q(' style="');q(":");q(";");q(" ");q('="');q('"');
+'use strict';var e=require("react"),l=null,m=0;function n(a,c){if(0!==c.length)if(512<c.length)0<m&&(a.enqueue(new Uint8Array(l.buffer,0,m)),l=new Uint8Array(512),m=0),a.enqueue(c);else{var d=l.length-m;d<c.length&&(0===d?a.enqueue(l):(l.set(c.subarray(0,d),m),a.enqueue(l),c=c.subarray(d)),l=new Uint8Array(512),m=0);l.set(c,m);m+=c.length}return!0}var p=new TextEncoder;function q(a){return p.encode(a)}function u(a,c){"function"===typeof a.error?a.error(c):a.close()}
+var v=JSON.stringify,w=Symbol.for("react.module.reference"),x=Symbol.for("react.element"),aa=Symbol.for("react.fragment"),ba=Symbol.for("react.provider"),ca=Symbol.for("react.forward_ref"),da=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),ea=Symbol.for("react.default_value");function A(a,c,d,b,f,g,h){this.acceptsBooleans=2===c||3===c||4===c;this.attributeName=b;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=c;this.sanitizeURL=g;this.removeEmptyString=h}
+var fa="children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ");fa.push("innerText","textContent");fa.forEach(function(a){new A(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new A(a[0],1,!1,a[1],null,!1,!1)});
+["contentEditable","draggable","spellCheck","value"].forEach(function(a){new A(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new A(a,2,!1,a,null,!1,!1)});
+"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new A(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new A(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new A(a,4,!1,a,null,!1,!1)});
+["cols","rows","size","span"].forEach(function(a){new A(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){new A(a,5,!1,a.toLowerCase(),null,!1,!1)});var B=/[\-:]([a-z])/g;function C(a){return a[1].toUpperCase()}
+"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var c=a.replace(B,
+C);new A(c,1,!1,a,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var c=a.replace(B,C);new A(c,1,!1,a,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(a){var c=a.replace(B,C);new A(c,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!1,!1)});
+new A("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(a){new A(a,1,!1,a.toLowerCase(),null,!0,!0)});
+var D={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,
+fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ha=["Webkit","ms","Moz","O"];Object.keys(D).forEach(function(a){ha.forEach(function(c){c=c+a.charAt(0).toUpperCase()+a.substring(1);D[c]=D[a]})});var ia=Array.isArray;q("<script>");q("\x3c/script>");q('<script src="');q('<script type="module" src="');q('" integrity="');q('" async="">\x3c/script>');q("\x3c!-- --\x3e");q(' style="');q(":");q(";");q(" ");q('="');q('"');
 q('=""');q(">");q("/>");q(' selected=""');q("\n");q("<!DOCTYPE html>");q("</");q(">");q('<template id="');q('"></template>');q("\x3c!--$--\x3e");q('\x3c!--$?--\x3e<template id="');q('"></template>');q("\x3c!--$!--\x3e");q("\x3c!--/$--\x3e");q("<template");q('"');q(' data-dgst="');q(' data-msg="');q(' data-stck="');q("></template>");q('<div hidden id="');q('">');q("</div>");q('<svg aria-hidden="true" style="display:none" id="');q('">');q("</svg>");q('<math aria-hidden="true" style="display:none" id="');
 q('">');q("</math>");q('<table hidden id="');q('">');q("</table>");q('<table hidden><tbody id="');q('">');q("</tbody></table>");q('<table hidden><tr id="');q('">');q("</tr></table>");q('<table hidden><colgroup id="');q('">');q("</colgroup></table>");q('function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("');q('$RS("');q('","');q('")\x3c/script>');q('function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("');
-q('$RC("');q('","');q('")\x3c/script>');q('function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};$RX("');q('$RX("');q('"');q(")\x3c/script>");q(",");var H=null;
-function I(a,c){if(a!==c){a.context._currentValue=a.parentValue;a=a.parent;var d=c.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");I(a,d);c.context._currentValue=c.value}}}function ha(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ha(a)}
-function ia(a){var c=a.parent;null!==c&&ia(c);a.context._currentValue=a.value}function ja(a,c){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?I(a,c):ja(a,c)}
-function ka(a,c){var d=c.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?I(a,d):ka(a,d);c.context._currentValue=c.value}function J(a){var c=H;c!==a&&(null===c?ia(a):null===a?ha(c):c.depth===a.depth?I(c,a):c.depth>a.depth?ja(c,a):ka(c,a),H=a)}function la(a,c){var d=a._currentValue;a._currentValue=c;var b=H;return H=a={parent:b,depth:null===b?0:b.depth+1,context:a,parentValue:d,value:c}}var K=null;
-function ma(a){return a._currentValue}
-var pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:L,useTransition:L,getCacheForType:function(a){if(!M)throw Error("Reading the cache is only supported while rendering.");var c=M.get(a);void 0===c&&(c=a(),M.set(a,c));return c},readContext:ma,useContext:ma,useReducer:L,useRef:L,useState:L,useInsertionEffect:L,useLayoutEffect:L,useImperativeHandle:L,useEffect:L,useId:na,useMutableSource:L,useSyncExternalStore:L,useCacheRefresh:function(){return oa},
-useMemoCache:function(a){return Array(a)}};function L(){throw Error("This Hook is not supported in Server Components.");}function oa(){if(!M)throw Error("Refreshing the cache is not supported in Server Components.");}var M=null;function na(){if(null===K)throw Error("useId can only be used while React is rendering");var a=K.identifierCount++;return":"+K.identifierPrefix+"S"+a.toString(32)+":"}var qa=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,N=qa.ContextRegistry,O=qa.ReactCurrentDispatcher;
-function ra(a){console.error(a)}
-function sa(a,c,d,b,f){var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:c,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===d?ra:d,toJSON:function(a,b){return ta(k,this,a,b)}};k.pendingChunks++;c=ua(b);a=va(k,a,c,g);h.push(a);return k}var wa={};
-function P(a,c,d,b){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in server components, nor passed to client components.");if("function"===typeof a)return a.$$typeof===v?[w,a,c,b]:a(b);if("string"===typeof a)return[w,a,c,b];if("symbol"===typeof a)return a===aa?b.children:[w,a,c,b];if(null!=a&&"object"===typeof a){if(a.$$typeof===v)return[w,a,c,b];switch(a.$$typeof){case A:var f=a._init;a=f(a._payload);return P(a,c,d,b);case ba:return c=a.render,c(b,void 0);case ca:return P(a.type,c,d,b);
-case z:return la(a._context,b.value),[w,a,c,{value:b.value,children:b.children,__pop:wa}]}}throw Error("Unsupported server component type: "+Q(a));}function va(a,c,d,b){var f={id:a.nextChunkId++,status:0,model:c,context:d,ping:function(){var b=a.pingedTasks;b.push(f);1===b.length&&xa(a)}};b.add(f);return f}
-function ya(a,c,d,b){var f=b.filepath+"#"+b.name+(b.async?"#async":""),g=a.writtenModules,h=g.get(f);if(void 0!==h)return c[0]===w&&"1"===d?"@"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[b.filepath][b.name];var x=b.async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var y=a.nextChunkId++,R=u(x),S="M"+y.toString(16)+":"+R+"\n";var T=p.encode(S);a.completedModuleChunks.push(T);g.set(f,y);return c[0]===w&&"1"===d?"@"+y.toString(16):"$"+y.toString(16)}catch(G){return a.pendingChunks++,
-c=a.nextChunkId++,U(a,c,G),"$"+c.toString(16)}}function za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(a,d){return d})}function V(a){var c=JSON.stringify(a);return'"'+a+'"'===c?a:c}function Q(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(fa(a))return"[...]";a=za(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function W(a,c){if(fa(a)){for(var d="[",b=0;b<a.length;b++){0<b&&(d+=", ");if(6<b){d+="...";break}var f=a[b];d=""+b===c&&"object"===typeof f&&null!==f?d+W(f):d+Q(f)}return d+"]"}d="{";b=Object.keys(a);for(f=0;f<b.length;f++){0<f&&(d+=", ");if(6<f){d+="...";break}var g=b[f];d+=V(g)+": ";var h=a[g];d=g===c&&"object"===typeof h&&null!==h?d+W(h):d+Q(h)}return d+"}"}
-function ta(a,c,d,b){switch(b){case w:return"$"}for(;"object"===typeof b&&null!==b&&(b.$$typeof===w||b.$$typeof===A);)try{switch(b.$$typeof){case w:var f=b;b=P(f.type,f.key,f.ref,f.props);break;case A:var g=b._init;b=g(b._payload)}}catch(h){if("object"===typeof h&&null!==h&&"function"===typeof h.then)return a.pendingChunks++,a=va(a,b,H,a.abortableTasks),b=a.ping,h.then(b,b),"@"+a.id.toString(16);X(a,h);a.pendingChunks++;b=a.nextChunkId++;U(a,b,h);return"@"+b.toString(16)}if(null===b)return null;if("object"===
-typeof b){if(b.$$typeof===v)return ya(a,c,d,b);if(b.$$typeof===z)return f=b._context._globalName,c=a.writtenProviders,b=c.get(d),void 0===b&&(a.pendingChunks++,b=a.nextChunkId++,c.set(f,b),d="P"+b.toString(16)+":"+f+"\n",d=p.encode(d),a.completedJSONChunks.push(d)),"$"+b.toString(16);if(b===wa){a=H;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");b=a.parentValue;a.context._currentValue=b===B?a.context._defaultValue:b;H=a.parent;return}return b}if("string"===
-typeof b)return a="$"===b[0]||"@"===b[0]?"$"+b:b,a;if("boolean"===typeof b||"number"===typeof b||"undefined"===typeof b)return b;if("function"===typeof b){if(b.$$typeof===v)return ya(a,c,d,b);if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to client component props. Remove "+(V(d)+" from these props if possible: "+W(c)+"\nIf you need interactivity, consider converting part of this to a client component."));throw Error("Functions cannot be passed directly to client components because they're not serializable. Remove "+
-(V(d)+" ("+(b.displayName||b.name||"function")+") from this object, or avoid the entire object: "+W(c)));}if("symbol"===typeof b){f=a.writtenSymbols;g=f.get(b);if(void 0!==g)return"$"+g.toString(16);g=b.description;if(Symbol.for(g)!==b)throw Error("Only global symbols received from Symbol.for(...) can be passed to client components. The symbol Symbol.for("+(b.description+") cannot be found among global symbols. Remove ")+(V(d)+" from this object, or avoid the entire object: "+W(c)));a.pendingChunks++;
-d=a.nextChunkId++;c=u(g);c="S"+d.toString(16)+":"+c+"\n";c=p.encode(c);a.completedModuleChunks.push(c);f.set(b,d);return"$"+d.toString(16)}if("bigint"===typeof b)throw Error("BigInt ("+b+") is not yet supported in client component props. Remove "+(V(d)+" from this object or use a plain number instead: "+W(c)));throw Error("Type "+typeof b+" is not supported in client component props. Remove "+(V(d)+" from this object, or avoid the entire object: "+W(c)));}function X(a,c){a=a.onError;a(c)}
-function Y(a,c){null!==a.destination?(a.status=2,r(a.destination,c)):(a.status=1,a.fatalError=c)}function U(a,c,d){var b="";try{if(d instanceof Error){var f=String(d.message);b=String(d.stack)}else f="Error: "+d}catch(g){f="An error occurred but serializing the error message failed."}d={message:f,stack:b};c="E"+c.toString(16)+":"+u(d)+"\n";c=p.encode(c);a.completedErrorChunks.push(c)}
-function xa(a){var c=O.current,d=M;O.current=pa;M=a.cache;K=a;try{var b=a.pingedTasks;a.pingedTasks=[];for(var f=0;f<b.length;f++){var g=b[f];var h=a;if(0===g.status){J(g.context);try{for(var k=g.model;"object"===typeof k&&null!==k&&k.$$typeof===w;){var x=k;g.model=k;k=P(x.type,x.key,x.ref,x.props)}var y=g.id,R=u(k,h.toJSON),S="J"+y.toString(16)+":"+R+"\n";var T=p.encode(S);h.completedJSONChunks.push(T);h.abortableTasks.delete(g);g.status=1}catch(t){if("object"===typeof t&&null!==t&&"function"===
-typeof t.then){var G=g.ping;t.then(G,G)}else h.abortableTasks.delete(g),g.status=4,X(h,t),U(h,g.id,t)}}}null!==a.destination&&Z(a,a.destination)}catch(t){X(a,t),Y(a,t)}finally{O.current=c,M=d,K=null}}
+q('$RC("');q('","');q('")\x3c/script>');q('function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};$RX("');q('$RX("');q('"');q(")\x3c/script>");q(",");var E=null;
+function F(a,c){if(a!==c){a.context._currentValue=a.parentValue;a=a.parent;var d=c.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");F(a,d);c.context._currentValue=c.value}}}function ja(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&ja(a)}
+function ka(a){var c=a.parent;null!==c&&ka(c);a.context._currentValue=a.value}function la(a,c){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?F(a,c):la(a,c)}
+function ma(a,c){var d=c.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?F(a,d):ma(a,d);c.context._currentValue=c.value}function G(a){var c=E;c!==a&&(null===c?ka(a):null===a?ja(c):c.depth===a.depth?F(c,a):c.depth>a.depth?la(c,a):ma(c,a),E=a)}function na(a,c){var d=a._currentValue;a._currentValue=c;var b=E;return E=a={parent:b,depth:null===b?0:b.depth+1,context:a,parentValue:d,value:c}}
+function oa(a){switch(a.status){case "pending":break;case "fulfilled":case "rejected":break;default:a.status="pending",a.then(function(c){"pending"===a.status&&(a.status="fulfilled",a.value=c)},function(c){"pending"===a.status&&(a.status="rejected",a.reason=c)})}}var H=null,I=0,J=null;function pa(a){return a._currentValue}
+var ua={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:K,useTransition:K,getCacheForType:function(a){if(!L)throw Error("Reading the cache is only supported while rendering.");var c=L.get(a);void 0===c&&(c=a(),L.set(a,c));return c},readContext:pa,useContext:pa,useReducer:K,useRef:K,useState:K,useInsertionEffect:K,useLayoutEffect:K,useImperativeHandle:K,useEffect:K,useId:qa,useMutableSource:K,useSyncExternalStore:K,useCacheRefresh:function(){return sa},
+useMemoCache:function(a){return Array(a)},use:ta};function K(){throw Error("This Hook is not supported in Server Components.");}function sa(){if(!L)throw Error("Refreshing the cache is not supported in Server Components.");}var L=null;function qa(){if(null===H)throw Error("useId can only be used while React is rendering");var a=H.identifierCount++;return":"+H.identifierPrefix+"S"+a.toString(32)+":"}
+function ta(a){if(null!==a&&"object"===typeof a&&"function"===typeof a.then){var c=I;I+=1;switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:a:{if(null!==J){var d=J[c];if(void 0!==d)break a}d=null}if(null!==d)switch(d.status){case "fulfilled":return d.value;case "rejected":throw d.reason;default:throw d;}else throw null===J&&(J=[]),J[c]=a,a;}}throw Error("An unsupported type was passed to use(): "+String(a));}
+var va=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,M=va.ContextRegistry,N=va.ReactCurrentDispatcher;function wa(a){console.error(a)}
+function xa(a,c,d,b,f){var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:c,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===d?wa:d,toJSON:function(a,b){return ya(k,this,a,b)}};k.pendingChunks++;c=za(b);a=Aa(k,a,c,g);h.push(a);return k}var Ba={};
+function O(a,c,d,b,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in server components, nor passed to client components.");if("function"===typeof a){if(a.$$typeof===w)return[x,a,c,b];I=0;J=f;return a(b)}if("string"===typeof a)return[x,a,c,b];if("symbol"===typeof a)return a===aa?b.children:[x,a,c,b];if(null!=a&&"object"===typeof a){if(a.$$typeof===w)return[x,a,c,b];switch(a.$$typeof){case y:var g=a._init;a=g(a._payload);return O(a,c,d,b,f);case ca:return c=a.render,I=0,J=f,c(b,void 0);
+case da:return O(a.type,c,d,b,f);case ba:return na(a._context,b.value),[x,a,c,{value:b.value,children:b.children,__pop:Ba}]}}throw Error("Unsupported server component type: "+P(a));}function Aa(a,c,d,b){var f={id:a.nextChunkId++,status:0,model:c,context:d,ping:function(){var b=a.pingedTasks;b.push(f);1===b.length&&Ca(a)},thenableState:null};b.add(f);return f}
+function Da(a,c,d,b){var f=b.filepath+"#"+b.name+(b.async?"#async":""),g=a.writtenModules,h=g.get(f);if(void 0!==h)return c[0]===x&&"1"===d?"@"+h.toString(16):"$"+h.toString(16);try{var k=a.bundlerConfig[b.filepath][b.name];var r=b.async?{id:k.id,chunks:k.chunks,name:k.name,async:!0}:k;a.pendingChunks++;var z=a.nextChunkId++,S=v(r),T="M"+z.toString(16)+":"+S+"\n";var U=p.encode(T);a.completedModuleChunks.push(U);g.set(f,z);return c[0]===x&&"1"===d?"@"+z.toString(16):"$"+z.toString(16)}catch(V){return a.pendingChunks++,
+c=a.nextChunkId++,Q(a,c,V),"$"+c.toString(16)}}function Ea(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(a,d){return d})}function R(a){var c=JSON.stringify(a);return'"'+a+'"'===c?a:c}function P(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.substr(0,10)+"...");case "object":if(ia(a))return"[...]";a=Ea(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
+function W(a,c){if(ia(a)){for(var d="[",b=0;b<a.length;b++){0<b&&(d+=", ");if(6<b){d+="...";break}var f=a[b];d=""+b===c&&"object"===typeof f&&null!==f?d+W(f):d+P(f)}return d+"]"}d="{";b=Object.keys(a);for(f=0;f<b.length;f++){0<f&&(d+=", ");if(6<f){d+="...";break}var g=b[f];d+=R(g)+": ";var h=a[g];d=g===c&&"object"===typeof h&&null!==h?d+W(h):d+P(h)}return d+"}"}
+function ya(a,c,d,b){switch(b){case x:return"$"}for(;"object"===typeof b&&null!==b&&(b.$$typeof===x||b.$$typeof===y);)try{switch(b.$$typeof){case x:var f=b;b=O(f.type,f.key,f.ref,f.props,null);break;case y:var g=b._init;b=g(b._payload)}}catch(h){if("object"===typeof h&&null!==h&&"function"===typeof h.then)return a.pendingChunks++,a=Aa(a,b,E,a.abortableTasks),b=a.ping,h.then(b,b),oa(h),a.thenableState=J,"@"+a.id.toString(16);X(a,h);a.pendingChunks++;b=a.nextChunkId++;Q(a,b,h);return"@"+b.toString(16)}if(null===
+b)return null;if("object"===typeof b){if(b.$$typeof===w)return Da(a,c,d,b);if(b.$$typeof===ba)return f=b._context._globalName,c=a.writtenProviders,b=c.get(d),void 0===b&&(a.pendingChunks++,b=a.nextChunkId++,c.set(f,b),d="P"+b.toString(16)+":"+f+"\n",d=p.encode(d),a.completedJSONChunks.push(d)),"$"+b.toString(16);if(b===Ba){a=E;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");b=a.parentValue;a.context._currentValue=b===ea?a.context._defaultValue:b;E=
+a.parent;return}return b}if("string"===typeof b)return a="$"===b[0]||"@"===b[0]?"$"+b:b,a;if("boolean"===typeof b||"number"===typeof b||"undefined"===typeof b)return b;if("function"===typeof b){if(b.$$typeof===w)return Da(a,c,d,b);if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to client component props. Remove "+(R(d)+" from these props if possible: "+W(c)+"\nIf you need interactivity, consider converting part of this to a client component."));throw Error("Functions cannot be passed directly to client components because they're not serializable. Remove "+
+(R(d)+" ("+(b.displayName||b.name||"function")+") from this object, or avoid the entire object: "+W(c)));}if("symbol"===typeof b){f=a.writtenSymbols;g=f.get(b);if(void 0!==g)return"$"+g.toString(16);g=b.description;if(Symbol.for(g)!==b)throw Error("Only global symbols received from Symbol.for(...) can be passed to client components. The symbol Symbol.for("+(b.description+") cannot be found among global symbols. Remove ")+(R(d)+" from this object, or avoid the entire object: "+W(c)));a.pendingChunks++;
+d=a.nextChunkId++;c=v(g);c="S"+d.toString(16)+":"+c+"\n";c=p.encode(c);a.completedModuleChunks.push(c);f.set(b,d);return"$"+d.toString(16)}if("bigint"===typeof b)throw Error("BigInt ("+b+") is not yet supported in client component props. Remove "+(R(d)+" from this object or use a plain number instead: "+W(c)));throw Error("Type "+typeof b+" is not supported in client component props. Remove "+(R(d)+" from this object, or avoid the entire object: "+W(c)));}function X(a,c){a=a.onError;a(c)}
+function Y(a,c){null!==a.destination?(a.status=2,u(a.destination,c)):(a.status=1,a.fatalError=c)}function Q(a,c,d){var b="";try{if(d instanceof Error){var f=String(d.message);b=String(d.stack)}else f="Error: "+d}catch(g){f="An error occurred but serializing the error message failed."}d={message:f,stack:b};c="E"+c.toString(16)+":"+v(d)+"\n";c=p.encode(c);a.completedErrorChunks.push(c)}
+function Ca(a){var c=N.current,d=L;N.current=ua;L=a.cache;H=a;try{var b=a.pingedTasks;a.pingedTasks=[];for(var f=0;f<b.length;f++){var g=b[f];var h=a;if(0===g.status){G(g.context);try{var k=g.model;if("object"===typeof k&&null!==k&&k.$$typeof===x){var r=k,z=g.thenableState;g.model=k;k=O(r.type,r.key,r.ref,r.props,z);for(g.thenableState=null;"object"===typeof k&&null!==k&&k.$$typeof===x;)r=k,g.model=k,k=O(r.type,r.key,r.ref,r.props,null)}var S=g.id,T=v(k,h.toJSON),U="J"+S.toString(16)+":"+T+"\n";var V=
+p.encode(U);h.completedJSONChunks.push(V);h.abortableTasks.delete(g);g.status=1}catch(t){if("object"===typeof t&&null!==t&&"function"===typeof t.then){var ra=g.ping;t.then(ra,ra);oa(t);g.thenableState=J}else h.abortableTasks.delete(g),g.status=4,X(h,t),Q(h,g.id,t)}}}null!==a.destination&&Z(a,a.destination)}catch(t){X(a,t),Y(a,t)}finally{N.current=c,L=d,H=null}}
 function Z(a,c){l=new Uint8Array(512);m=0;try{for(var d=a.completedModuleChunks,b=0;b<d.length;b++)if(a.pendingChunks--,!n(c,d[b])){a.destination=null;b++;break}d.splice(0,b);var f=a.completedJSONChunks;for(b=0;b<f.length;b++)if(a.pendingChunks--,!n(c,f[b])){a.destination=null;b++;break}f.splice(0,b);var g=a.completedErrorChunks;for(b=0;b<g.length;b++)if(a.pendingChunks--,!n(c,g[b])){a.destination=null;b++;break}g.splice(0,b)}finally{l&&0<m&&(c.enqueue(new Uint8Array(l.buffer,0,m)),l=null,m=0)}0===
-a.pendingChunks&&c.close()}function Aa(a,c){try{var d=a.abortableTasks;if(0<d.size){var b=void 0===c?Error("The render was aborted by the server without a reason."):c;X(a,b);a.pendingChunks++;var f=a.nextChunkId++;U(a,f,b);d.forEach(function(b){b.status=3;var c="$"+f.toString(16);b=b.id;c=u(c);c="J"+b.toString(16)+":"+c+"\n";c=p.encode(c);a.completedJSONChunks.push(c)});d.clear()}null!==a.destination&&Z(a,a.destination)}catch(g){X(a,g),Y(a,g)}}
-function ua(a){if(a){var c=H;J(null);for(var d=0;d<a.length;d++){var b=a[d],f=b[0];b=b[1];N[f]||(N[f]=e.createServerContext(f,B));la(N[f],b)}a=H;J(c);return a}return null}
-exports.renderToReadableStream=function(a,c,d){var b=sa(a,c,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0);if(d&&d.signal){var f=d.signal;if(f.aborted)Aa(b,f.reason);else{var g=function(){Aa(b,f.reason);f.removeEventListener("abort",g)};f.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){xa(b)},pull:function(a){if(1===b.status)b.status=2,r(a,b.fatalError);else if(2!==b.status&&null===b.destination){b.destination=a;try{Z(b,a)}catch(k){X(b,k),
+a.pendingChunks&&c.close()}function Fa(a,c){try{var d=a.abortableTasks;if(0<d.size){var b=void 0===c?Error("The render was aborted by the server without a reason."):c;X(a,b);a.pendingChunks++;var f=a.nextChunkId++;Q(a,f,b);d.forEach(function(b){b.status=3;var c="$"+f.toString(16);b=b.id;c=v(c);c="J"+b.toString(16)+":"+c+"\n";c=p.encode(c);a.completedErrorChunks.push(c)});d.clear()}null!==a.destination&&Z(a,a.destination)}catch(g){X(a,g),Y(a,g)}}
+function za(a){if(a){var c=E;G(null);for(var d=0;d<a.length;d++){var b=a[d],f=b[0];b=b[1];M[f]||(M[f]=e.createServerContext(f,ea));na(M[f],b)}a=E;G(c);return a}return null}
+exports.renderToReadableStream=function(a,c,d){var b=xa(a,c,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0);if(d&&d.signal){var f=d.signal;if(f.aborted)Fa(b,f.reason);else{var g=function(){Fa(b,f.reason);f.removeEventListener("abort",g)};f.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){Ca(b)},pull:function(a){if(1===b.status)b.status=2,u(a,b.fatalError);else if(2!==b.status&&null===b.destination){b.destination=a;try{Z(b,a)}catch(k){X(b,k),
 Y(b,k)}}},cancel:function(){}},{highWaterMark:0})};
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
index 2c7bd8674846063..d66fbcb2eee9a0a 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.development.js
@@ -384,6 +384,11 @@ function parseModelString(response, parentObject, value) {
         } else {
           var id = parseInt(value.substring(1), 16);
           var chunk = getChunk(response, id);
+
+          if (chunk._status === PENDING) {
+            throw new Error("We didn't expect to see a forward reference. This is a bug in the React Server.");
+          }
+
           return readChunk(chunk);
         }
       }
@@ -606,14 +611,14 @@ function startReadingFromStream(response, stream) {
 
     var buffer = value;
     processBinaryChunk(response, buffer);
-    return reader.read().then(progress, error);
+    return reader.read().then(progress).catch(error);
   }
 
   function error(e) {
     reportGlobalError(response, e);
   }
 
-  reader.read().then(progress, error);
+  reader.read().then(progress).catch(error);
 }
 
 function createFromReadableStream(stream, options) {
diff --git a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
index 235527efebc6747..ad576fe6be77ea4 100644
--- a/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
+++ b/packages/next/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack.production.min.js
@@ -11,10 +11,10 @@
 var r=Symbol.for("react.element"),t=Symbol.for("react.lazy"),u=Symbol.for("react.default_value"),v=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function w(a){v[a]||(v[a]=h.createServerContext(a,u));return v[a]}function x(a,b,c){this._status=a;this._value=b;this._response=c}x.prototype.then=function(a){0===this._status?(null===this._value&&(this._value=[]),this._value.push(a)):a()};
 function y(a){switch(a._status){case 3:return a._value;case 1:var b=JSON.parse(a._value,a._response._fromJSON);a._status=3;return a._value=b;case 2:b=a._value;if(b.async){var c=p.get(b.id);if("fulfilled"===c.status)c=c.value;else{if("rejected"===c.status)throw c.reason;throw c;}}else{c=b.chunks;for(var d=0;d<c.length;d++){var e=m.get(c[d]);if(null!==e)throw e;}c=globalThis.__next_require__(b.id)}b="*"===b.name?c:""===b.name?c.__esModule?c.default:c:c[b.name];a._status=3;return a._value=b;case 0:throw a;default:throw a._value;
 }}function z(){var a=A(this,0);return y(a)}function B(a,b){return new x(3,b,a)}function C(a){if(null!==a)for(var b=0;b<a.length;b++)(0,a[b])()}function D(a,b){if(0===a._status){var c=a._value;a._status=4;a._value=b;C(c)}}function E(a,b){a._chunks.forEach(function(a){D(a,b)})}function A(a,b){var c=a._chunks,d=c.get(b);d||(d=new x(0,null,a),c.set(b,d));return d}
-function G(a,b,c){switch(c[0]){case "$":if("$"===c)return r;if("$"===c[1]||"@"===c[1])return c.substring(1);b=parseInt(c.substring(1),16);a=A(a,b);return y(a);case "@":return b=parseInt(c.substring(1),16),a=A(a,b),{$$typeof:t,_payload:a,_init:y}}return c}function H(a){E(a,Error("Connection closed."))}
+function G(a,b,c){switch(c[0]){case "$":if("$"===c)return r;if("$"===c[1]||"@"===c[1])return c.substring(1);b=parseInt(c.substring(1),16);a=A(a,b);if(0===a._status)throw Error("We didn't expect to see a forward reference. This is a bug in the React Server.");return y(a);case "@":return b=parseInt(c.substring(1),16),a=A(a,b),{$$typeof:t,_payload:a,_init:y}}return c}function H(a){E(a,Error("Connection closed."))}
 function I(a,b){if(""!==b){var c=b[0],d=b.indexOf(":",1),e=parseInt(b.substring(1,d),16);d=b.substring(d+1);switch(c){case "J":b=a._chunks;(c=b.get(e))?0===c._status&&(a=c._value,c._status=1,c._value=d,C(a)):b.set(e,new x(1,d,a));break;case "M":b=a._chunks;c=b.get(e);d=JSON.parse(d,a._fromJSON);var f=a._bundlerConfig;f&&(f=f[d.id][d.name],d=d.async?{id:f.id,chunks:f.chunks,name:f.name,async:!0}:f);q(d);c?0===c._status&&(a=c._value,c._status=2,c._value=d,C(a)):b.set(e,new x(2,d,a));break;case "P":a._chunks.set(e,
 B(a,w(d).Provider));break;case "S":c=JSON.parse(d);a._chunks.set(e,B(a,Symbol.for(c)));break;case "E":b=JSON.parse(d);c=Error(b.message);c.stack=b.stack;b=a._chunks;(d=b.get(e))?D(d,c):b.set(e,new x(4,c,a));break;default:throw Error("Error parsing the data. It's probably an error code or network corruption.");}}}
 function J(a){return function(b,c){return"string"===typeof c?G(a,this,c):"object"===typeof c&&null!==c?(b=c[0]===r?{$$typeof:r,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function K(a){var b=new TextDecoder,c=new Map;a={_bundlerConfig:a,_chunks:c,readRoot:z,_partialRow:"",_stringDecoder:b};a._fromJSON=J(a);return a}
-function L(a,b){function c(b){var f=b.value;if(b.done)H(a);else{b=f;f=a._stringDecoder;for(var k=b.indexOf(10);-1<k;){var g=a._partialRow;var n=b.subarray(0,k);n=f.decode(n);I(a,g+n);a._partialRow="";b=b.subarray(k+1);k=b.indexOf(10)}a._partialRow+=f.decode(b,l);return e.read().then(c,d)}}function d(b){E(a,b)}var e=b.getReader();e.read().then(c,d)}exports.createFromFetch=function(a,b){var c=K(b&&b.moduleMap?b.moduleMap:null);a.then(function(a){L(c,a.body)},function(a){E(c,a)});return c};
+function L(a,b){function c(b){var f=b.value;if(b.done)H(a);else{b=f;f=a._stringDecoder;for(var k=b.indexOf(10);-1<k;){var g=a._partialRow;var n=b.subarray(0,k);n=f.decode(n);I(a,g+n);a._partialRow="";b=b.subarray(k+1);k=b.indexOf(10)}a._partialRow+=f.decode(b,l);return e.read().then(c).catch(d)}}function d(b){E(a,b)}var e=b.getReader();e.read().then(c).catch(d)}exports.createFromFetch=function(a,b){var c=K(b&&b.moduleMap?b.moduleMap:null);a.then(function(a){L(c,a.body)},function(a){E(c,a)});return c};
 exports.createFromReadableStream=function(a,b){b=K(b&&b.moduleMap?b.moduleMap:null);L(b,a);return b};
 exports.createFromXHR=function(a,b){function c(){for(var b=a.responseText,c=f,d=b.indexOf("\n",c);-1<d;)c=e._partialRow+b.substring(c,d),I(e,c),e._partialRow="",c=d+1,d=b.indexOf("\n",c);e._partialRow+=b.substring(c);f=b.length}function d(){E(e,new TypeError("Network error"))}var e=K(b&&b.moduleMap?b.moduleMap:null),f=0;a.addEventListener("progress",c);a.addEventListener("load",function(){c();H(e)});a.addEventListener("error",d);a.addEventListener("abort",d);a.addEventListener("timeout",d);return e};
diff --git a/packages/next/package.json b/packages/next/package.json
index aa572d7b39f533a..027c8662f1b6bed 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -244,7 +244,7 @@
     "raw-body": "2.4.1",
     "react-is": "17.0.2",
     "react-refresh": "0.12.0",
-    "react-server-dom-webpack": "0.0.0-experimental-0de3ddf56-20220825",
+    "react-server-dom-webpack": "0.0.0-experimental-7028ce745-20220907",
     "regenerator-runtime": "0.13.4",
     "sass-loader": "12.4.0",
     "schema-utils2": "npm:schema-utils@2.7.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d204490f545aca6..706b3f9a9fddc6d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -139,8 +139,8 @@ importers:
       react-17: npm:react@17.0.2
       react-dom: 18.2.0
       react-dom-17: npm:react-dom@17.0.2
-      react-dom-exp: npm:react-dom@0.0.0-experimental-0de3ddf56-20220825
-      react-exp: npm:react@0.0.0-experimental-0de3ddf56-20220825
+      react-dom-exp: npm:react-dom@0.0.0-experimental-7028ce745-20220907
+      react-exp: npm:react@0.0.0-experimental-7028ce745-20220907
       react-ssr-prepass: 1.0.8
       react-virtualized: 9.22.3
       relay-compiler: 13.0.2
@@ -293,8 +293,8 @@ importers:
       react-17: /react/17.0.2
       react-dom: 18.2.0_react@18.2.0
       react-dom-17: /react-dom/17.0.2_react@18.2.0
-      react-dom-exp: /react-dom/0.0.0-experimental-0de3ddf56-20220825_react@18.2.0
-      react-exp: /react/0.0.0-experimental-0de3ddf56-20220825
+      react-dom-exp: /react-dom/0.0.0-experimental-7028ce745-20220907_react@18.2.0
+      react-exp: /react/0.0.0-experimental-7028ce745-20220907
       react-ssr-prepass: 1.0.8_qncsgtzehe3fgiqp6tr7lwq6fm
       react-virtualized: 9.22.3_biqbaboplfbrettd7655fr4n2y
       relay-compiler: 13.0.2
@@ -546,7 +546,7 @@ importers:
       raw-body: 2.4.1
       react-is: 17.0.2
       react-refresh: 0.12.0
-      react-server-dom-webpack: 0.0.0-experimental-0de3ddf56-20220825
+      react-server-dom-webpack: 0.0.0-experimental-7028ce745-20220907
       regenerator-runtime: 0.13.4
       sass-loader: 12.4.0
       schema-utils2: npm:schema-utils@2.7.1
@@ -735,7 +735,7 @@ importers:
       raw-body: 2.4.1
       react-is: 17.0.2
       react-refresh: 0.12.0
-      react-server-dom-webpack: 0.0.0-experimental-0de3ddf56-20220825_webpack@5.74.0
+      react-server-dom-webpack: 0.0.0-experimental-7028ce745-20220907_webpack@5.74.0
       regenerator-runtime: 0.13.4
       sass-loader: 12.4.0_webpack@5.74.0
       schema-utils2: /schema-utils/2.7.1
@@ -24206,17 +24206,17 @@ packages:
       strip-json-comments: 2.0.1
     dev: true
 
-  /react-dom/0.0.0-experimental-0de3ddf56-20220825_react@18.2.0:
+  /react-dom/0.0.0-experimental-7028ce745-20220907_react@18.2.0:
     resolution:
       {
-        integrity: sha512-d2pS60dObYaVw4cybVNlQ7JL+Mkpz6MVZo35KgsUzU4IUUywxrc09JJivOGiOyJTwTShITAgOvn/c/LZjlTpcg==,
+        integrity: sha512-vNt0UKStPB47hPjpk6I1JEnxjl3vb0VItCtpZolzcNtYlMyfDmZFInh6IGiMtfBpm6Fp1LCztfopAnuiYoEb3Q==,
       }
     peerDependencies:
-      react: 0.0.0-experimental-0de3ddf56-20220825
+      react: 0.0.0-experimental-7028ce745-20220907
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
-      scheduler: 0.0.0-experimental-0de3ddf56-20220825
+      scheduler: 0.0.0-experimental-7028ce745-20220907
     dev: true
 
   /react-dom/17.0.2_react@18.2.0:
@@ -24281,14 +24281,14 @@ packages:
     engines: { node: '>=0.10.0' }
     dev: true
 
-  /react-server-dom-webpack/0.0.0-experimental-0de3ddf56-20220825_webpack@5.74.0:
+  /react-server-dom-webpack/0.0.0-experimental-7028ce745-20220907_webpack@5.74.0:
     resolution:
       {
-        integrity: sha512-mowgFHsHjlGnL2YcedTXQMXmJaP3tKPjXjY3tyZVRVH7AaLRa+SMPEjx5GFCzz1nn6W0x/NQlCvqxV+F35nytg==,
+        integrity: sha512-DqVpIa9DdgQNre2urGq5brXRrgtd6jqCUO4Ax5yBAHvmWW5L2XkU3jI+YCMMZdxVwcP+NIJoB9mkIsFyIo8NAQ==,
       }
     engines: { node: '>=0.10.0' }
     peerDependencies:
-      react: 0.0.0-experimental-0de3ddf56-20220825
+      react: 0.0.0-experimental-7028ce745-20220907
       webpack: ^5.59.0
     dependencies:
       acorn: 6.4.2
@@ -24330,10 +24330,10 @@ packages:
       react-lifecycles-compat: 3.0.4
     dev: true
 
-  /react/0.0.0-experimental-0de3ddf56-20220825:
+  /react/0.0.0-experimental-7028ce745-20220907:
     resolution:
       {
-        integrity: sha512-4KH+Ylv+P0SsKAjjpGALztqHBkqoh01GFh8hJkCAPJ7fAx6yLDY7i4XeoDutqo6okWnJncq7ixUoyru4hXFn4A==,
+        integrity: sha512-GJkc7NNWnUV7imij/n8YxJTQEY+OsE8qSmHB4esfFV/Gdi5zFOtzXr9LEB8CItAIoIpZ0eK1LXcOAO3cenDzLQ==,
       }
     engines: { node: '>=0.10.0' }
     dependencies:
@@ -25663,10 +25663,10 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
-  /scheduler/0.0.0-experimental-0de3ddf56-20220825:
+  /scheduler/0.0.0-experimental-7028ce745-20220907:
     resolution:
       {
-        integrity: sha512-cMaG6fmnYZvH2C5LuMGw//oHBskpicjdJ+GbLs7nAQLiuYl6sXzmqQeGgDLJvd76hcBz2aK2tEKZMHrmwuWVcA==,
+        integrity: sha512-vmk4QI8sXQYFk7rtB9omwlsyNOhdsai4BKvud+XE+CfZuI5iTV+Nzj2EQq19PcfS7cmf1UOQ83wgv4yGgsefUQ==,
       }
     dependencies:
       loose-envify: 1.4.0